@courtneyring/components-library 0.1.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +60 -27
  2. package/dist/ScrollTrigger-DDbij8gI.js +3102 -0
  3. package/dist/animations/FadeIn.js +26 -0
  4. package/dist/animations/FadeInMotion.js +4785 -0
  5. package/dist/assets/Background.css +1 -0
  6. package/dist/assets/Banner.css +1 -0
  7. package/dist/assets/BorderedBackground.css +1 -0
  8. package/dist/assets/Button.css +1 -0
  9. package/dist/assets/Container.css +1 -0
  10. package/dist/assets/Fifty.css +1 -0
  11. package/dist/assets/Footer.css +1 -0
  12. package/dist/assets/ImageTextBlock.css +1 -0
  13. package/dist/assets/List.css +1 -0
  14. package/dist/assets/MenuButton.css +1 -0
  15. package/dist/assets/Navbar.css +1 -0
  16. package/dist/assets/Note.css +1 -0
  17. package/dist/assets/Overlay.css +1 -0
  18. package/dist/assets/OverlayHero.css +1 -0
  19. package/dist/assets/PageContainer.css +1 -0
  20. package/dist/assets/Promo.css +1 -0
  21. package/dist/assets/PromoGroup.css +1 -0
  22. package/dist/assets/Timeline.css +1 -0
  23. package/dist/assets/icons/checkmark.svg +3 -0
  24. package/dist/components/Background/Background.js +55 -0
  25. package/dist/components/Banner/Banner.js +14 -0
  26. package/dist/components/BorderedBackground/BorderedBackground.js +40 -0
  27. package/dist/components/Button/Button.js +30 -13
  28. package/dist/components/Container/Container.js +9 -0
  29. package/dist/components/Fifty/Fifty.js +33 -0
  30. package/dist/components/Fifty/Fifty.stories.js +32 -0
  31. package/dist/components/Footer/Footer.js +13 -0
  32. package/dist/components/Icon/Icon.js +13 -0
  33. package/dist/components/ImageTextBlock/ImageTextBlock.js +39 -0
  34. package/dist/components/List/List.js +20 -0
  35. package/dist/components/MenuButton/MenuButton.js +18 -0
  36. package/dist/components/Navbar/Navbar.js +416 -0
  37. package/dist/components/Note/Note.js +26 -0
  38. package/dist/components/Overlay/Overlay.js +31 -0
  39. package/dist/components/OverlayHero/OverlayHero.js +24 -0
  40. package/dist/components/PageContainer/PageContainer.js +25 -0
  41. package/dist/components/Promo/Promo.js +24 -0
  42. package/dist/components/PromoGroup/PromoGroup.js +9 -0
  43. package/dist/components/Timeline/Timeline.js +53 -0
  44. package/dist/hooks/useFadeIn.js +27 -0
  45. package/dist/hooks/useRepeatable.js +32 -0
  46. package/dist/hooks/useResize.js +19 -0
  47. package/dist/hooks/useResponsive.js +15 -0
  48. package/dist/index-BIlioXmW.js +47 -0
  49. package/dist/index-BlCqcUwj.js +29 -0
  50. package/dist/main.js +30 -0
  51. package/dist/utils/breakpoints.js +8 -0
  52. package/dist/utils/gsapSetup.js +7 -0
  53. package/dist/utils/parse.js +12 -0
  54. package/package.json +38 -25
  55. package/dist/components/Button/Button.d.ts +0 -12
  56. package/dist/exports.d.ts +0 -1
  57. package/dist/exports.js +0 -18
