@campphillip/widgets 4.0.7 → 4.0.8

package/dist/widgets.css

@@ -1 +1 @@
-._banner_1d1ur_1{height:300px;padding:15px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#fff;text-align:start;box-shadow:0 4px 4px #00000040;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}._banner_1d1ur_1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;text-decoration:none;color:#fff}._banner_1d1ur_1 p{margin:0;line-height:normal}._banner_1d1ur_1 a{color:#b50;text-decoration:none}._banner_1d1ur_1 a:hover{color:#ff8622;text-decoration:underline}@media only screen and (min-width:550px){._banner_1d1ur_1{font-size:48px;padding:20px}}@media only screen and (min-width:1000px){._banner_1d1ur_1{font-size:54px;height:375px;min-width:49%;padding:40px;flex:1}}@media only screen and (min-width:1440px){._banner_1d1ur_1{padding:1em}}._bannerContainer_79bac_1{display:flex;flex-direction:column;align-items:center;padding:0 10px}._bannerApp_79bac_8{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;width:100%;max-width:1440px}@media only screen and (min-width:550px){._bannerContainer_79bac_1{padding:0 20px}}@media only screen and (min-width:1000px){._bannerContainer_79bac_1{padding:0}._bannerApp_79bac_8{flex-direction:row}}._eventCard_17x4q_1{display:flex;flex-direction:column;width:100%;background:#fffef0;color:#333;font-size:14px;box-shadow:0 2px 8px #00000014;border-radius:4px}._eventCardBody_17x4q_13{flex:1 1 66%;display:flex;flex-direction:column;gap:1em;padding:1em!important;line-height:unset!important}._eventCardBody_17x4q_13 p{line-height:unset!important;margin:0}._image_17x4q_27{object-fit:cover;width:100%;height:300px;border-radius:4px 4px 0 0}._square_17x4q_34{object-fit:contain;padding:1em}._eventCardTitle_17x4q_39{font-family:Montserrat,sans-serif;font-size:24px;text-transform:unset!important;margin:0}._eventCardDate_17x4q_46{font-family:Montserrat,sans-serif;font-size:18px}._eventCardDescription_17x4q_51 p:not(:last-of-type){margin-bottom:.5em}._eventButtons_17x4q_55{font-family:Montserrat,sans-serif;display:flex;flex-direction:row;gap:1em;margin-top:.5em}._eventButtons_17x4q_55>span{width:100%}._eventButtons_17x4q_55 a{text-decoration:none}._eventButton_17x4q_55{flex:1;background:#5388d7;color:#fff;padding:12px;text-align:center;border-radius:4px}._eventButton_17x4q_55:hover{color:#fff;background-color:#3e7bd7}@media(min-width:550px){._eventCard_17x4q_1{font-size:20px}._eventCardBody_17x4q_13{padding:1em!important}._eventCardTitle_17x4q_39{font-size:28px}._eventCardDate_17x4q_46{font-size:20px}}@media(min-width:800px){._eventCard_17x4q_1{flex-direction:row;min-height:325px}._image_17x4q_27{max-width:40%;height:auto;min-height:100%;border-radius:4px 0 0 4px}._eventCardTitle_17x4q_39{font-size:32px}._eventButtons_17x4q_55{justify-content:flex-end;margin-top:auto}._eventButton_17x4q_55{flex:0 1 50%}._eventButton_17x4q_55:only-child{flex:0 1 calc(50% - .5em)}}@media(min-width:1000px){._image_17x4q_27{max-width:400px}}._eventCard_17x4q_1._summerCamp_17x4q_140{position:relative}._eventsContainer_1fuij_1{background:#fed136bf;display:flex;flex-direction:column;width:100%;padding:0 0 20px;position:relative;scroll-behavior:smooth}._eventsHeader_1fuij_11{display:flex;flex-direction:column;align-items:flex-start;margin:25px 0;padding:0 10px;gap:1em;z-index:5}._eventsHeader_1fuij_11 h1{font-family:Montserrat,sans-serif;margin:0;font-size:28px;text-transform:unset!important}._eventsList_1fuij_28{display:flex;flex-direction:column;gap:20px}._eventWrapper_1fuij_34{padding:0 10px}._summerCampGroup_1fuij_38{background:#16a34a;padding:20px 10px;display:flex;flex-direction:column;gap:20px;position:relative;scroll-margin-top:100px;border-top:8px solid #0f7033;border-bottom:8px solid #0f7033}._summerCampTitle_1fuij_50{font-family:Montserrat,sans-serif;font-weight:700;color:#fffef0;margin:0;font-size:28px;text-transform:unset!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}._empty_1fuij_60{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:2em;text-align:center;font-size:16px;background:#fffef0;border-radius:4px;box-shadow:0 4px 4px #00000040}._empty_1fuij_60 img{width:100px}@media only screen and (min-width:550px){._eventsHeader_1fuij_11{margin:35px 0}._eventsHeader_1fuij_11 h1,._summerCampTitle_1fuij_50{font-size:48px}._empty_1fuij_60{font-size:20px}}@media only screen and (min-width:1000px){._eventsContainer_1fuij_1{max-width:1440px;padding:0 0 1em;margin-bottom:1em;border-radius:9px;box-shadow:0 4px 4px #00000040}._eventsHeader_1fuij_11{flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;margin:30px 0;padding:0 40px}._eventsHeader_1fuij_11 h1{font-size:54px}._eventWrapper_1fuij_34{padding:0 40px}._summerCampGroup_1fuij_38{padding:20px 40px}._summerCampTitle_1fuij_50{font-size:54px}}@media only screen and (min-width:1440px){._eventsContainer_1fuij_1{padding:0 0 2em}._eventsHeader_1fuij_11,._eventWrapper_1fuij_34{padding:0 4em}._summerCampGroup_1fuij_38{padding:20px 4em}}._summerEventsButton_lx20e_2{background:linear-gradient(135deg,#16a34a,#0f7033);color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #22c55e33;text-decoration:none}._summerEventsButton_lx20e_2:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e4d}@media only screen and (min-width:550px){._summerEventsButton_lx20e_2{font-size:16px;padding:14px 24px}}@media(min-width:800px){._summerEventsButton_lx20e_2{font-size:20px;padding:14px 24px}}._calendarButton_1m4jh_1{text-decoration:none;background:#5388d7;padding:.5em .75em;color:#fff;border-radius:4px;flex-grow:0;font-size:16px;display:flex;flex-direction:row;gap:5px}._calendarButton_1m4jh_1:hover{background:#3e7bd7;color:#fff;text-decoration:none}@media only screen and (min-width:550px){._calendarButton_1m4jh_1{padding:.75em 1em;font-size:20px}}._contentButton_2dk7a_1{position:relative;flex:1 1 auto;width:100%;height:250px;border-radius:9px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}._contentButton_2dk7a_1:hover{color:#fff!important;text-decoration:none!important;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}._category-image_2dk7a_25{object-fit:cover;overflow:hidden;border-radius:9px;position:absolute;height:100%;width:100%;inset:0;color:transparent}._overlay_2dk7a_40{position:absolute;width:100%;height:100%;border-radius:9px;padding:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:#0000004d}._buttonTitle_2dk7a_56,._buttonSubtitle_2dk7a_57{text-align:center}._buttonTitle_2dk7a_56{font-weight:700;font-size:38px;line-height:1em;color:#fed136}._buttonSubtitle_2dk7a_57{font-size:16px}@media only screen and (min-width:550px){._contentButtonsHeader_2dk7a_73 h1{font-size:48px}._contentButton_2dk7a_1{flex:1 0 300px;height:250px}._buttonTitle_2dk7a_56{font-size:42px}._buttonSubtitle_2dk7a_57{font-size:20px}}@media only screen and (min-width:1000px){._contentButton_2dk7a_1{flex:1 0 400px;height:350px}._buttonTitle_2dk7a_56{font-size:50px}._buttonSubtitle_2dk7a_57{font-size:22px}}@media only screen and (min-width:1250px){._contentButton_2dk7a_1{flex:1 0 550px}}@media only screen and (min-width:1440px){._contentButton_2dk7a_1{flex:1 0 600px}._buttonTitle_2dk7a_56{font-size:54px}._buttonSubtitle_2dk7a_57{font-size:24px}}._categoryContainer_1yxkk_1{width:100%;padding:0 10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;text-align:center}@media only screen and (min-width:550px){._categoryContainer_1yxkk_1{padding:0 20px;flex-direction:row}}@media only screen and (min-width:1000px){._categoryContainer_1yxkk_1{padding:0}._categoryContainerHeader_1yxkk_25 h1{font-size:58px}}._description_z94kn_1{margin:.75em 0}._description_z94kn_1 h4{text-transform:uppercase;font-family:Montserrat,sans-serif}._group-title_12ylh_1>td:first-child{font-weight:700}._rate-group-child_12ylh_5>td:first-child{padding-left:20px}._rate-table_6wuu7_1{width:100%;border-spacing:0;white-space:pre-line}._rate-table_6wuu7_1 tr:nth-child(odd){background-color:#fed13666}._rate-table_6wuu7_1 tr:nth-child(2n){background-color:#ff852299}._rate-table_6wuu7_1 tr._background-darker_6wuu7_15{background-color:#ff852299}._rate-table_6wuu7_1 td{vertical-align:top;padding:2.5px 5px}._rate-table_6wuu7_1 td:first-of-type{width:50%;text-align:left}._rate-table_6wuu7_1 td:last-of-type{text-align:right}._group-title_6wuu7_33>td:first-child{font-weight:700}._rate-card_i5ys9_1{width:100%;max-width:700px;margin:auto;padding:1em;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;flex-shrink:0;align-self:flex-start;font-size:1em}._rate-card-heading_i5ys9_13{margin:0 0 1em}._rate-card-heading_i5ys9_13 h3{font-family:Montserrat,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;font-size:22px}._rate-card_i5ys9_1 h3,._rate-card_i5ys9_1 h4{margin:0}@media(min-width:400px){._rate-card-heading_i5ys9_13 h3{font-size:24px}}@media(min-width:550px){._rate-card_i5ys9_1{font-size:1.15em;border-radius:9px}._rate-card-heading_i5ys9_13 h3{font-size:26px}}@media(min-width:900px){._rate-card_i5ys9_1{padding:25px;font-size:1.25em}._rate-card-heading_i5ys9_13 h3{font-size:30px}}._rates-container_123ct_1{display:flex;flex-direction:column;width:100%;padding:5px 0;gap:20px;background-color:#fffef0}@media(min-width:550px){._rates-container_123ct_1{padding:15px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}
+@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}._eventCard_17x4q_1{display:flex;flex-direction:column;width:100%;background:#fffef0;color:#333;font-size:14px;box-shadow:0 2px 8px #00000014;border-radius:4px}._eventCardBody_17x4q_13{flex:1 1 66%;display:flex;flex-direction:column;gap:1em;padding:1em!important;line-height:unset!important}._eventCardBody_17x4q_13 p{line-height:unset!important;margin:0}._image_17x4q_27{object-fit:cover;width:100%;height:300px;border-radius:4px 4px 0 0}._square_17x4q_34{object-fit:contain;padding:1em}._eventCardTitle_17x4q_39{font-family:Montserrat,sans-serif;font-size:24px;text-transform:unset!important;margin:0}._eventCardDate_17x4q_46{font-family:Montserrat,sans-serif;font-size:18px}._eventCardDescription_17x4q_51 p:not(:last-of-type){margin-bottom:.5em}._eventButtons_17x4q_55{font-family:Montserrat,sans-serif;display:flex;flex-direction:row;gap:1em;margin-top:.5em}._eventButtons_17x4q_55>span{width:100%}._eventButtons_17x4q_55 a{text-decoration:none}._eventButton_17x4q_55{flex:1;background:#5388d7;color:#fff;padding:12px;text-align:center;border-radius:4px}._eventButton_17x4q_55:hover{color:#fff;background-color:#3e7bd7}@media(min-width:550px){._eventCard_17x4q_1{font-size:20px}._eventCardBody_17x4q_13{padding:1em!important}._eventCardTitle_17x4q_39{font-size:28px}._eventCardDate_17x4q_46{font-size:20px}}@media(min-width:800px){._eventCard_17x4q_1{flex-direction:row;min-height:325px}._image_17x4q_27{max-width:40%;height:auto;min-height:100%;border-radius:4px 0 0 4px}._eventCardTitle_17x4q_39{font-size:32px}._eventButtons_17x4q_55{justify-content:flex-end;margin-top:auto}._eventButton_17x4q_55{flex:0 1 50%}._eventButton_17x4q_55:only-child{flex:0 1 calc(50% - .5em)}}@media(min-width:1000px){._image_17x4q_27{max-width:400px}}._eventCard_17x4q_1._summerCamp_17x4q_140{position:relative}._eventsContainer_1fuij_1{background:#fed136bf;display:flex;flex-direction:column;width:100%;padding:0 0 20px;position:relative;scroll-behavior:smooth}._eventsHeader_1fuij_11{display:flex;flex-direction:column;align-items:flex-start;margin:25px 0;padding:0 10px;gap:1em;z-index:5}._eventsHeader_1fuij_11 h1{font-family:Montserrat,sans-serif;margin:0;font-size:28px;text-transform:unset!important}._eventsList_1fuij_28{display:flex;flex-direction:column;gap:20px}._eventWrapper_1fuij_34{padding:0 10px}._summerCampGroup_1fuij_38{background:#16a34a;padding:20px 10px;display:flex;flex-direction:column;gap:20px;position:relative;scroll-margin-top:100px;border-top:8px solid #0f7033;border-bottom:8px solid #0f7033}._summerCampTitle_1fuij_50{font-family:Montserrat,sans-serif;font-weight:700;color:#fffef0;margin:0;font-size:28px;text-transform:unset!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}._empty_1fuij_60{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:2em;text-align:center;font-size:16px;background:#fffef0;border-radius:4px;box-shadow:0 4px 4px #00000040}._empty_1fuij_60 img{width:100px}@media only screen and (min-width:550px){._eventsHeader_1fuij_11{margin:35px 0}._eventsHeader_1fuij_11 h1,._summerCampTitle_1fuij_50{font-size:48px}._empty_1fuij_60{font-size:20px}}@media only screen and (min-width:1000px){._eventsContainer_1fuij_1{max-width:1440px;padding:0 0 1em;margin-bottom:1em;border-radius:9px;box-shadow:0 4px 4px #00000040}._eventsHeader_1fuij_11{flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;margin:30px 0;padding:0 40px}._eventsHeader_1fuij_11 h1{font-size:54px}._eventWrapper_1fuij_34{padding:0 40px}._summerCampGroup_1fuij_38{padding:20px 40px}._summerCampTitle_1fuij_50{font-size:54px}}@media only screen and (min-width:1440px){._eventsContainer_1fuij_1{padding:0 0 2em}._eventsHeader_1fuij_11,._eventWrapper_1fuij_34{padding:0 4em}._summerCampGroup_1fuij_38{padding:20px 4em}}._calendarButton_1m4jh_1{text-decoration:none;background:#5388d7;padding:.5em .75em;color:#fff;border-radius:4px;flex-grow:0;font-size:16px;display:flex;flex-direction:row;gap:5px}._calendarButton_1m4jh_1:hover{background:#3e7bd7;color:#fff;text-decoration:none}@media only screen and (min-width:550px){._calendarButton_1m4jh_1{padding:.75em 1em;font-size:20px}}._summerEventsButton_lx20e_2{background:linear-gradient(135deg,#16a34a,#0f7033);color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #22c55e33;text-decoration:none}._summerEventsButton_lx20e_2:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e4d}@media only screen and (min-width:550px){._summerEventsButton_lx20e_2{font-size:16px;padding:14px 24px}}@media(min-width:800px){._summerEventsButton_lx20e_2{font-size:20px;padding:14px 24px}}._banner_1d1ur_1{height:300px;padding:15px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#fff;text-align:start;box-shadow:0 4px 4px #00000040;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}._banner_1d1ur_1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;text-decoration:none;color:#fff}._banner_1d1ur_1 p{margin:0;line-height:normal}._banner_1d1ur_1 a{color:#b50;text-decoration:none}._banner_1d1ur_1 a:hover{color:#ff8622;text-decoration:underline}@media only screen and (min-width:550px){._banner_1d1ur_1{font-size:48px;padding:20px}}@media only screen and (min-width:1000px){._banner_1d1ur_1{font-size:54px;height:375px;min-width:49%;padding:40px;flex:1}}@media only screen and (min-width:1440px){._banner_1d1ur_1{padding:1em}}._bannerContainer_79bac_1{display:flex;flex-direction:column;align-items:center;padding:0 10px}._bannerApp_79bac_8{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;width:100%;max-width:1440px}@media only screen and (min-width:550px){._bannerContainer_79bac_1{padding:0 20px}}@media only screen and (min-width:1000px){._bannerContainer_79bac_1{padding:0}._bannerApp_79bac_8{flex-direction:row}}._contentButton_2dk7a_1{position:relative;flex:1 1 auto;width:100%;height:250px;border-radius:9px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}._contentButton_2dk7a_1:hover{color:#fff!important;text-decoration:none!important;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}._category-image_2dk7a_25{object-fit:cover;overflow:hidden;border-radius:9px;position:absolute;height:100%;width:100%;inset:0;color:transparent}._overlay_2dk7a_40{position:absolute;width:100%;height:100%;border-radius:9px;padding:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:#0000004d}._buttonTitle_2dk7a_56,._buttonSubtitle_2dk7a_57{text-align:center}._buttonTitle_2dk7a_56{font-weight:700;font-size:38px;line-height:1em;color:#fed136}._buttonSubtitle_2dk7a_57{font-size:16px}@media only screen and (min-width:550px){._contentButtonsHeader_2dk7a_73 h1{font-size:48px}._contentButton_2dk7a_1{flex:1 0 300px;height:250px}._buttonTitle_2dk7a_56{font-size:42px}._buttonSubtitle_2dk7a_57{font-size:20px}}@media only screen and (min-width:1000px){._contentButton_2dk7a_1{flex:1 0 400px;height:350px}._buttonTitle_2dk7a_56{font-size:50px}._buttonSubtitle_2dk7a_57{font-size:22px}}@media only screen and (min-width:1250px){._contentButton_2dk7a_1{flex:1 0 550px}}@media only screen and (min-width:1440px){._contentButton_2dk7a_1{flex:1 0 600px}._buttonTitle_2dk7a_56{font-size:54px}._buttonSubtitle_2dk7a_57{font-size:24px}}._categoryContainer_1yxkk_1{width:100%;padding:0 10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;text-align:center}@media only screen and (min-width:550px){._categoryContainer_1yxkk_1{padding:0 20px;flex-direction:row}}@media only screen and (min-width:1000px){._categoryContainer_1yxkk_1{padding:0}._categoryContainerHeader_1yxkk_25 h1{font-size:58px}}._description_z94kn_1{margin:.75em 0}._description_z94kn_1 h4{text-transform:uppercase;font-family:Montserrat,sans-serif}._group-title_12ylh_1>td:first-child{font-weight:700}._rate-group-child_12ylh_5>td:first-child{padding-left:20px}._rate-table_6wuu7_1{width:100%;border-spacing:0;white-space:pre-line}._rate-table_6wuu7_1 tr:nth-child(odd){background-color:#fed13666}._rate-table_6wuu7_1 tr:nth-child(2n){background-color:#ff852299}._rate-table_6wuu7_1 tr._background-darker_6wuu7_15{background-color:#ff852299}._rate-table_6wuu7_1 td{vertical-align:top;padding:2.5px 5px}._rate-table_6wuu7_1 td:first-of-type{width:50%;text-align:left}._rate-table_6wuu7_1 td:last-of-type{text-align:right}._group-title_6wuu7_33>td:first-child{font-weight:700}._rate-card_i5ys9_1{width:100%;max-width:700px;margin:auto;padding:1em;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;flex-shrink:0;align-self:flex-start;font-size:1em}._rate-card-heading_i5ys9_13{margin:0 0 1em}._rate-card-heading_i5ys9_13 h3{font-family:Montserrat,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;font-size:22px}._rate-card_i5ys9_1 h3,._rate-card_i5ys9_1 h4{margin:0}@media(min-width:400px){._rate-card-heading_i5ys9_13 h3{font-size:24px}}@media(min-width:550px){._rate-card_i5ys9_1{font-size:1.15em;border-radius:9px}._rate-card-heading_i5ys9_13 h3{font-size:26px}}@media(min-width:900px){._rate-card_i5ys9_1{padding:25px;font-size:1.25em}._rate-card-heading_i5ys9_13 h3{font-size:30px}}._rates-container_123ct_1{display:flex;flex-direction:column;width:100%;padding:5px 0;gap:20px;background-color:#fffef0}@media(min-width:550px){._rates-container_123ct_1{padding:15px}}

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@campphillip/widgets",
-    "version": "4.0.7",
+    "version": "4.0.8",
     "description": "",
     "sideEffects": false,
     "type": "module",
     "scripts": {
         "dev": "vite",
-        "build": "vite build"
+        "build": "vite build",
+        "serve": "python3 -m http.server 3000"
     },
     "author": "David Marquardt",
     "license": "ISC",

package/dist/campphillip.js

@@ -1,463 +0,0 @@
-import { c as L, j as e, S as _, P as D, a as G, b as B, i as O, f, d as W, R as y, r as l, e as C } from "./vendor.js";
-function et(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-const q = "m5ik5me8", M = "production", H = `https://${q}.api.sanity.io/v1/data/query/${M}`, b = {
-  async fetch(t, n) {
-    const r = JSON.stringify(n ? { query: t, params: n } : { query: t }), s = await fetch(H, { method: "POST", headers: { "Content-Type": "application/json" }, body: r }), a = await s.text().catch(() => "");
-    if (!s.ok)
-      try {
-        const d = JSON.parse(a)?.error?.description ?? a ?? s.statusText;
-        throw new Error(`Sanity fetch failed (${s.status}): ${d}`);
-      } catch {
-        throw new Error(`Sanity fetch failed (${s.status}): ${a || s.statusText}`);
-      }
-    let c;
-    try {
-      c = JSON.parse(a);
-    } catch {
-      throw new Error("Sanity returned a non-JSON response");
-    }
-    if (c?.error) throw new Error(`Sanity error: ${JSON.stringify(c.error)}`);
-    return c?.result ?? null;
-  }
-}, P = L({ projectId: q, dataset: M }), S = (t) => P.image(t), U = async () => await b.fetch("*[_type == 'banner']"), F = async () => await b.fetch(`*[_type == 'event']  | order(startDate asc)
-    {
-        name,
-        image,
-        imageType,
-        startDate,
-        endDate,
-        shortDescription,
-        buttons,
-        isSummerCampEvent
-    }`), J = async () => await b.fetch(`*[_type == 'board-event']  | order(startDate asc)
-    {
-        name,
-        image,
-        imageType,
-        startDate,
-        endDate,
-        shortDescription,
-        buttons,
-        isSummerCampEvent
-    }`), Y = async () => b.fetch("*[_type == 'category']|order(orderRank)"), z = async () => b.fetch("*[_type == 'rateCategory']|order(orderRank)"), Q = "_banner_1d1ur_1", E = {
-  banner: Q
-}, K = {
-  marks: {
-    color: ({ value: t, children: n }) => /* @__PURE__ */ e.jsx(
-      "span",
-      {
-        style: {
-          color: t.hex
-        },
-        children: n
-      }
-    )
-  }
-}, X = ({ image: t, text: n, url: r, loading: o }) => {
-  const s = () => {
-    r && (window.location.href = r);
-  };
-  return o ? /* @__PURE__ */ e.jsx("div", { className: E.banner, style: { display: "block" }, children: /* @__PURE__ */ e.jsx(_, { height: "100%", width: "100%" }) }) : /* @__PURE__ */ e.jsx(
-    "span",
-    {
-      onClick: s,
-      style: {
-        cursor: r ? "pointer" : "",
-        backgroundImage: `linear-gradient(
-                                    rgba(0, 0, 0, 0.2),
-                                    rgba(0, 0, 0, 0.2)
-                                  ), url("${S(t).width(1440).url()}")`
-      },
-      className: E.banner,
-      children: /* @__PURE__ */ e.jsx(D, { value: n, components: K })
-    }
-  );
-}, Z = "_bannerContainer_79bac_1", V = "_bannerApp_79bac_8", w = {
-  bannerContainer: Z,
-  bannerApp: V
-}, ee = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: w.bannerContainer, children: /* @__PURE__ */ e.jsx("div", { className: w.bannerApp, children: t }) }), te = "_eventCard_17x4q_1", ne = "_eventCardBody_17x4q_13", se = "_image_17x4q_27", re = "_square_17x4q_34", ae = "_eventCardTitle_17x4q_39", oe = "_eventCardDate_17x4q_46", ce = "_eventCardDescription_17x4q_51", ie = "_eventButtons_17x4q_55", le = "_eventButton_17x4q_55", de = "_summerCamp_17x4q_140", m = {
-  eventCard: te,
-  eventCardBody: ne,
-  image: se,
-  square: re,
-  eventCardTitle: ae,
-  eventCardDate: oe,
-  eventCardDescription: ce,
-  eventButtons: ie,
-  eventButton: le,
-  summerCamp: de
-}, g = ({
-  name: t,
-  image: n,
-  imageType: r,
-  startDate: o,
-  endDate: s,
-  shortDescription: a,
-  buttons: c,
-  loading: p,
-  containerStyle: d,
-  isSummerCampEvent: x
-}) => {
-  const v = me(o, s);
-  return /* @__PURE__ */ e.jsx(G, { baseColor: "#dcdcdc", children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: B(
-        m.eventCard,
-        x && m.summerCamp
-      ),
-      style: { ...d },
-      children: [
-        n ? /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            src: S(n).height(400).url(),
-            className: B(
-              m.image,
-              r === "square" && m.square
-            ),
-            crossOrigin: "anonymous",
-            alt: ""
-          }
-        ) : /* @__PURE__ */ e.jsx("div", { className: m.image, children: /* @__PURE__ */ e.jsx(
-          _,
-          {
-            height: 400,
-            style: { lineHeight: "normal" }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs("div", { className: m.eventCardBody, children: [
-          /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx("h3", { className: m.eventCardTitle, children: t || /* @__PURE__ */ e.jsx(_, {}) }),
-            /* @__PURE__ */ e.jsx("div", { className: m.eventCardDate, children: v || /* @__PURE__ */ e.jsx(_, {}) })
-          ] }),
-          /* @__PURE__ */ e.jsx("div", { className: m.eventCardDescription, children: a ? /* @__PURE__ */ e.jsx(D, { value: a }) : /* @__PURE__ */ e.jsx(_, { count: 7 }) }),
-          /* @__PURE__ */ e.jsx("div", { className: m.eventButtons, children: c ? c.map(({ url: i, text: u, _key: A }) => /* @__PURE__ */ e.jsx(
-            "a",
-            {
-              href: i,
-              className: m.eventButton,
-              children: /* @__PURE__ */ e.jsx("div", { children: u })
-            },
-            A
-          )) : p && /* @__PURE__ */ e.jsx(_, { className: m.eventButton }) })
-        ] })
-      ]
-    }
-  ) });
-};
-function me(t, n) {
-  if (!t || !n) return null;
-  const r = new Date(t), o = new Date(n);
-  return O(r, o) ? f(r, "MMMM d") : W(r, o) ? f(r, "MMMM d") + " – " + f(o, "d") : f(r, "MMMM d") + " – " + f(o, "MMMM d");
-}
-const ue = "_eventsContainer_1fuij_1", he = "_eventsHeader_1fuij_11", pe = "_eventsList_1fuij_28", xe = "_eventWrapper_1fuij_34", _e = "_summerCampGroup_1fuij_38", ve = "_summerCampTitle_1fuij_50", je = "_empty_1fuij_60", h = {
-  eventsContainer: ue,
-  eventsHeader: he,
-  eventsList: pe,
-  eventWrapper: xe,
-  summerCampGroup: _e,
-  summerCampTitle: ve,
-  empty: je
-}, R = ({
-  events: t,
-  loading: n,
-  className: r,
-  title: o = "What's going on at Camp?",
-  headerActions: s,
-  groupSummerCampEvents: a = !1
-}) => {
-  const c = y.useMemo(() => {
-    if (!t) return [];
-    if (!a)
-      return t.map((i, u) => ({ isSummerCamp: !1, events: [i], startIndex: u }));
-    const d = t.filter((i) => i.isSummerCampEvent), x = t.findIndex((i) => i.isSummerCampEvent);
-    if (d.length === 0)
-      return t.map((i, u) => ({ isSummerCamp: !1, events: [i], startIndex: u }));
-    let v = !1;
-    return t.flatMap((i, u) => i.isSummerCampEvent ? v ? [] : (v = !0, [{ isSummerCamp: !0, events: d, startIndex: x }]) : [{ isSummerCamp: !1, events: [i], startIndex: u }]);
-  }, [t, a]), p = c.findIndex((d) => d.isSummerCamp);
-  return /* @__PURE__ */ e.jsxs("div", { className: `${h.eventsContainer} ${r || ""}`, children: [
-    (o || s) && /* @__PURE__ */ e.jsxs("div", { className: h.eventsHeader, children: [
-      o && /* @__PURE__ */ e.jsx("h1", { children: o }),
-      s
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: h.eventsList, children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: h.eventWrapper, children: /* @__PURE__ */ e.jsx(g, { loading: n }, "loading-1") }),
-      /* @__PURE__ */ e.jsx("div", { className: h.eventWrapper, children: /* @__PURE__ */ e.jsx(g, { loading: n }, "loading-2") }),
-      /* @__PURE__ */ e.jsx("div", { className: h.eventWrapper, children: /* @__PURE__ */ e.jsx(g, { loading: n }, "loading-3") })
-    ] }) : c.length > 0 ? c.map((d, x) => {
-      const v = x === p;
-      return d.isSummerCamp ? /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          className: h.summerCampGroup,
-          id: v ? "summer-camp" : void 0,
-          children: [
-            /* @__PURE__ */ e.jsx("h2", { className: h.summerCampTitle, children: "🏕️ Summer Camp" }),
-            d.events.map((i, u) => /* @__PURE__ */ l.createElement(
-              g,
-              {
-                ...i,
-                key: `${x}-${u}`,
-                loading: n
-              }
-            ))
-          ]
-        },
-        `group-${x}`
-      ) : d.events.map((i, u) => /* @__PURE__ */ e.jsx("div", { className: h.eventWrapper, children: /* @__PURE__ */ e.jsx(
-        g,
-        {
-          ...i,
-          loading: n
-        }
-      ) }, `${x}-${u}`));
-    }) : /* @__PURE__ */ e.jsxs("div", { className: h.empty, children: [
-      /* @__PURE__ */ e.jsx("img", { src: "https://d2114hmso7dut1.cloudfront.net/customers/096355b6-1a03-11eb-a9c3-0614187498c1/sites/096f9d4e-1a03-11eb-b2dd-0614187498c1/files/67900ba0-5f83-11eb-9222-e3d4d8baf1a9/original/file.png?t=1611630366" }),
-      "No upcoming events. Check back later!"
-    ] }) })
-  ] });
-}, ye = () => /* @__PURE__ */ e.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "feather feather-calendar",
-    children: [
-      /* @__PURE__ */ e.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-      /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-      /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-      /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-    ]
-  }
-), fe = "_calendarButton_1m4jh_1", ge = {
-  calendarButton: fe
-}, Ce = ({
-  events: t,
-  loading: n
-}) => {
-  const r = /* @__PURE__ */ e.jsxs("a", { className: ge.calendarButton, href: "/calendar", children: [
-    /* @__PURE__ */ e.jsx(ye, {}),
-    "Check out our calendar"
-  ] });
-  return /* @__PURE__ */ e.jsx(
-    R,
-    {
-      events: t,
-      loading: n,
-      title: "What's going on at Camp?",
-      headerActions: r
-    }
-  );
-}, be = ({
-  events: t,
-  loading: n
-}) => /* @__PURE__ */ e.jsx(
-  R,
-  {
-    events: t,
-    loading: n,
-    title: "Upcoming Board Events"
-  }
-), Ne = "_contentButton_2dk7a_1", Se = "_overlay_2dk7a_40", Be = "_buttonTitle_2dk7a_56", Ee = "_buttonSubtitle_2dk7a_57", j = {
-  contentButton: Ne,
-  "category-image": "_category-image_2dk7a_25",
-  overlay: Se,
-  buttonTitle: Be,
-  buttonSubtitle: Ee
-}, we = ({
-  title: t,
-  subtitle: n,
-  url: r,
-  imageUrl: o,
-  loading: s
-}) => s ? /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    className: j.contentButton,
-    style: { display: "block" },
-    children: /* @__PURE__ */ e.jsx(
-      _,
-      {
-        height: "100%",
-        width: "100%",
-        style: { lineHeight: "normal" }
-      }
-    )
-  }
-) : /* @__PURE__ */ e.jsxs("a", { href: r, className: j.contentButton, children: [
-  /* @__PURE__ */ e.jsx(
-    "img",
-    {
-      src: o,
-      alt: t,
-      className: j["category-image"]
-    }
-  ),
-  /* @__PURE__ */ e.jsxs("div", { className: j.overlay, children: [
-    /* @__PURE__ */ e.jsx("div", { className: j.buttonTitle, children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: j.buttonSubtitle, children: n })
-  ] })
-] }), $e = "_categoryContainer_1yxkk_1", ke = {
-  categoryContainer: $e
-}, Te = ({
-  categories: t,
-  loading: n
-}) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("div", { className: ke.categoryContainer, children: t.length > 0 && t.map((r) => /* @__PURE__ */ e.jsx(
-  we,
-  {
-    title: r.title,
-    subtitle: r.subtitle,
-    url: r.url,
-    imageUrl: r.imageUrl,
-    loading: n
-  },
-  r.title
-)) }) }), De = (t) => t.map((n) => ({
-  ...n,
-  imageUrl: S(n.image).width(800).url()
-})), qe = "_description_z94kn_1", Me = {
-  description: qe
-}, Re = ({ rateDescription: t }) => {
-  const { title: n, text: r } = t || {};
-  return /* @__PURE__ */ e.jsxs("div", { className: Me.description, children: [
-    n && /* @__PURE__ */ e.jsx("h4", { children: n }),
-    r && /* @__PURE__ */ e.jsx("span", { children: r })
-  ] });
-}, N = ({
-  name: t,
-  detail: n,
-  value: r,
-  className: o
-}) => /* @__PURE__ */ e.jsxs("tr", { className: o, children: [
-  /* @__PURE__ */ e.jsx("td", { children: t }),
-  n && /* @__PURE__ */ e.jsx("td", { children: n }),
-  /* @__PURE__ */ e.jsx("td", { children: r })
-] }), $ = {
-  "group-title": "_group-title_12ylh_1",
-  "rate-group-child": "_rate-group-child_12ylh_5"
-}, Ie = ({ rateGroup: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsx(N, { name: t.name, className: $["group-title"] }),
-  t.childRates.map((n) => /* @__PURE__ */ e.jsx(
-    N,
-    {
-      name: n.name,
-      value: n.cost,
-      className: $["rate-group-child"]
-    },
-    n.name
-  ))
-] }), k = {
-  "rate-table": "_rate-table_6wuu7_1",
-  "group-title": "_group-title_6wuu7_33"
-}, Ae = (t) => {
-  const { rateTable: n } = t, r = n.some((a) => a._type === "rateGroup"), o = n.some((a) => a._type === "rate" && a.detail), s = n.map((a) => {
-    if (a._type === "rate")
-      return o && (a = {
-        detail: a.detail ?? " ",
-        ...a
-      }), /* @__PURE__ */ e.jsx(
-        N,
-        {
-          name: a.name,
-          detail: a.detail,
-          value: a.cost,
-          className: r ? k["group-title"] : ""
-        },
-        a.name
-      );
-    if (a._type === "rateGroup")
-      return /* @__PURE__ */ e.jsx(Ie, { rateGroup: a }, a.name);
-  });
-  return /* @__PURE__ */ e.jsx("table", { className: k["rate-table"], children: /* @__PURE__ */ e.jsx("tbody", { children: s }) });
-}, T = {
-  "rate-card": "_rate-card_i5ys9_1",
-  "rate-card-heading": "_rate-card-heading_i5ys9_13"
-}, Le = (t) => {
-  const { heading: n, rates: r } = t, o = r.reduce((s, a) => {
-    if (a._type === "rateDescription")
-      return [...s, a];
-    {
-      const c = s[s.length - 1];
-      return Array.isArray(c) ? (c.push(a), s) : [...s, [a]];
-    }
-  }, []);
-  return /* @__PURE__ */ e.jsxs("div", { className: T["rate-card"], children: [
-    /* @__PURE__ */ e.jsx("div", { className: T["rate-card-heading"], children: /* @__PURE__ */ e.jsx("h3", { children: n }) }),
-    o.map((s, a) => Array.isArray(s) ? /* @__PURE__ */ e.jsx(Ae, { rateTable: s }, a) : /* @__PURE__ */ e.jsx(Re, { rateDescription: s }, a))
-  ] });
-}, I = ({ type: t }) => {
-  const [n, r] = l.useState([]), [o, s] = l.useState(!0);
-  return l.useEffect(() => {
-    async function a() {
-      const c = t === "events" ? F : J;
-      try {
-        const p = await c();
-        r(p);
-      } catch (p) {
-        console.error(p);
-      } finally {
-        s(!1);
-      }
-    }
-    a();
-  }, [t]), t === "events" ? /* @__PURE__ */ e.jsx(Ce, { events: n, loading: o }) : /* @__PURE__ */ e.jsx(be, { events: n, loading: o });
-}, Ge = document.getElementById("camp-events"), Oe = C.createRoot(Ge);
-Oe.render(
-  /* @__PURE__ */ e.jsx(y.StrictMode, { children: /* @__PURE__ */ e.jsx(I, { type: "events" }) })
-);
-const We = document.getElementById("board-events"), He = C.createRoot(We);
-He.render(
-  /* @__PURE__ */ e.jsx(y.StrictMode, { children: /* @__PURE__ */ e.jsx(I, { type: "board-events" }) })
-);
-const Pe = () => {
-  const [t, n] = l.useState([]), [r, o] = l.useState(!0);
-  return l.useEffect(() => {
-    U().then((s) => n(s)).catch((s) => console.log(s)).finally(() => o(!1));
-  }, []), /* @__PURE__ */ e.jsx(ee, { children: t.map((s) => /* @__PURE__ */ l.createElement(X, { ...s, loading: r, key: s._id })) });
-}, Ue = document.getElementById("camp-banners"), Fe = C.createRoot(Ue);
-Fe.render(
-  /* @__PURE__ */ e.jsx(y.StrictMode, { children: /* @__PURE__ */ e.jsx(Pe, {}) })
-);
-const Je = () => {
-  const [t, n] = l.useState([]), [r, o] = l.useState(!0);
-  return l.useEffect(() => {
-    Y().then(
-      (s) => n(De(s))
-    ).catch((s) => console.log(s)).finally(() => o(!1));
-  }, []), /* @__PURE__ */ e.jsx(Te, { categories: t, loading: r });
-}, Ye = document.getElementById("camp-categories"), ze = C.createRoot(Ye);
-ze.render(
-  /* @__PURE__ */ e.jsx(y.StrictMode, { children: /* @__PURE__ */ e.jsx(Je, {}) })
-);
-const Qe = {
-  "rates-container": "_rates-container_123ct_1"
-}, Ke = () => {
-  const [t, n] = l.useState([]), [r, o] = l.useState(!0);
-  return l.useEffect(() => {
-    z().then((s) => n(s)).catch((s) => console.log(s)).finally(() => o(!1));
-  }, []), /* @__PURE__ */ e.jsx("div", { className: Qe["rates-container"], children: t.map((s) => /* @__PURE__ */ e.jsx(
-    Le,
-    {
-      heading: s.name,
-      rates: s.rates
-    },
-    s.name
-  )) });
-}, Xe = document.getElementById("camp-rates"), Ze = C.createRoot(Xe);
-Ze.render(
-  /* @__PURE__ */ e.jsx(y.StrictMode, { children: /* @__PURE__ */ e.jsx(Ke, {}) })
-);
-export {
-  et as g
-};