@@ -0,0 +1 @@
1
+ ._container_1li3o_1{width:100%;height:80vh}._background_1li3o_6{background-size:350%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;width:100%;height:80vh}@supports (-webkit-touch-callout: inherit){._background_1li3o_6{background-attachment:scroll}}
@@ -0,0 +1 @@
1
+ ._banner_wpcs0_1{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px}._header_wpcs0_9{font-family:var(--font-secondary)}@media (min-width: 0){._header_wpcs0_9{font-size:40px;line-height:50px}}._header_wpcs0_9{margin-bottom:20px}@media (min-width: 0){._body_wpcs0_23{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_wpcs0_23{font-size:20px}}@media (min-width: 1200px){._body_wpcs0_23{font-size:24px;line-height:1.6}}@media (min-width: 768px){._banner_wpcs0_1{min-height:350px}}@media (min-width: 992px){._banner_wpcs0_1{min-height:unset}._header_wpcs0_9{margin-bottom:30px}}
@@ -0,0 +1 @@
1
+ ._container_atjqo_1{position:relative;background:#f7f7f7;padding:2rem;width:100%;height:100%;border-radius:8px}._corner_atjqo_10{position:absolute;width:100%;height:100%;pointer-events:none}@keyframes _draw-h_atjqo_1{0%{transform:scaleX(.98);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes _draw-v_atjqo_1{0%{transform:scaleY(.98);opacity:0}to{transform:scaleY(1);opacity:1}}._lineh_atjqo_37,._linev_atjqo_38{position:absolute;background-color:var(--color-primary-medium);transform:scaleX(.9);opacity:0}._lineh_atjqo_37{height:3px;animation:_draw-h_atjqo_1 1.6s cubic-bezier(.42,0,.58,1) forwards}._linev_atjqo_38{width:3px;animation:_draw-v_atjqo_1 1.6s cubic-bezier(.42,0,.58,1) forwards}._h0_atjqo_55{width:calc(100% - 40px)}._v0_atjqo_59{height:calc(100% + 0px)}._h1_atjqo_63{width:calc(100% + 0px)}._v1_atjqo_67{height:calc(100% + 100px)}._h2_atjqo_71{width:calc(100% - 150px)}._v2_atjqo_75{height:calc(100% + 20px)}._tr_atjqo_79{top:0;right:0}._tr_atjqo_79 ._lineh_atjqo_37{transform-origin:right center}._tr_atjqo_79 ._linev_atjqo_38{transform-origin:top center}._tr_atjqo_79 ._h0_atjqo_55{top:28px;right:0;animation-delay:0s}._tr_atjqo_79 ._v0_atjqo_59{right:38px;top:5px;animation-delay:0s}._tr_atjqo_79 ._h1_atjqo_63{top:35px;right:20px;animation-delay:.12s}._tr_atjqo_79 ._v1_atjqo_67{right:45px;top:20px;animation-delay:.12s}._tr_atjqo_79 ._h2_atjqo_71{top:42px;right:35px;animation-delay:.24s}._tr_atjqo_79 ._v2_atjqo_75{right:52px;top:35px;animation-delay:.24s}._bl_atjqo_120{bottom:0;left:0}._bl_atjqo_120 ._lineh_atjqo_37{transform-origin:left center}._bl_atjqo_120 ._linev_atjqo_38{transform-origin:bottom center}._bl_atjqo_120 ._h0_atjqo_55{bottom:28px;left:0;animation-delay:0s}._bl_atjqo_120 ._v0_atjqo_59{left:38px;bottom:5px;animation-delay:0s}._bl_atjqo_120 ._h1_atjqo_63{bottom:35px;left:20px;animation-delay:.12s}._bl_atjqo_120 ._v1_atjqo_67{left:45px;bottom:20px;animation-delay:.12s}._bl_atjqo_120 ._h2_atjqo_71{bottom:42px;left:35px;animation-delay:.24s}._bl_atjqo_120 ._v2_atjqo_75{left:52px;bottom:35px;animation-delay:.24s}
@@ -0,0 +1 @@
1
+ ._button_x9tbc_1{cursor:pointer;padding:8px 15px;border:2px solid;outline:0px}@media (min-width: 0){._button_x9tbc_1{font-size:20px;line-height:1.7}}@media (min-width: 390px){._button_x9tbc_1{font-size:20px}}@media (min-width: 1200px){._button_x9tbc_1{font-size:24px;line-height:1.6}}._button_x9tbc_1{text-decoration:none;transition:all .2s ease-in-out}._button_x9tbc_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}._button_x9tbc_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium);color:var(--color-primary-medium)}._button_x9tbc_1[data-color=color-primary-light]{border-color:var(--color-primary-light);color:var(--color-primary-light)}._button_x9tbc_1[data-color=color-secondary]{border-color:var(--color-secondary);color:var(--color-secondary)}._button_x9tbc_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark);color:var(--color-neutral-dark)}._button_x9tbc_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium);color:var(--color-neutral-medium)}._button_x9tbc_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light);color:var(--color-neutral-light)}._button_x9tbc_1[data-color=color-white]{border-color:var(--color-white);color:var(--color-white)}._button_x9tbc_1._hollow_x9tbc_60{background-color:transparent}._button_x9tbc_1._filled_x9tbc_63[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_x9tbc_1:hover{opacity:.8}._link_x9tbc_99{text-decoration:underline;color:var(--color-neutral-dark);border:none}@media (min-width: 992px){._button_x9tbc_1{padding:16px 48px;border-width:2px}._link_x9tbc_99{font-size:24px}}@media (min-width: 1200px){._button_x9tbc_1{padding:12px 50px}}@media (min-width: 1920px){._button_x9tbc_1{padding:12px 50px}}
@@ -0,0 +1 @@
1
+ ._container_817qh_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_817qh_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_817qh_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_817qh_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._container_817qh_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_817qh_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_817qh_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_817qh_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@media (min-width: 0){._innerContainer_817qh_35{padding:40px 15px}}@media (min-width: 390px){._innerContainer_817qh_35{padding:40px 30px}}@media (min-width: 768px){._innerContainer_817qh_35{padding:30px 50px}}@media (min-width: 1200px){._innerContainer_817qh_35{padding:100px}}@media (min-width: 1600px){._innerContainer_817qh_35{padding:150px}}._innerContainer_817qh_35{margin:0 auto}@media (min-width: 992px){._innerContainer_817qh_35[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_817qh_35[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_817qh_35[data-max-width=sm]{max-width:1200px}._innerContainer_817qh_35[data-max-width=lg]{max-width:1800px}}
@@ -0,0 +1 @@
1
+ @media (min-width: 0){._content_b7jkn_2{padding:40px 15px}}@media (min-width: 390px){._content_b7jkn_2{padding:40px 30px}}@media (min-width: 768px){._content_b7jkn_2{padding:30px 50px}}@media (min-width: 1200px){._content_b7jkn_2{padding:100px}}@media (min-width: 1600px){._content_b7jkn_2{padding:150px}}._fifty_b7jkn_26{display:grid;grid-template-columns:1fr;width:100%}._fifty_b7jkn_26[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_b7jkn_26[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_b7jkn_26[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{align-items:flex-end}._fifty_b7jkn_26._reverse_b7jkn_64 ._image_b7jkn_67{justify-content:flex-start}._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._content_b7jkn_2{align-items:flex-start}._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._image_b7jkn_67{justify-content:flex-end}._content_b7jkn_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_b7jkn_2 h2{font-size:40px;line-height:50px}}._content_b7jkn_2 h2{margin-bottom:15px;line-height:1}@media (min-width: 0){._content_b7jkn_2 p{font-size:20px;line-height:1.7}}@media (min-width: 390px){._content_b7jkn_2 p{font-size:20px}}@media (min-width: 1200px){._content_b7jkn_2 p{font-size:24px;line-height:1.6}}._content_b7jkn_2 p{margin-bottom:20px}._image_b7jkn_67{display:flex}._image_b7jkn_67 img{width:100%;height:100%;object-fit:cover;object-position:top}._imageContainer_b7jkn_127{aspect-ratio:1;width:100%}._text_b7jkn_132{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 768px){._imageContainer_b7jkn_127{aspect-ratio:unset;height:500px}}@media (min-width: 992px) and (min-width: 0){._content_b7jkn_2{padding:40px 15px}}@media (min-width: 992px) and (min-width: 390px){._content_b7jkn_2{padding:40px 30px}}@media (min-width: 992px) and (min-width: 768px){._content_b7jkn_2{padding:30px 50px}}@media (min-width: 992px) and (min-width: 1200px){._content_b7jkn_2{padding:100px}}@media (min-width: 992px) and (min-width: 1600px){._content_b7jkn_2{padding:150px}}@media (min-width: 992px){._content_b7jkn_2{padding-top:0}._content_b7jkn_2{padding-bottom:0}._fifty_b7jkn_26{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{order:-1}._imageContainer_b7jkn_127{height:unset;aspect-ratio:1}._text_b7jkn_132 h2,._text_b7jkn_132 p{margin-bottom:20px}}@media (min-width: 1200px){._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._content_b7jkn_2{padding-left:60px}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{padding-right:60px}._text_b7jkn_132 h2,._text_b7jkn_132 p{margin-bottom:40px}}@media (min-width: 1920px) and (min-width: 0){._fifty_b7jkn_26{padding:40px 15px}}@media (min-width: 1920px) and (min-width: 390px){._fifty_b7jkn_26{padding:40px 30px}}@media (min-width: 1920px) and (min-width: 768px){._fifty_b7jkn_26{padding:30px 50px}}@media (min-width: 1920px) and (min-width: 1200px){._fifty_b7jkn_26{padding:100px}}@media (min-width: 1920px) and (min-width: 1600px){._fifty_b7jkn_26{padding:150px}}@media (min-width: 1920px){._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._content_b7jkn_2{padding:0 0 0 100px}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{padding:0 100px 0 0}._text_b7jkn_132{max-width:750px}._text_b7jkn_132 h2{margin-bottom:30px}._text_b7jkn_132 p{margin-bottom:80px}._imageContainer_b7jkn_127{max-width:900px;aspect-ratio:1}}
@@ -0,0 +1 @@
1
+ @media (min-width: 0){._footer_l3oy1_2{padding:40px 15px}}@media (min-width: 390px){._footer_l3oy1_2{padding:40px 30px}}@media (min-width: 768px){._footer_l3oy1_2{padding:30px 50px}}@media (min-width: 1200px){._footer_l3oy1_2{padding:100px}}@media (min-width: 1600px){._footer_l3oy1_2{padding:150px}}._footer_l3oy1_2{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark);color:var(--color-white)}._image_l3oy1_35{width:50px;margin-bottom:20px}._text_l3oy1_40{letter-spacing:3px}
@@ -0,0 +1 @@
1
+ ._container_1iuxk_1{display:flex;flex-direction:column-reverse;margin:0 auto}@media (min-width: 0){._header_1iuxk_8{font-size:40px;line-height:50px}}._header_1iuxk_8{font-family:var(--font-secondary);margin-bottom:20px}._content_1iuxk_18{display:flex;flex-direction:column;align-items:flex-start}._body_1iuxk_24{display:flow-root;margin-bottom:30px}._body_1iuxk_24 p{margin-bottom:20px}@media (min-width: 0){._body_1iuxk_24 p{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_1iuxk_24 p{font-size:20px}}@media (min-width: 1200px){._body_1iuxk_24 p{font-size:24px;line-height:1.6}}._ctas_1iuxk_49>*:first-child{margin-right:10px}._image_1iuxk_53{width:calc(100% + 30px);margin-left:-15px;width:100%}._image_1iuxk_53 img{object-fit:cover;width:100%;height:100%;display:block}._block_1iuxk_65._reverse_1iuxk_65 ._content_1iuxk_18{order:1;margin-bottom:40px}._block_1iuxk_65._reverse_1iuxk_65 ._image_1iuxk_53{margin-bottom:-40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._image_1iuxk_53{margin-top:-40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._content_1iuxk_18{margin-top:40px}._ctas_1iuxk_49{display:flex}@media (min-width: 390px){._image_1iuxk_53{width:calc(100% + 60px);margin-left:-30px}._block_1iuxk_65._reverse_1iuxk_65 ._content_1iuxk_18{margin-bottom:40px}._block_1iuxk_65._reverse_1iuxk_65 ._image_1iuxk_53{margin-bottom:-40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._content_1iuxk_18{margin-top:40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._image_1iuxk_53{margin-top:-40px}}@media (min-width: 768px){._container_1iuxk_1{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}._content_1iuxk_18{text-align:left;padding-top:5%;align-items:flex-start}}@media (min-width: 992px){._content_1iuxk_18{padding-top:10%}._header_1iuxk_8{font-size:40px}}@media (min-width: 1200px){._container_1iuxk_1{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._reverse_1iuxk_65 ._container_1iuxk_1{grid-template-columns:3fr 5fr}._header_1iuxk_8{font-size:52px}._image_1iuxk_53{max-height:900px}}
@@ -0,0 +1 @@
1
+ ._item_1xk7h_1{display:flex;align-items:flex-start;margin-bottom:20px}._icon_1xk7h_7{width:25px;margin-right:15px;margin-top:4px}@media (min-width: 0){._header_1xk7h_14{font-size:40px;line-height:50px}}._header_1xk7h_14{font-family:var(--font-secondary)}@media (min-width: 0){._emphasis_1xk7h_24{font-size:20px;line-height:1.7}}@media (min-width: 390px){._emphasis_1xk7h_24{font-size:20px}}@media (min-width: 1200px){._emphasis_1xk7h_24{font-size:24px;line-height:1.6}}._emphasis_1xk7h_24{font-weight:600}@media (min-width: 0){._body_1xk7h_45{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_1xk7h_45{font-size:20px}}@media (min-width: 1200px){._body_1xk7h_45{font-size:24px;line-height:1.6}}
@@ -0,0 +1 @@
1
+ ._button_1ws43_1{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;padding:0;border:0px}._button_1ws43_1._isOpen_1ws43_12 ._top_1ws43_12{transform:rotate(45deg);transform-origin:top left;width:27px}._button_1ws43_1._isOpen_1ws43_12 ._middle_1ws43_17{width:0px}._button_1ws43_1._isOpen_1ws43_12 ._bottom_1ws43_20{width:27px;transform:rotate(-45deg);transform-origin:bottom left}._line_1ws43_26{height:2px;background-color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}
@@ -0,0 +1 @@
1
+ ._navbar_18cye_1{display:flex;align-items:center;justify-content:space-between;width:100%;position:absolute;z-index:20;left:0;padding:8px 20px;height:80px}._navbar_18cye_1._background_18cye_12{background-color:var(--color-neutral-dark);position:static}._navbar_18cye_1._background_18cye_12._open_18cye_16{position:absolute}._navbar__logo_18cye_20{height:100%}._navbar__logo_18cye_20 img{height:100%;object-fit:contain}._navbar__links_18cye_28{display:none}._navbar__link_18cye_28{text-decoration:none;color:#fff;margin-bottom:30px}._navbar__mobileDialog_18cye_38{display:flex;flex-direction:column;padding-top:150px}@media (min-width: 768px){._navbar_18cye_1._background_18cye_12{position:static}._navbar__toggle_18cye_48{display:none}._navbar__links_18cye_28{display:initial}._navbar__link_18cye_28:not(:last-child){margin-right:15px}}@media (min-width: 992px){._navbar__link_18cye_28:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_18cye_1{height:120px;padding:15px 50px}._navbar__link_18cye_28:not(:last-child){margin-right:30px}}
@@ -0,0 +1 @@
1
+ @media (min-width: 0){._salutation_dhapf_2{font-size:20px;line-height:1.7}}@media (min-width: 390px){._salutation_dhapf_2{font-size:20px}}@media (min-width: 1200px){._salutation_dhapf_2{font-size:24px;line-height:1.6}}._salutation_dhapf_2{margin-bottom:35px}._salutation_dhapf_2 ._opener_dhapf_21{text-transform:uppercase;letter-spacing:3px}._salutation_dhapf_2 ._from_dhapf_25{font-family:var(--font-secondary);font-size:42px;display:block;margin-top:10px}._body_dhapf_32{margin-bottom:35px}@media (min-width: 0){._body_dhapf_32 p{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_dhapf_32 p{font-size:20px}}@media (min-width: 1200px){._body_dhapf_32 p{font-size:24px;line-height:1.6}}._body_dhapf_32 p{margin-bottom:20px}@media (min-width: 0){._close_dhapf_57{font-size:20px;line-height:1.7}}@media (min-width: 390px){._close_dhapf_57{font-size:20px}}@media (min-width: 1200px){._close_dhapf_57{font-size:24px;line-height:1.6}}._close_dhapf_57{margin-bottom:10px}._signature_dhapf_77{font-family:var(--font-secondary);font-size:48px}@media (min-width: 390px){._signature_dhapf_77{font-size:44px}}
@@ -0,0 +1 @@
1
+ @keyframes _fadeIn_1ohwx_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1ohwx_27{0%{opacity:100%}to{opacity:0%}}._overlay__background_1ohwx_17{animation:.5s ease-out 0s 1 _fadeIn_1ohwx_1 forwards;width:100%;height:100%;background:#00000080;position:fixed;top:0;left:0;z-index:10}._overlay__background_1ohwx_17._fadeOut_1ohwx_27{animation:.5s ease-in-out 0s 1 _fadeOut_1ohwx_27 forwards}._overlay__dialog_1ohwx_31{position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;z-index:11;animation:.5s ease-out 0s 1 _fadeIn_1ohwx_1 forwards;background:#fff}._overlay__dialog_1ohwx_31._fadeOut_1ohwx_27{animation:.5s ease-in-out 0s 1 _fadeOut_1ohwx_27 forwards}._overlay__close_1ohwx_46{position:absolute;top:30px;right:30px;cursor:pointer;width:25px}._overlay__close_1ohwx_46 img{width:100%}@media (min-width: 768px){._overlay__dialog_1ohwx_31{width:unset;height:unset;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}._overlay__dialog_1ohwx_31._fullscreen_1ohwx_66{width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px}}
@@ -0,0 +1 @@
1
+ ._hero_1029s_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh;padding:20px}._overlay_1029s_13{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark)}@supports not rgb(from var(--color-primary-dark) r g b / .8){._overlay_1029s_13{background-color:rgb(from var(--color-primary-dark) r g b/.8)}}._overlay_1029s_13{color:var(--color-white);width:100%;height:100%;text-align:center;position:relative}._eyebrow_1029s_33{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_1029s_40,._title_1029s_40>p{font-family:var(--font-secondary);font-size:80px;line-height:1.1;margin-top:0;margin-bottom:10px}._eyebrow_1029s_33,._title_1029s_40{margin-bottom:20px}._subtitle_1029s_53{font-size:20px;letter-spacing:3px}._subtitle_1029s_53>p{text-transform:uppercase}._subtitle_1029s_53>p,._subtitle_1029s_53 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._hero_1029s_1{padding:30px}._overlay_1029s_13{max-height:550px}._eyebrow_1029s_33{font-size:24px}._eyebrow_1029s_33,._title_1029s_40{margin-bottom:30px}}@media (min-width: 768px){._hero_1029s_1{padding:50px}._title_1029s_40{font-size:100px}}@media (min-width: 992px){._eyebrow_1029s_33,._title_1029s_40{margin-bottom:0}._title_1029s_40{word-spacing:unset}}@media (min-width: 1200px){._hero_1029s_1{padding:6%}._title_1029s_40{font-size:140px}._eyebrow_1029s_33{font-size:20px}._subtitle_1029s_53{font-size:36px}}@media (min-width: 1600px){._overlay_1029s_13{max-height:unset}._title_1029s_40{font-size:180px}}
@@ -0,0 +1 @@
1
+ @media (min-width: 0){._container__inner_1iuwz_2{padding:40px 15px}}@media (min-width: 390px){._container__inner_1iuwz_2{padding:40px 30px}}@media (min-width: 768px){._container__inner_1iuwz_2{padding:30px 50px}}@media (min-width: 1200px){._container__inner_1iuwz_2{padding:100px}}@media (min-width: 1600px){._container__inner_1iuwz_2{padding:150px}}._container__inner_1iuwz_2{width:100%}._container__inner_1iuwz_2 h1{font-size:40px}._container__inner_1iuwz_2._removePadding_1iuwz_32{padding:0}._container__body_1iuwz_36{font-size:20px;margin-top:30px}._container__body_1iuwz_36 p{margin-bottom:20px}@media (min-width: 992px){._container__body_1iuwz_36{font-size:24px;line-height:2}}@media (min-width: 1200px){._container__copy_1iuwz_51{max-width:1400px;margin:30px 0 auto}._container__inner_1iuwz_2 h1{font-size:50px}._container__body_1iuwz_36{margin-top:30px;font-size:28px;line-height:1.8}}@media (min-width: 1920px){._container__copy_1iuwz_51{max-width:1400px;margin:0 auto}._container__body_1iuwz_36 p{font-size:32px;line-height:1.5}}
@@ -0,0 +1 @@
1
+ ._promo_h75tv_1{display:flex;flex-direction:column;width:100%;padding:50px}._promo_h75tv_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_h75tv_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_h75tv_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_h75tv_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_h75tv_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_h75tv_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_h75tv_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_h75tv_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo__eyebrow_h75tv_40{margin-bottom:1rem}._promo__image_h75tv_44{width:100%;height:15rem;margin-bottom:1.25rem;background-size:cover;background-position:center}._promo__header_h75tv_52{margin-top:0;margin-bottom:20px;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px;font-size:28px}._promo__body_h75tv_61{margin-bottom:50px}@media (min-width: 0){._promo__body_h75tv_61{font-size:20px;line-height:1.7}}@media (min-width: 390px){._promo__body_h75tv_61{font-size:20px}}@media (min-width: 1200px){._promo__body_h75tv_61{font-size:24px;line-height:1.6}}._stat_h75tv_82{display:flex;align-items:center;margin-bottom:5px}._stat_h75tv_82 span:first-child{margin-right:10px}@media (min-width: 0){._statText_h75tv_92{font-size:20px;line-height:1.7}}@media (min-width: 390px){._statText_h75tv_92{font-size:20px}}@media (min-width: 1200px){._statText_h75tv_92{font-size:24px;line-height:1.6}}._statText_h75tv_92{font-style:italic}
@@ -0,0 +1 @@
1
+ ._group_p635f_1{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}
@@ -0,0 +1 @@
1
+ ._spacer_1g76i_1{height:100vh}._timelineWrapper_1g76i_6{position:relative;width:100%}._linePin_1g76i_12{position:absolute;top:50%;left:50%;height:100vh;width:20px;transform:translate(-50%,-50%);pointer-events:none}._timelineLine_1g76i_22{position:absolute;top:0;left:50%;width:4px;height:0;background-color:#007bff;transform:translate(-50%)}._items_1g76i_33{position:relative;max-width:900px;margin:0 auto;padding:200px 0}._item_1g76i_33{margin:200px 0;display:flex}._item_1g76i_33:nth-child(2n){justify-content:flex-end}._text_1g76i_49{background:#f3f3f3;padding:20px;border-radius:8px;max-width:400px}
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="65.03" height="63.819" viewBox="0 0 65.03 63.819">
2
+ <path id="check-mark-svgrepo-com" d="M62.795,1.776a5.484,5.484,0,0,0-7.587,1.617L24.467,50.776,9.476,36.914A5.486,5.486,0,1,0,2.027,44.97l19.684,18.2s.565.486.827.657a5.484,5.484,0,0,0,7.589-1.617L64.411,9.363a5.484,5.484,0,0,0-1.617-7.587Z" transform="translate(-0.266 -0.891)" fill="#e2e0e0"/>
3
+ </svg>
@@ -0,0 +1,55 @@
1
+ "use client";
2
+ import { jsx as i } from "react/jsx-runtime";
3
+ import { useRef as g } from "react";
4
+ import { u as d } from "../../index-BlCqcUwj.js";
5
+ import { ensureGsapRegistered as f } from "../../utils/gsapSetup.js";
6
+ import '../../assets/Background.css';const m = "_background_1li3o_6", p = {
7
+ background: m
8
+ }, n = (r) => {
9
+ if (typeof r == "number") return r;
10
+ if (r.endsWith("%")) return parseFloat(r);
11
+ switch (r) {
12
+ case "left":
13
+ case "top":
14
+ return 0;
15
+ case "center":
16
+ return 50;
17
+ case "right":
18
+ case "bottom":
19
+ return 100;
20
+ default:
21
+ return 50;
22
+ }
23
+ }, P = ({
24
+ image: r,
25
+ x: c = "center",
26
+ y: u = "center",
27
+ parallax: o = !1
28
+ }) => {
29
+ const a = f(), t = g(), e = n(c), s = n(u);
30
+ return d(() => {
31
+ o && a.to(t.current, {
32
+ backgroundPosition: `${e}% ${s + 70}%`,
33
+ duration: 2,
34
+ scrollTrigger: {
35
+ trigger: t.current,
36
+ start: "top bottom-=40%",
37
+ scrub: !0
38
+ }
39
+ });
40
+ }), // <div className={styles.container}>
41
+ /* @__PURE__ */ i(
42
+ "div",
43
+ {
44
+ className: p.background,
45
+ style: {
46
+ backgroundImage: `url(${r})`,
47
+ backgroundPosition: o && `${e}% ${s}%`
48
+ },
49
+ ref: t
50
+ }
51
+ );
52
+ };
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,14 @@
1
+ "use client";
2
+ import { jsx as e, jsxs as a } from "react/jsx-runtime";
3
+ import o from "../../animations/FadeInMotion.js";
4
+ import '../../assets/Banner.css';const c = "_banner_wpcs0_1", d = "_header_wpcs0_9", t = "_body_wpcs0_23", n = {
5
+ banner: c,
6
+ header: d,
7
+ body: t
8
+ }, _ = ({ header: s, body: r }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a("div", { className: n.banner, children: [
9
+ s && /* @__PURE__ */ e("div", { className: n.header, children: s }),
10
+ /* @__PURE__ */ e("div", { className: n.body, children: r })
11
+ ] }) });
12
+ export {
13
+ _ as default
14
+ };
@@ -0,0 +1,40 @@
1
+ "use client";
2
+ import { jsxs as v, jsx as _ } from "react/jsx-runtime";
3
+ import { c as a } from "../../index-BIlioXmW.js";
4
+ import '../../assets/BorderedBackground.css';const q = "_container_atjqo_1", d = "_corner_atjqo_10", m = "_lineh_atjqo_37", p = "_linev_atjqo_38", u = "_h0_atjqo_55", b = "_v0_atjqo_59", w = "_h1_atjqo_63", N = "_v1_atjqo_67", f = "_h2_atjqo_71", x = "_v2_atjqo_75", y = "_tr_atjqo_79", $ = "_bl_atjqo_120", t = {
5
+ container: q,
6
+ corner: d,
7
+ lineh: m,
8
+ linev: p,
9
+ "draw-h": "_draw-h_atjqo_1",
10
+ "draw-v": "_draw-v_atjqo_1",
11
+ h0: u,
12
+ v0: b,
13
+ h1: w,
14
+ v1: N,
15
+ h2: f,
16
+ v2: x,
17
+ tr: y,
18
+ bl: $
19
+ }, k = ({ children: r, width: s, height: c, numLines: e = 3 }) => {
20
+ const l = ["tr", "bl"], h = ["h", "v"], i = (o) => [...Array(e)].map((n, j) => /* @__PURE__ */ _(
21
+ "span",
22
+ {
23
+ className: a(t[`line${o}`], t[`${o}${j}`])
24
+ }
25
+ ));
26
+ return /* @__PURE__ */ v("div", { className: t.container, children: [
27
+ l.map((o) => /* @__PURE__ */ _(
28
+ "span",
29
+ {
30
+ className: a(t.corner, t[o]),
31
+ style: { width: s, height: c },
32
+ children: h.map((n) => i(n))
33
+ }
34
+ )),
35
+ r
36
+ ] });
37
+ };
38
+ export {
39
+ k as default
40
+ };
@@ -1,15 +1,32 @@
1
- "use strict";
2
1
  "use client";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
2
+ import { jsx as b } from "react/jsx-runtime";
3
+ import '../../assets/Button.css';const i = "_button_x9tbc_1", d = "_hollow_x9tbc_60", u = "_filled_x9tbc_63", f = "_link_x9tbc_99", t = {
4
+ button: i,
5
+ hollow: d,
6
+ filled: u,
7
+ link: f
8
+ }, k = ({
9
+ children: s,
10
+ fn: o,
11
+ href: l,
12
+ target: _,
13
+ hollow: e = !1,
14
+ variation: n = "color-primary-dark",
15
+ textDecoration: r,
16
+ label: a,
17
+ value: c
18
+ }) => /* @__PURE__ */ b(
19
+ l || c ? "a" : "button",
20
+ {
21
+ href: l || c,
22
+ onClick: o && o,
23
+ target: _,
24
+ className: `${t.button} ${e ? t.hollow : t.filled} ${t[n]}`,
25
+ style: { textDecoration: r },
26
+ "data-color": n,
27
+ children: s || a
28
+ }
29
+ );
30
+ export {
31
+ k as default
5
32
  };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var jsx_runtime_1 = require("react/jsx-runtime");
8
- var link_1 = __importDefault(require("next/link"));
9
- var Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
10
- var Button = function (_a) {
11
- var children = _a.children, fn = _a.fn, href = _a.href, target = _a.target, _b = _a.hollow, hollow = _b === void 0 ? false : _b, _c = _a.variation, variation = _c === void 0 ? "primary" : _c, textDecoration = _a.textDecoration, label = _a.label, value = _a.value;
12
- var Tag = href || value ? link_1.default : "button";
13
- return ((0, jsx_runtime_1.jsx)(Tag, { href: href || value, onClick: fn && fn, target: target, className: "".concat(Button_module_scss_1.default.button, " ").concat(hollow ? Button_module_scss_1.default.hollow : Button_module_scss_1.default.filled, " ").concat(Button_module_scss_1.default[variation]), style: { textDecoration: textDecoration }, children: children || label }));
14
- };
15
- exports.default = Button;
@@ -0,0 +1,9 @@
1
+ "use client";
2
+ import { jsx as n } from "react/jsx-runtime";
3
+ import '../../assets/Container.css';const i = "_container_817qh_1", o = "_innerContainer_817qh_35", t = {
4
+ container: i,
5
+ innerContainer: o
6
+ }, s = ({ color: a, children: e, maxWidth: r }) => /* @__PURE__ */ n("div", { className: t.container, "data-color": a, children: /* @__PURE__ */ n("div", { className: t.innerContainer, "data-max-width": r, children: e }) });
7
+ export {
8
+ s as default
9
+ };
@@ -0,0 +1,33 @@
1
+ "use client";
2
+ import { jsxs as s, jsx as e } from "react/jsx-runtime";
3
+ import f from "../Button/Button.js";
4
+ import { useFadeIn as l } from "../../hooks/useFadeIn.js";
5
+ import { c as d } from "../../index-BIlioXmW.js";
6
+ import '../../assets/Fifty.css';const g = "_content_b7jkn_2", j = "_fifty_b7jkn_26", v = "_reverse_b7jkn_64", h = "_image_b7jkn_67", b = "_imageContainer_b7jkn_127", x = "_text_b7jkn_132", t = {
7
+ content: g,
8
+ fifty: j,
9
+ reverse: v,
10
+ image: h,
11
+ imageContainer: b,
12
+ text: x
13
+ }, u = ({ heading: i, body: r, cta: n, color: o, image: a, reverse: c, pos: m }) => {
14
+ const _ = l();
15
+ return /* @__PURE__ */ s(
16
+ "div",
17
+ {
18
+ className: d(t.fifty, !!c && t.reverse),
19
+ "data-color": o,
20
+ children: [
21
+ /* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */ s("div", { className: t.text, children: [
22
+ /* @__PURE__ */ e("h2", { children: i }),
23
+ /* @__PURE__ */ e("p", { children: r }),
24
+ n && /* @__PURE__ */ e(f, { ...n })
25
+ ] }) }),
26
+ /* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src: a, style: { objectPosition: m } }) }) })
27
+ ]
28
+ }
29
+ );
30
+ };
31
+ export {
32
+ u as default
33
+ };
@@ -0,0 +1,32 @@
1
+ "use client";
2
+ import o from "./Fifty.js";
3
+ const s = {
4
+ title: "Components/Fifty",
5
+ component: o,
6
+ parameters: {
7
+ layout: "centered"
8
+ },
9
+ tags: ["autodocs"]
10
+ }, r = {
11
+ args: {
12
+ heading: "Museum Events",
13
+ body: "The museum is funded through donations, sponsorships, and grants. Find out ways you can help the museum from day-to-day operations to long term success",
14
+ color: "color-primary-dark",
15
+ cta: { children: "Click Here", color: "color-primary-dark" },
16
+ image: "https://placehold.co/600x600/png"
17
+ }
18
+ }, t = {
19
+ args: {
20
+ heading: "Museum Events",
21
+ body: "The museum is funded through donations, sponsorships, and grants. Find out ways you can help the museum from day-to-day operations to long term success",
22
+ reverse: !0,
23
+ color: "color-secondary",
24
+ cta: { children: "Click Here", color: "color-primary-dark" },
25
+ image: "https://placehold.co/600x600/png"
26
+ }
27
+ };
28
+ export {
29
+ r as Default,
30
+ t as Reverse,
31
+ s as default
32
+ };
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import { jsxs as r, jsx as e } from "react/jsx-runtime";
3
+ import '../../assets/Footer.css';const a = "_footer_l3oy1_2", c = "_image_l3oy1_35", l = "_text_l3oy1_40", t = {
4
+ footer: a,
5
+ image: c,
6
+ text: l
7
+ }, _ = ({ logo: o, logoText: s }) => /* @__PURE__ */ r("footer", { className: t.footer, children: [
8
+ /* @__PURE__ */ e("img", { src: o, className: t.image }),
9
+ /* @__PURE__ */ e("p", { className: t.text, children: s })
10
+ ] });
11
+ export {
12
+ _ as default
13
+ };
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import { jsx as a } from "react/jsx-runtime";
3
+ const r = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='65.03'%20height='63.819'%20viewBox='0%200%2065.03%2063.819'%3e%3cpath%20id='check-mark-svgrepo-com'%20d='M62.795,1.776a5.484,5.484,0,0,0-7.587,1.617L24.467,50.776,9.476,36.914A5.486,5.486,0,1,0,2.027,44.97l19.684,18.2s.565.486.827.657a5.484,5.484,0,0,0,7.589-1.617L64.411,9.363a5.484,5.484,0,0,0-1.617-7.587Z'%20transform='translate(-0.266%20-0.891)'%20fill='%23e2e0e0'/%3e%3c/svg%3e", o = ({ type: s, alt: t }) => {
4
+ try {
5
+ const e = new URL((/* @__PURE__ */ Object.assign({ "../../assets/icons/checkmark.svg": r }))[`../../assets/icons/${s}.svg`], import.meta.url).href;
6
+ return /* @__PURE__ */ a("img", { src: e, alt: t || s });
7
+ } catch {
8
+ return null;
9
+ }
10
+ };
11
+ export {
12
+ o as default
13
+ };
@@ -0,0 +1,39 @@
1
+ "use client";
2
+ import { jsx as s, jsxs as c } from "react/jsx-runtime";
3
+ import n from "../Button/Button.js";
4
+ import { c as m } from "../../index-BIlioXmW.js";
5
+ import { useFadeIn as l } from "../../hooks/useFadeIn.js";
6
+ import k from "../../utils/parse.js";
7
+ import '../../assets/ImageTextBlock.css';const h = "_container_1iuxk_1", u = "_header_1iuxk_8", x = "_content_1iuxk_18", v = "_body_1iuxk_24", f = "_ctas_1iuxk_49", b = "_image_1iuxk_53", N = "_block_1iuxk_65", g = "_reverse_1iuxk_65", e = {
8
+ container: h,
9
+ header: u,
10
+ content: x,
11
+ body: v,
12
+ ctas: f,
13
+ image: b,
14
+ block: N,
15
+ reverse: g
16
+ }, F = ({
17
+ image: r,
18
+ header: a,
19
+ body: i,
20
+ primaryCta: o,
21
+ secondaryCta: t,
22
+ reverse: _
23
+ }) => {
24
+ const d = l();
25
+ return /* @__PURE__ */ s("div", { className: m(e.block, _ && e.reverse), children: /* @__PURE__ */ c("div", { className: e.container, children: [
26
+ /* @__PURE__ */ c("div", { className: e.content, ref: d, children: [
27
+ /* @__PURE__ */ s("h2", { className: e.header, children: a }),
28
+ /* @__PURE__ */ s("div", { className: e.body, children: k(i) }),
29
+ /* @__PURE__ */ c("div", { className: e.ctas, children: [
30
+ o && /* @__PURE__ */ s(n, { ...o }),
31
+ t && /* @__PURE__ */ s(n, { ...t })
32
+ ] })
33
+ ] }),
34
+ /* @__PURE__ */ s("div", { className: e.image, children: /* @__PURE__ */ s("img", { src: r }) })
35
+ ] }) });
36
+ };
37
+ export {
38
+ F as default
39
+ };
@@ -0,0 +1,20 @@
1
+ "use client";
2
+ import { jsxs as i, jsx as e } from "react/jsx-runtime";
3
+ import n from "../Icon/Icon.js";
4
+ import '../../assets/List.css';const r = "_item_1xk7h_1", h = "_emphasis_1xk7h_24", d = "_body_1xk7h_45", s = {
5
+ item: r,
6
+ emphasis: h,
7
+ body: d
8
+ }, _ = ({ icon: a, items: c, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${a}.svg`], import.meta.url).href, /* @__PURE__ */ i("div", { className: s.list, children: [
9
+ /* @__PURE__ */ e("h2", { children: m }),
10
+ c.map((t, o) => /* @__PURE__ */ i("div", { className: s.item, children: [
11
+ /* @__PURE__ */ e(n, { type: "checkmark" }),
12
+ /* @__PURE__ */ i("div", { className: s.content, children: [
13
+ /* @__PURE__ */ e("p", { className: s.emphasis, children: t.header }),
14
+ /* @__PURE__ */ e("p", { className: s.body, children: t.body })
15
+ ] })
16
+ ] }, `item-${o}`))
17
+ ] }));
18
+ export {
19
+ _ as default
20
+ };
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ import { jsxs as i, jsx as o } from "react/jsx-runtime";
3
+ import { c as s } from "../../index-BIlioXmW.js";
4
+ import '../../assets/MenuButton.css';const l = "_button_1ws43_1", _ = "_isOpen_1ws43_12", m = "_top_1ws43_12", c = "_middle_1ws43_17", a = "_bottom_1ws43_20", d = "_line_1ws43_26", t = {
5
+ button: l,
6
+ isOpen: _,
7
+ top: m,
8
+ middle: c,
9
+ bottom: a,
10
+ line: d
11
+ }, u = ({ isOpen: n, clickFn: e }) => /* @__PURE__ */ i("button", { className: s(t.button, n && t.isOpen), onClick: e, children: [
12
+ /* @__PURE__ */ o("div", { className: s(t.top, t.line) }),
13
+ /* @__PURE__ */ o("div", { className: s(t.middle, t.line) }),
14
+ /* @__PURE__ */ o("div", { className: s(t.bottom, t.line) })
15
+ ] });
16
+ export {
17
+ u as default
18
+ };