diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 2f61098..8905c0d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -26,14 +26,8 @@ Components are organized in the [components](src/components/) directory into:
 - Follow React Aria styling conventions:
   - Default styles are in [src/components/styles/react-aria](src/components/styles/react-aria) (do not modify)
   - To customize React Aria styles:
-    1. Preferred: Use `:global()` selector in your CSS module to combine React Aria styles with your local styles. For example:
-       ```css
-       .myComponent:global(.react-aria-Component) {
-         /* Your styles here will apply when both classes are present */
-       }
-       ```
-       Relevant default CSS files must be imported into [theme.css](src/components/styles/theme.css)
-    2. Alternative: If extending React Aria styles isn't practical, copy and modify React Aria styles directly in the component's CSS Module
+    1. Preferred: Use [`composes`](https://github.com/css-modules/css-modules/blob/master/docs/composition.md) to apply default styles within a CSS module. Relevant default CSS files must be imported into [theme.css](src/components/styles/theme.css)
+    2. Alternative: If composing isn't practical, copy and modify React Aria styles directly in the component's CSS Module
     3. For global style overrides: Add to the bottom of [theme.css](src/components/styles/theme.css) (e.g., adding hover states or applying font properties using CSS variables)
 
 ### Documentation
diff --git a/dist/index.css b/dist/index.css
index 4bc1886..4cbd7c9 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -1 +1 @@
-.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_72xgm_1.react-aria-DatePicker{display:flex;flex-direction:column}._dateInput_72xgm_11.react-aria-DateInput{border-radius:var(--border-radius-input)}._hoverDatepicker_72xgm_19{outline:3px solid var(--highlight-hover);outline-offset:1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center}
+.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center}
diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js
index fdf077f..7a2de87 100644
--- a/dist/spk-library.es.js
+++ b/dist/spk-library.es.js
@@ -1,8 +1,8 @@
 import Or, { useState as Ke } from "react";
 import { FontAwesomeIcon as we } from "@fortawesome/react-fontawesome";
 import { faTrash as rt, faFilter as tt, faInfo as nt, faFillDrip as at, faEllipsisVertical as ot, faChevronRight as wr, faChevronLeft as it, faArrowsLeftRight as st, faCalendar as ct, faChevronDown as lt } from "@fortawesome/free-solid-svg-icons";
-import { Slider as ut, Label as Pr, SliderTrack as ft, SliderThumb as dt, DatePicker as pt, Group as vt, DateInput as yt, DateSegment as ht, Button as Me, Text as mt, FieldError as vr, Popover as _t, Dialog as bt, Calendar as gt, Heading as Tt, CalendarGrid as xt, CalendarCell as Et } from "react-aria-components";
-import { useHover as Ct } from "react-aria";
+import { Slider as ut, Label as Pr, SliderTrack as ft, SliderThumb as dt, DatePicker as pt, Group as vt, DateInput as yt, DateSegment as ht, Button as Me, Text as mt, FieldError as vr, Popover as _t, Dialog as bt, Calendar as gt, Heading as Tt, CalendarGrid as Et, CalendarCell as Ct } from "react-aria-components";
+import { useHover as xt } from "react-aria";
 import { CalendarDate as Rt } from "@internationalized/date";
 import './index.css';function jt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
@@ -31,7 +31,7 @@ function St() {
   }
   return Te.Fragment = f, Te.jsx = g, Te.jsxs = g, Te;
 }
-var xe = {};
+var Ee = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -134,9 +134,9 @@ function Ot() {
       return null;
     }
     var X = Object.assign, ae = 0, Q, te, oe, fe, n, u, j;
-    function C() {
+    function x() {
     }
-    C.__reactDisabledLog = !0;
+    x.__reactDisabledLog = !0;
     function b() {
       {
         if (ae === 0) {
@@ -144,7 +144,7 @@ function Ot() {
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: C,
+            value: x,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -195,18 +195,18 @@ function Ot() {
         ae < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var x = B.ReactCurrentDispatcher, E;
+    var E = B.ReactCurrentDispatcher, C;
     function S(e, t, i) {
       {
-        if (E === void 0)
+        if (C === void 0)
           try {
             throw Error();
           } catch (I) {
             var _ = I.stack.trim().match(/\n( *(at )?)/);
-            E = _ && _[1] || "";
+            C = _ && _[1] || "";
           }
         return `
-` + E + e;
+` + C + e;
       }
     }
     var k = !1, O;
@@ -227,7 +227,7 @@ function Ot() {
       var I = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var L;
-      L = x.current, x.current = null, b();
+      L = E.current, E.current = null, b();
       try {
         if (t) {
           var A = function() {
@@ -280,7 +280,7 @@ function Ot() {
             }
         }
       } finally {
-        k = !1, x.current = L, P(), Error.prepareStackTrace = I;
+        k = !1, E.current = L, P(), Error.prepareStackTrace = I;
       }
       var ve = e ? e.displayName || e.name : "", se = ve ? S(ve) : "";
       return typeof e == "function" && O.set(e, se), se;
@@ -632,8 +632,8 @@ React keys must be passed directly to JSX without using spread:
       return pr(e, t, i, !1);
     }
     var Xr = Kr, Zr = Jr;
-    xe.Fragment = c, xe.jsx = Xr, xe.jsxs = Zr;
-  }()), xe;
+    Ee.Fragment = c, Ee.jsx = Xr, Ee.jsxs = Zr;
+  }()), Ee;
 }
 process.env.NODE_ENV === "production" ? He.exports = St() : He.exports = Ot();
 var a = He.exports, Je = { exports: {} }, je = { exports: {} }, N = {};
@@ -773,7 +773,7 @@ function Pt() {
     function j(o) {
       return Y(o) === g;
     }
-    function C(o) {
+    function x(o) {
       return typeof o == "object" && o !== null && o.$$typeof === d;
     }
     function b(o) {
@@ -782,10 +782,10 @@ function Pt() {
     function P(o) {
       return Y(o) === c;
     }
-    function x(o) {
+    function E(o) {
       return Y(o) === z;
     }
-    function E(o) {
+    function C(o) {
       return Y(o) === q;
     }
     function S(o) {
@@ -800,7 +800,7 @@ function Pt() {
     function H(o) {
       return Y(o) === T;
     }
-    D.AsyncMode = l, D.ConcurrentMode = ne, D.ContextConsumer = he, D.ContextProvider = me, D.Element = ce, D.ForwardRef = _e, D.Fragment = le, D.Lazy = ue, D.Memo = K, D.Portal = X, D.Profiler = ae, D.StrictMode = Q, D.Suspense = te, D.isAsyncMode = fe, D.isConcurrentMode = n, D.isContextConsumer = u, D.isContextProvider = j, D.isElement = C, D.isForwardRef = b, D.isFragment = P, D.isLazy = x, D.isMemo = E, D.isPortal = S, D.isProfiler = k, D.isStrictMode = O, D.isSuspense = H, D.isValidElementType = M, D.typeOf = Y;
+    D.AsyncMode = l, D.ConcurrentMode = ne, D.ContextConsumer = he, D.ContextProvider = me, D.Element = ce, D.ForwardRef = _e, D.Fragment = le, D.Lazy = ue, D.Memo = K, D.Portal = X, D.Profiler = ae, D.StrictMode = Q, D.Suspense = te, D.isAsyncMode = fe, D.isConcurrentMode = n, D.isContextConsumer = u, D.isContextProvider = j, D.isElement = x, D.isForwardRef = b, D.isFragment = P, D.isLazy = E, D.isMemo = C, D.isPortal = S, D.isProfiler = k, D.isStrictMode = O, D.isSuspense = H, D.isValidElementType = M, D.typeOf = Y;
   }()), D;
 }
 var br;
@@ -865,14 +865,14 @@ function Xe() {
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return We = r, We;
 }
-var qe, xr;
+var qe, Er;
 function kr() {
-  return xr || (xr = 1, qe = Function.call.bind(Object.prototype.hasOwnProperty)), qe;
+  return Er || (Er = 1, qe = Function.call.bind(Object.prototype.hasOwnProperty)), qe;
 }
-var Fe, Er;
+var Fe, Cr;
 function kt() {
-  if (Er) return Fe;
-  Er = 1;
+  if (Cr) return Fe;
+  Cr = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
@@ -918,10 +918,10 @@ function kt() {
     process.env.NODE_ENV !== "production" && (f = {});
   }, Fe = v, Fe;
 }
-var Ye, Cr;
+var Ye, xr;
 function $t() {
-  if (Cr) return Ye;
-  Cr = 1;
+  if (xr) return Ye;
+  xr = 1;
   var r = Ar(), d = At(), f = Xe(), c = kr(), v = kt(), p = function() {
   };
   process.env.NODE_ENV !== "production" && (p = function(y) {
@@ -973,33 +973,33 @@ function $t() {
     function V(n) {
       if (process.env.NODE_ENV !== "production")
         var u = {}, j = 0;
-      function C(P, x, E, S, k, O, H) {
-        if (S = S || $, O = O || E, H !== f) {
+      function x(P, E, C, S, k, O, H) {
+        if (S = S || $, O = O || C, H !== f) {
           if (h) {
             var o = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw o.name = "Invariant Violation", o;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ee = S + ":" + E;
+            var ee = S + ":" + C;
             !u[ee] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (p(
               "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + S + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), u[ee] = !0, j++);
           }
         }
-        return x[E] == null ? P ? x[E] === null ? new W("The " + k + " `" + O + "` is marked as required " + ("in `" + S + "`, but its value is `null`.")) : new W("The " + k + " `" + O + "` is marked as required in " + ("`" + S + "`, but its value is `undefined`.")) : null : n(x, E, S, k, O);
+        return E[C] == null ? P ? E[C] === null ? new W("The " + k + " `" + O + "` is marked as required " + ("in `" + S + "`, but its value is `null`.")) : new W("The " + k + " `" + O + "` is marked as required in " + ("`" + S + "`, but its value is `undefined`.")) : null : n(E, C, S, k, O);
       }
-      var b = C.bind(null, !1);
-      return b.isRequired = C.bind(null, !0), b;
+      var b = x.bind(null, !1);
+      return b.isRequired = x.bind(null, !0), b;
     }
     function B(n) {
-      function u(j, C, b, P, x, E) {
-        var S = j[C], k = Q(S);
+      function u(j, x, b, P, E, C) {
+        var S = j[x], k = Q(S);
         if (k !== n) {
           var O = te(S);
           return new W(
-            "Invalid " + P + " `" + x + "` of type " + ("`" + O + "` supplied to `" + b + "`, expected ") + ("`" + n + "`."),
+            "Invalid " + P + " `" + E + "` of type " + ("`" + O + "` supplied to `" + b + "`, expected ") + ("`" + n + "`."),
             { expectedType: n }
           );
         }
@@ -1011,16 +1011,16 @@ function $t() {
       return V(g);
     }
     function M(n) {
-      function u(j, C, b, P, x) {
+      function u(j, x, b, P, E) {
         if (typeof n != "function")
-          return new W("Property `" + x + "` of component `" + b + "` has invalid PropType notation inside arrayOf.");
-        var E = j[C];
-        if (!Array.isArray(E)) {
-          var S = Q(E);
-          return new W("Invalid " + P + " `" + x + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected an array."));
+          return new W("Property `" + E + "` of component `" + b + "` has invalid PropType notation inside arrayOf.");
+        var C = j[x];
+        if (!Array.isArray(C)) {
+          var S = Q(C);
+          return new W("Invalid " + P + " `" + E + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected an array."));
         }
-        for (var k = 0; k < E.length; k++) {
-          var O = n(E, k, b, P, x + "[" + k + "]", f);
+        for (var k = 0; k < C.length; k++) {
+          var O = n(C, k, b, P, E + "[" + k + "]", f);
           if (O instanceof Error)
             return O;
         }
@@ -1029,32 +1029,32 @@ function $t() {
       return V(u);
     }
     function Y() {
-      function n(u, j, C, b, P) {
-        var x = u[j];
-        if (!y(x)) {
-          var E = Q(x);
-          return new W("Invalid " + b + " `" + P + "` of type " + ("`" + E + "` supplied to `" + C + "`, expected a single ReactElement."));
+      function n(u, j, x, b, P) {
+        var E = u[j];
+        if (!y(E)) {
+          var C = Q(E);
+          return new W("Invalid " + b + " `" + P + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement."));
         }
         return null;
       }
       return V(n);
     }
     function l() {
-      function n(u, j, C, b, P) {
-        var x = u[j];
-        if (!r.isValidElementType(x)) {
-          var E = Q(x);
-          return new W("Invalid " + b + " `" + P + "` of type " + ("`" + E + "` supplied to `" + C + "`, expected a single ReactElement type."));
+      function n(u, j, x, b, P) {
+        var E = u[j];
+        if (!r.isValidElementType(E)) {
+          var C = Q(E);
+          return new W("Invalid " + b + " `" + P + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return V(n);
     }
     function ne(n) {
-      function u(j, C, b, P, x) {
-        if (!(j[C] instanceof n)) {
-          var E = n.name || $, S = fe(j[C]);
-          return new W("Invalid " + P + " `" + x + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected ") + ("instance of `" + E + "`."));
+      function u(j, x, b, P, E) {
+        if (!(j[x] instanceof n)) {
+          var C = n.name || $, S = fe(j[x]);
+          return new W("Invalid " + P + " `" + E + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
@@ -1065,28 +1065,28 @@ function $t() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? p(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : p("Invalid argument supplied to oneOf, expected an array.")), g;
-      function u(j, C, b, P, x) {
-        for (var E = j[C], S = 0; S < n.length; S++)
-          if (z(E, n[S]))
+      function u(j, x, b, P, E) {
+        for (var C = j[x], S = 0; S < n.length; S++)
+          if (z(C, n[S]))
             return null;
         var k = JSON.stringify(n, function(H, o) {
           var ee = te(o);
           return ee === "symbol" ? String(o) : o;
         });
-        return new W("Invalid " + P + " `" + x + "` of value `" + String(E) + "` " + ("supplied to `" + b + "`, expected one of " + k + "."));
+        return new W("Invalid " + P + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + b + "`, expected one of " + k + "."));
       }
       return V(u);
     }
     function me(n) {
-      function u(j, C, b, P, x) {
+      function u(j, x, b, P, E) {
         if (typeof n != "function")
-          return new W("Property `" + x + "` of component `" + b + "` has invalid PropType notation inside objectOf.");
-        var E = j[C], S = Q(E);
+          return new W("Property `" + E + "` of component `" + b + "` has invalid PropType notation inside objectOf.");
+        var C = j[x], S = Q(C);
         if (S !== "object")
-          return new W("Invalid " + P + " `" + x + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected an object."));
-        for (var k in E)
-          if (c(E, k)) {
-            var O = n(E, k, b, P, x + "." + k, f);
+          return new W("Invalid " + P + " `" + E + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected an object."));
+        for (var k in C)
+          if (c(C, k)) {
+            var O = n(C, k, b, P, E + "." + k, f);
             if (O instanceof Error)
               return O;
           }
@@ -1104,39 +1104,39 @@ function $t() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(j) + " at index " + u + "."
           ), g;
       }
-      function C(b, P, x, E, S) {
+      function x(b, P, E, C, S) {
         for (var k = [], O = 0; O < n.length; O++) {
-          var H = n[O], o = H(b, P, x, E, S, f);
+          var H = n[O], o = H(b, P, E, C, S, f);
           if (o == null)
             return null;
           o.data && c(o.data, "expectedType") && k.push(o.data.expectedType);
         }
         var ee = k.length > 0 ? ", expected one of type [" + k.join(", ") + "]" : "";
-        return new W("Invalid " + E + " `" + S + "` supplied to " + ("`" + x + "`" + ee + "."));
+        return new W("Invalid " + C + " `" + S + "` supplied to " + ("`" + E + "`" + ee + "."));
       }
-      return V(C);
+      return V(x);
     }
     function _e() {
-      function n(u, j, C, b, P) {
-        return X(u[j]) ? null : new W("Invalid " + b + " `" + P + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+      function n(u, j, x, b, P) {
+        return X(u[j]) ? null : new W("Invalid " + b + " `" + P + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
       }
       return V(n);
     }
-    function le(n, u, j, C, b) {
+    function le(n, u, j, x, b) {
       return new W(
-        (n || "React class") + ": " + u + " type `" + j + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + b + "`."
+        (n || "React class") + ": " + u + " type `" + j + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + b + "`."
       );
     }
     function ue(n) {
-      function u(j, C, b, P, x) {
-        var E = j[C], S = Q(E);
+      function u(j, x, b, P, E) {
+        var C = j[x], S = Q(C);
         if (S !== "object")
-          return new W("Invalid " + P + " `" + x + "` of type `" + S + "` " + ("supplied to `" + b + "`, expected `object`."));
+          return new W("Invalid " + P + " `" + E + "` of type `" + S + "` " + ("supplied to `" + b + "`, expected `object`."));
         for (var k in n) {
           var O = n[k];
           if (typeof O != "function")
-            return le(b, P, x, k, te(O));
-          var H = O(E, k, b, P, x + "." + k, f);
+            return le(b, P, E, k, te(O));
+          var H = O(C, k, b, P, E + "." + k, f);
           if (H)
             return H;
         }
@@ -1145,21 +1145,21 @@ function $t() {
       return V(u);
     }
     function K(n) {
-      function u(j, C, b, P, x) {
-        var E = j[C], S = Q(E);
+      function u(j, x, b, P, E) {
+        var C = j[x], S = Q(C);
         if (S !== "object")
-          return new W("Invalid " + P + " `" + x + "` of type `" + S + "` " + ("supplied to `" + b + "`, expected `object`."));
-        var k = d({}, j[C], n);
+          return new W("Invalid " + P + " `" + E + "` of type `" + S + "` " + ("supplied to `" + b + "`, expected `object`."));
+        var k = d({}, j[x], n);
         for (var O in k) {
           var H = n[O];
           if (c(n, O) && typeof H != "function")
-            return le(b, P, x, O, te(H));
+            return le(b, P, E, O, te(H));
           if (!H)
             return new W(
-              "Invalid " + P + " `" + x + "` key `" + O + "` supplied to `" + b + "`.\nBad object: " + JSON.stringify(j[C], null, "  ") + `
+              "Invalid " + P + " `" + E + "` key `" + O + "` supplied to `" + b + "`.\nBad object: " + JSON.stringify(j[x], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(n), null, "  ")
             );
-          var o = H(E, O, b, P, x + "." + O, f);
+          var o = H(C, O, b, P, E + "." + O, f);
           if (o)
             return o;
         }
@@ -1182,14 +1182,14 @@ Valid keys: ` + JSON.stringify(Object.keys(n), null, "  ")
             return !0;
           var u = T(n);
           if (u) {
-            var j = u.call(n), C;
+            var j = u.call(n), x;
             if (u !== n.entries) {
-              for (; !(C = j.next()).done; )
-                if (!X(C.value))
+              for (; !(x = j.next()).done; )
+                if (!X(x.value))
                   return !1;
             } else
-              for (; !(C = j.next()).done; ) {
-                var b = C.value;
+              for (; !(x = j.next()).done; ) {
+                var b = x.value;
                 if (b && !X(b[1]))
                   return !1;
               }
@@ -1425,7 +1425,7 @@ const en = "_swatchContainer_771fp_2", rn = "_swatch_771fp_2", tn = "_swatchLabe
 cn.propTypes = {
   swatches: s.arrayOf(s.objectOf(s.string)).isRequired
 };
-const ln = "_slider_1bnet_1", un = "_sliderLabel_1bnet_16", fn = "_sliderThumb_1bnet_20", dn = "_sliderTrack_1bnet_41", pn = "_comparisonControl_1bnet_66", Ee = {
+const ln = "_slider_1bnet_1", un = "_sliderLabel_1bnet_16", fn = "_sliderThumb_1bnet_20", dn = "_sliderTrack_1bnet_41", pn = "_comparisonControl_1bnet_66", Ce = {
   slider: ln,
   sliderLabel: un,
   sliderThumb: fn,
@@ -1437,10 +1437,10 @@ const ln = "_slider_1bnet_1", un = "_sliderLabel_1bnet_16", fn = "_sliderThumb_1
   onChange: f,
   value: c = 50,
   ...v
-}) => /* @__PURE__ */ a.jsx("div", { className: Ee.comparisonControl, children: /* @__PURE__ */ a.jsxs(ut, { maxValue: 94, minValue: 6, step: 0.1, className: Ee.slider, "aria-label": !d && typeof r == "string" ? r : void 0, onChange: f, value: c, ...v, children: [
-  d && /* @__PURE__ */ a.jsx(Pr, { className: Ee.sliderLabel, children: r }),
-  /* @__PURE__ */ a.jsx(ft, { className: Ee.sliderTrack, children: /* @__PURE__ */ a.jsx(dt, { className: Ee.sliderThumb, children: /* @__PURE__ */ a.jsx(we, { color: "white", icon: st }) }) })
-] }) }), vn = "_datePicker_72xgm_1", yn = "_dateInput_72xgm_11", hn = "_hoverDatepicker_72xgm_19", Ve = {
+}) => /* @__PURE__ */ a.jsx("div", { className: Ce.comparisonControl, children: /* @__PURE__ */ a.jsxs(ut, { maxValue: 94, minValue: 6, step: 0.1, className: Ce.slider, "aria-label": !d && typeof r == "string" ? r : void 0, onChange: f, value: c, ...v, children: [
+  d && /* @__PURE__ */ a.jsx(Pr, { className: Ce.sliderLabel, children: r }),
+  /* @__PURE__ */ a.jsx(ft, { className: Ce.sliderTrack, children: /* @__PURE__ */ a.jsx(dt, { className: Ce.sliderThumb, children: /* @__PURE__ */ a.jsx(we, { color: "white", icon: st }) }) })
+] }) }), vn = "_datePicker_ywin1_1 react-aria-DatePicker", yn = "_dateInput_ywin1_12 react-aria-DateInput", hn = "_hoverDatepicker_ywin1_17", Ve = {
   datePicker: vn,
   dateInput: yn,
   hoverDatepicker: hn
@@ -1457,7 +1457,7 @@ const ln = "_slider_1bnet_1", un = "_sliderLabel_1bnet_16", fn = "_sliderThumb_1
   minValue: R,
   ...m
 }) => {
-  const [T, $] = Ke(!1), { hoverProps: q, isHovered: z } = Ct({}), W = c ? Ue(c) : null, V = h ? Ue(h) : null, B = R ? Ue(R) : null, F = (M) => {
+  const [T, $] = Ke(!1), { hoverProps: q, isHovered: z } = xt({}), W = c ? Ue(c) : null, V = h ? Ue(h) : null, B = R ? Ue(R) : null, F = (M) => {
     if (M) {
       const Y = new Date(M.toString());
       v(Y);
@@ -1503,7 +1503,7 @@ const ln = "_slider_1bnet_1", un = "_sliderLabel_1bnet_16", fn = "_sliderThumb_1
             /* @__PURE__ */ a.jsx(Tt, {}),
             /* @__PURE__ */ a.jsx(Me, { slot: "next", children: "▶" })
           ] }),
-          /* @__PURE__ */ a.jsx(xt, { children: (M) => /* @__PURE__ */ a.jsx(Et, { date: M }) })
+          /* @__PURE__ */ a.jsx(Et, { children: (M) => /* @__PURE__ */ a.jsx(Ct, { date: M }) })
         ] }) }) })
       ]
     }
@@ -1573,10 +1573,10 @@ gn.propTypes = {
   precision: s.number,
   units: s.string
 };
-const Tn = "_simpleSlider_qj292_1", xn = "_simpleSliderInput_qj292_7", En = "_simpleSliderMinMaxContainer_qj292_11", ze = {
+const Tn = "_simpleSlider_qj292_1", En = "_simpleSliderInput_qj292_7", Cn = "_simpleSliderMinMaxContainer_qj292_11", ze = {
   simpleSlider: Tn,
-  simpleSliderInput: xn,
-  simpleSliderMinMaxContainer: En
+  simpleSliderInput: En,
+  simpleSliderMinMaxContainer: Cn
 }, er = ({
   units: r,
   label: d,
@@ -1626,8 +1626,8 @@ er.defaultProps = {
   units: "",
   label: ""
 };
-const Cn = "_layerGroupButton_1twxx_1", Rn = "_layerGroupChevron_1twxx_12", jn = "_layerGroupName_1twxx_25", Sn = "_layerGroupWrapper_1twxx_32", On = "_layerGroupChildren_1twxx_32", Ce = {
-  layerGroupButton: Cn,
+const xn = "_layerGroupButton_1twxx_1", Rn = "_layerGroupChevron_1twxx_12", jn = "_layerGroupName_1twxx_25", Sn = "_layerGroupWrapper_1twxx_32", On = "_layerGroupChildren_1twxx_32", xe = {
+  layerGroupButton: xn,
   layerGroupChevron: Rn,
   layerGroupName: jn,
   layerGroupWrapper: Sn,
@@ -1636,12 +1636,12 @@ const Cn = "_layerGroupButton_1twxx_1", Rn = "_layerGroupChevron_1twxx_12", jn =
   const [f, c] = Ke(!1), v = () => {
     c(!f);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: Ce.layerGroupWrapper, children: [
-    /* @__PURE__ */ a.jsxs("button", { type: "button", className: Ce.layerGroupButton, onClick: v, children: [
-      /* @__PURE__ */ a.jsx("div", { className: Ce.layerGroupChevron, children: /* @__PURE__ */ a.jsx(we, { size: "md", fixedWidth: !0, icon: f ? lt : wr }) }),
-      /* @__PURE__ */ a.jsx("span", { className: Ce.layerGroupName, children: r })
+  return /* @__PURE__ */ a.jsxs("div", { className: xe.layerGroupWrapper, children: [
+    /* @__PURE__ */ a.jsxs("button", { type: "button", className: xe.layerGroupButton, onClick: v, children: [
+      /* @__PURE__ */ a.jsx("div", { className: xe.layerGroupChevron, children: /* @__PURE__ */ a.jsx(we, { size: "md", fixedWidth: !0, icon: f ? lt : wr }) }),
+      /* @__PURE__ */ a.jsx("span", { className: xe.layerGroupName, children: r })
     ] }),
-    f && /* @__PURE__ */ a.jsx("div", { className: Ce.layerGroupChildren, children: d })
+    f && /* @__PURE__ */ a.jsx("div", { className: xe.layerGroupChildren, children: d })
   ] });
 };
 wn.propTypes = {
diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js
index 2b59898..0ea5b77 100644
--- a/dist/spk-library.umd.js
+++ b/dist/spk-library.umd.js
@@ -1,4 +1,4 @@
-(function(N,ie){typeof exports=="object"&&typeof module<"u"?ie(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],ie):(N=typeof globalThis<"u"?globalThis:N||self,ie(N.SpkLibrary={},N.React,N.FontAwesome,N.FreeSolidSvgIcons,N.reactAriaComponents,N.reactAria,N.date))})(this,function(N,ie,Pe,ne,Y,qr,Yr){"use strict";var tr=document.createElement("style");tr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_72xgm_1.react-aria-DatePicker{display:flex;flex-direction:column}._dateInput_72xgm_11.react-aria-DateInput{border-radius:var(--border-radius-input)}._hoverDatepicker_72xgm_19{outline:3px solid var(--highlight-hover);outline-offset:1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center}
+(function(N,ie){typeof exports=="object"&&typeof module<"u"?ie(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],ie):(N=typeof globalThis<"u"?globalThis:N||self,ie(N.SpkLibrary={},N.React,N.FontAwesome,N.FreeSolidSvgIcons,N.reactAriaComponents,N.reactAria,N.date))})(this,function(N,ie,Pe,ne,Y,qr,Yr){"use strict";var tr=document.createElement("style");tr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center}
 /*$vite$:1*/`,document.head.appendChild(tr);function Gr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var $e={exports:{}},xe={};/**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -47,4 +47,4 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */var We,dr;function Kr(){if(dr)return We;dr=1;var r=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;function s(p){if(p==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(p)}function v(){try{if(!Object.assign)return!1;var p=new String("abc");if(p[5]="de",Object.getOwnPropertyNames(p)[0]==="5")return!1;for(var x={},g=0;g<10;g++)x["_"+String.fromCharCode(g)]=g;var h=Object.getOwnPropertyNames(x).map(function(y){return x[y]});if(h.join("")!=="0123456789")return!1;var k={};return"abcdefghijklmnopqrst".split("").forEach(function(y){k[y]=y}),Object.keys(Object.assign({},k)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return We=v()?Object.assign:function(p,x){for(var g,h=s(p),k,y=1;y<arguments.length;y++){g=Object(arguments[y]);for(var _ in g)f.call(g,_)&&(h[_]=g[_]);if(r){k=r(g);for(var A=0;A<k.length;A++)u.call(g,k[A])&&(h[k[A]]=g[k[A]])}}return h},We}var Be,ur;function ze(){if(ur)return Be;ur=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Be=r,Be}var qe,fr;function pr(){return fr||(fr=1,qe=Function.call.bind(Object.prototype.hasOwnProperty)),qe}var Ye,vr;function Xr(){if(vr)return Ye;vr=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var f=ze(),u={},s=pr();r=function(p){var x="Warning: "+p;typeof console<"u"&&console.error(x);try{throw new Error(x)}catch{}}}function v(p,x,g,h,k){if(process.env.NODE_ENV!=="production"){for(var y in p)if(s(p,y)){var _;try{if(typeof p[y]!="function"){var A=Error((h||"React class")+": "+g+" type `"+y+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof p[y]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw A.name="Invariant Violation",A}_=p[y](x,y,h,g,null,f)}catch(J){_=J}if(_&&!(_ instanceof Error)&&r((h||"React class")+": type specification of "+g+" `"+y+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof _+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),_ instanceof Error&&!(_.message in u)){u[_.message]=!0;var B=k?k():"";r("Failed "+g+" type: "+_.message+(B??""))}}}}return v.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(u={})},Ye=v,Ye}var Ge,gr;function Zr(){if(gr)return Ge;gr=1;var r=cr(),f=Kr(),u=ze(),s=pr(),v=Xr(),p=function(){};process.env.NODE_ENV!=="production"&&(p=function(g){var h="Warning: "+g;typeof console<"u"&&console.error(h);try{throw new Error(h)}catch{}});function x(){return null}return Ge=function(g,h){var k=typeof Symbol=="function"&&Symbol.iterator,y="@@iterator";function _(t){var d=t&&(k&&t[k]||t[y]);if(typeof d=="function")return d}var A="<<anonymous>>",B={array:G("array"),bigint:G("bigint"),bool:G("boolean"),func:G("function"),number:G("number"),object:G("object"),string:G("string"),symbol:G("symbol"),any:z(),arrayOf:$,element:q(),elementType:c(),instanceOf:le,node:Re(),objectOf:Ee,oneOf:ke,oneOfType:pe,shape:ge,exact:Z};function J(t,d){return t===d?t!==0||1/t===1/d:t!==t&&d!==d}function W(t,d){this.message=t,this.data=d&&typeof d=="object"?d:{},this.stack=""}W.prototype=Error.prototype;function U(t){if(process.env.NODE_ENV!=="production")var d={},E=0;function C(P,w,T,R,D,j,K){if(R=R||A,j=j||T,K!==u){if(h){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ae=R+":"+T;!d[ae]&&E<3&&(p("You are manually calling a React.PropTypes validation function for the `"+j+"` prop on `"+R+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),d[ae]=!0,E++)}}return w[T]==null?P?w[T]===null?new W("The "+D+" `"+j+"` is marked as required "+("in `"+R+"`, but its value is `null`.")):new W("The "+D+" `"+j+"` is marked as required in "+("`"+R+"`, but its value is `undefined`.")):null:t(w,T,R,D,j)}var m=C.bind(null,!1);return m.isRequired=C.bind(null,!0),m}function G(t){function d(E,C,m,P,w,T){var R=E[C],D=re(R);if(D!==t){var j=oe(R);return new W("Invalid "+P+" `"+w+"` of type "+("`"+j+"` supplied to `"+m+"`, expected ")+("`"+t+"`."),{expectedType:t})}return null}return U(d)}function z(){return U(x)}function $(t){function d(E,C,m,P,w){if(typeof t!="function")return new W("Property `"+w+"` of component `"+m+"` has invalid PropType notation inside arrayOf.");var T=E[C];if(!Array.isArray(T)){var R=re(T);return new W("Invalid "+P+" `"+w+"` of type "+("`"+R+"` supplied to `"+m+"`, expected an array."))}for(var D=0;D<T.length;D++){var j=t(T,D,m,P,w+"["+D+"]",u);if(j instanceof Error)return j}return null}return U(d)}function q(){function t(d,E,C,m,P){var w=d[E];if(!g(w)){var T=re(w);return new W("Invalid "+m+" `"+P+"` of type "+("`"+T+"` supplied to `"+C+"`, expected a single ReactElement."))}return null}return U(t)}function c(){function t(d,E,C,m,P){var w=d[E];if(!r.isValidElementType(w)){var T=re(w);return new W("Invalid "+m+" `"+P+"` of type "+("`"+T+"` supplied to `"+C+"`, expected a single ReactElement type."))}return null}return U(t)}function le(t){function d(E,C,m,P,w){if(!(E[C]instanceof t)){var T=t.name||A,R=he(E[C]);return new W("Invalid "+P+" `"+w+"` of type "+("`"+R+"` supplied to `"+m+"`, expected ")+("instance of `"+T+"`."))}return null}return U(d)}function ke(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&(arguments.length>1?p("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):p("Invalid argument supplied to oneOf, expected an array.")),x;function d(E,C,m,P,w){for(var T=E[C],R=0;R<t.length;R++)if(J(T,t[R]))return null;var D=JSON.stringify(t,function(K,o){var ae=oe(o);return ae==="symbol"?String(o):o});return new W("Invalid "+P+" `"+w+"` of value `"+String(T)+"` "+("supplied to `"+m+"`, expected one of "+D+"."))}return U(d)}function Ee(t){function d(E,C,m,P,w){if(typeof t!="function")return new W("Property `"+w+"` of component `"+m+"` has invalid PropType notation inside objectOf.");var T=E[C],R=re(T);if(R!=="object")return new W("Invalid "+P+" `"+w+"` of type "+("`"+R+"` supplied to `"+m+"`, expected an object."));for(var D in T)if(s(T,D)){var j=t(T,D,m,P,w+"."+D,u);if(j instanceof Error)return j}return null}return U(d)}function pe(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&p("Invalid argument supplied to oneOfType, expected an instance of array."),x;for(var d=0;d<t.length;d++){var E=t[d];if(typeof E!="function")return p("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+ce(E)+" at index "+d+"."),x}function C(m,P,w,T,R){for(var D=[],j=0;j<t.length;j++){var K=t[j],o=K(m,P,w,T,R,u);if(o==null)return null;o.data&&s(o.data,"expectedType")&&D.push(o.data.expectedType)}var ae=D.length>0?", expected one of type ["+D.join(", ")+"]":"";return new W("Invalid "+T+" `"+R+"` supplied to "+("`"+w+"`"+ae+"."))}return U(C)}function Re(){function t(d,E,C,m,P){return Q(d[E])?null:new W("Invalid "+m+" `"+P+"` supplied to "+("`"+C+"`, expected a ReactNode."))}return U(t)}function ve(t,d,E,C,m){return new W((t||"React class")+": "+d+" type `"+E+"."+C+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+m+"`.")}function ge(t){function d(E,C,m,P,w){var T=E[C],R=re(T);if(R!=="object")return new W("Invalid "+P+" `"+w+"` of type `"+R+"` "+("supplied to `"+m+"`, expected `object`."));for(var D in t){var j=t[D];if(typeof j!="function")return ve(m,P,w,D,oe(j));var K=j(T,D,m,P,w+"."+D,u);if(K)return K}return null}return U(d)}function Z(t){function d(E,C,m,P,w){var T=E[C],R=re(T);if(R!=="object")return new W("Invalid "+P+" `"+w+"` of type `"+R+"` "+("supplied to `"+m+"`, expected `object`."));var D=f({},E[C],t);for(var j in D){var K=t[j];if(s(t,j)&&typeof K!="function")return ve(m,P,w,j,oe(K));if(!K)return new W("Invalid "+P+" `"+w+"` key `"+j+"` supplied to `"+m+"`.\nBad object: "+JSON.stringify(E[C],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(t),null,"  "));var o=K(T,j,m,P,w+"."+j,u);if(o)return o}return null}return U(d)}function Q(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(Q);if(t===null||g(t))return!0;var d=_(t);if(d){var E=d.call(t),C;if(d!==t.entries){for(;!(C=E.next()).done;)if(!Q(C.value))return!1}else for(;!(C=E.next()).done;){var m=C.value;if(m&&!Q(m[1]))return!1}}else return!1;return!0;default:return!1}}function se(t,d){return t==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function re(t){var d=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":se(d,t)?"symbol":d}function oe(t){if(typeof t>"u"||t===null)return""+t;var d=re(t);if(d==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return d}function ce(t){var d=oe(t);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function he(t){return!t.constructor||!t.constructor.name?A:t.constructor.name}return B.checkPropTypes=v,B.resetWarningCache=v.resetWarningCache,B.PropTypes=B,B},Ge}var Ve,hr;function Qr(){if(hr)return Ve;hr=1;var r=ze();function f(){}function u(){}return u.resetWarningCache=f,Ve=function(){function s(x,g,h,k,y,_){if(_!==r){var A=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw A.name="Invariant Violation",A}}s.isRequired=s;function v(){return s}var p={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:v,element:s,elementType:s,instanceOf:v,node:s,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:u,resetWarningCache:f};return p.PropTypes=p,p},Ve}if(process.env.NODE_ENV!=="production"){var ea=cr(),ra=!0;Me.exports=Zr()(ea.isElement,ra)}else Me.exports=Qr()();var aa=Me.exports;const l=Gr(aa),ta={iconButton:"_iconButton_1963e_1"},na={trash:ne.faTrash,filter:ne.faFilter,info:ne.faInfo,fill:ne.faFillDrip,ellipsis:ne.faEllipsisVertical,chevronRight:ne.faChevronRight,chevronLeft:ne.faChevronLeft},we=({onClick:r,iconName:f})=>n.jsx("div",{className:ta.iconButton,children:n.jsx("button",{"aria-label":f,type:"button",onClick:r,children:n.jsx(Pe.FontAwesomeIcon,{icon:na[f]})})});we.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired},we.defaultProps={iconName:"ellipsis"};const oa={layerButtonReel:"_layerButtonReel_1o59k_1"},De=({buttons:r})=>n.jsx("div",{className:oa.layerButtonReel,children:r&&Object.keys(r).map(f=>n.jsx(we,{iconName:f,onClick:r[f]}))});De.propTypes={buttons:l.objectOf(l.func)},De.defaultProps={buttons:null};const Ue={layerToggle:"_layerToggle_gvlf4_7",switch:"_switch_gvlf4_12",slider:"_slider_gvlf4_29"},Ae=({layerName:r,isActive:f,onChange:u})=>n.jsx("div",{className:Ue.layerToggle,children:n.jsxs("div",{className:Ue.switch,children:[n.jsx("input",{type:"checkbox",value:r,checked:f,onChange:u}),n.jsx("span",{className:Ue.slider})]})});Ae.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired},Ae.defaultProps={layerName:"Example Layer",isActive:!1};const fe={layerCard:"_layerCard_mism4_1",layerCardWrapper:"_layerCardWrapper_mism4_11",layerCardTextWrapper:"_layerCardTextWrapper_mism4_20",layerCardTitle:"_layerCardTitle_mism4_28",layerCardDescription:"_layerCardDescription_mism4_32",layerCardControls:"_layerCardControls_mism4_37",layerCardToggle:"_layerCardToggle_mism4_42",layerCardChildren:"_layerCardChildren_mism4_47"},yr=({layerName:r,isActive:f,onChange:u,buttons:s,description:v,children:p})=>n.jsxs("div",{className:fe.layerCard,children:[n.jsxs("div",{className:fe.layerCardWrapper,children:[n.jsxs("div",{className:fe.layerCardTextWrapper,children:[n.jsx("span",{className:fe.layerCardTitle,children:r}),n.jsx("span",{className:fe.layerCardDescription,children:v})]}),n.jsx(De,{buttons:s}),u&&n.jsx(Ae,{layerName:r,isActive:f,onChange:u})]}),n.jsx("div",{className:fe.layerCardChildren,children:p})]});yr.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,buttons:l.objectOf(l.func),description:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node])};const Ie={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},br=({color:r,label:f="",value:u,units:s=""})=>n.jsxs("div",{className:Ie.swatchContainer,children:[n.jsx("div",{"data-testid":"swatch",className:Ie.swatch,style:{backgroundColor:r}}),n.jsx("div",{"data-testid":"swatch-label",className:Ie.swatchLabel,children:f}),n.jsx("div",{"data-testid":"swatch-value",className:Ie.swatchValue,children:u!==void 0&&`${u}${s}`})]}),ia={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:r})=>n.jsx("div",{className:ia.swatchLegend,children:r&&r.map(f=>{const{color:u,label:s,value:v,units:p}=f;return n.jsx(br,{label:s,color:u,value:v,units:p},s)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Te={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},la=({label:r,showLabel:f=!0,onChange:u,value:s=50,...v})=>n.jsx("div",{className:Te.comparisonControl,children:n.jsxs(Y.Slider,{maxValue:94,minValue:6,step:.1,className:Te.slider,"aria-label":!f&&typeof r=="string"?r:void 0,onChange:u,value:s,...v,children:[f&&n.jsx(Y.Label,{className:Te.sliderLabel,children:r}),n.jsx(Y.SliderTrack,{className:Te.sliderTrack,children:n.jsx(Y.SliderThumb,{className:Te.sliderThumb,children:n.jsx(Pe.FontAwesomeIcon,{color:"white",icon:ne.faArrowsLeftRight})})})]})}),He={datePicker:"_datePicker_72xgm_1",dateInput:"_dateInput_72xgm_11",hoverDatepicker:"_hoverDatepicker_72xgm_19"},Je=r=>new Yr.CalendarDate(r.getFullYear(),r.getMonth()+1,r.getDate()),sa=({label:r,helperText:f,errorMessage:u,value:s,onChange:v,"aria-label":p,"aria-labelledby":x,className:g,maxValue:h,minValue:k,...y})=>{const[_,A]=ie.useState(!1),{hoverProps:B,isHovered:J}=qr.useHover({}),W=s?Je(s):null,U=h?Je(h):null,G=k?Je(k):null,z=$=>{if($){const q=new Date($.toString());v(q)}else v(null)};return n.jsxs(Y.DatePicker,{className:`${He.datePicker} ${g||""}`.trim(),value:W,onChange:z,"aria-label":p,"aria-labelledby":x,maxValue:U,minValue:G,...y,children:[r&&n.jsx(Y.Label,{children:r}),n.jsxs(Y.Group,{children:[n.jsx(Y.DateInput,{className:`${J||_?He.hoverDatepicker:""} ${He.dateInput}`.trim(),...B,children:$=>n.jsx(Y.DateSegment,{segment:$})}),n.jsx(Y.Button,{"aria-label":"Open calendar",onHoverChange:$=>A($),children:n.jsx(Pe.FontAwesomeIcon,{icon:ne.faCalendar})})]}),f&&n.jsx(Y.Text,{slot:"description",children:f}),u?n.jsx(Y.FieldError,{children:u}):n.jsx(Y.FieldError,{}),n.jsx(Y.Popover,{children:n.jsx(Y.Dialog,{children:n.jsxs(Y.Calendar,{children:[n.jsxs("header",{children:[n.jsx(Y.Button,{slot:"previous",children:"◀"}),n.jsx(Y.Heading,{}),n.jsx(Y.Button,{slot:"next",children:"▶"})]}),n.jsx(Y.CalendarGrid,{children:$=>n.jsx(Y.CalendarCell,{date:$})})]})})})]})},Fe={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},xr=({title:r,startColor:f="red",endColor:u="yellow",startNo:s,endNo:v,titleBelow:p=!1,bins:x=0,precision:g=2,units:h})=>{const k=x>0?Array(x-1).fill(0).map((y,_)=>{const A=(s+(v-s)/x*(_+1)).toPrecision(g);return n.jsx("span",{children:A},A)}):[];return n.jsxs("div",{className:"gradient-box",children:[!p&&n.jsxs("div",{className:"ui-title",children:[" ",r]}),n.jsxs("div",{className:Fe.gradientLegend,children:[n.jsx("div",{className:Fe.gradient,style:{background:`linear-gradient(to right, ${f} , ${u})`}}),n.jsxs("div",{className:Fe.gradientNumbers,children:[n.jsxs("span",{children:[s," ",h]}),k,n.jsxs("span",{children:[v," ",h]})]}),p&&n.jsxs("div",{className:Fe.uiTitle,children:[" ",r]})]})]})};xr.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Ke={simpleSlider:"_simpleSlider_qj292_1",simpleSliderInput:"_simpleSliderInput_qj292_7",simpleSliderMinMaxContainer:"_simpleSliderMinMaxContainer_qj292_11"},Le=({units:r,label:f,onChange:u,min:s,max:v,step:p,value:x})=>n.jsxs("div",{className:Ke.simpleSlider,children:[n.jsxs("div",{children:[f&&n.jsx("div",{className:"ui-label",children:f}),n.jsx("input",{onChange:u,className:Ke.simpleSliderInput,type:"range",value:x,min:s,max:v,step:p})]}),n.jsxs("div",{className:Ke.simpleSliderMinMaxContainer,children:[n.jsxs("div",{className:"ui-label",children:[s,r]}),n.jsxs("div",{className:"ui-label",children:[v,r]})]})]});Le.propTypes={onChange:l.func.isRequired,min:l.number.isRequired,max:l.number.isRequired,step:l.number.isRequired,value:l.number,label:l.string,units:l.string},Le.defaultProps={value:0,units:"",label:""};const Ce={layerGroupButton:"_layerGroupButton_1twxx_1",layerGroupChevron:"_layerGroupChevron_1twxx_12",layerGroupName:"_layerGroupName_1twxx_25",layerGroupWrapper:"_layerGroupWrapper_1twxx_32",layerGroupChildren:"_layerGroupChildren_1twxx_32"},_r=({groupName:r,children:f})=>{const[u,s]=ie.useState(!1),v=()=>{s(!u)};return n.jsxs("div",{className:Ce.layerGroupWrapper,children:[n.jsxs("button",{type:"button",className:Ce.layerGroupButton,onClick:v,children:[n.jsx("div",{className:Ce.layerGroupChevron,children:n.jsx(Pe.FontAwesomeIcon,{size:"md",fixedWidth:!0,icon:u?ne.faChevronDown:ne.faChevronRight})}),n.jsx("span",{className:Ce.layerGroupName,children:r})]}),u&&n.jsx("div",{className:Ce.layerGroupChildren,children:f})]})};_r.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const wr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},Tr=({mapContainer:r,id:f,children:u})=>n.jsxs("div",{className:wr.mapWrapper,children:[n.jsx("div",{className:wr.mapContainer,id:f,ref:r}),u]});Tr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Cr=({children:r})=>n.jsx("div",{className:"nav-container",children:r});Cr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const kr=({showToggle:r,children:f})=>{const[u,s]=ie.useState(!1),v=`sidebar ${u?"closed":""}`,p=()=>{s(!u)};return n.jsxs("div",{className:"sidebarContainer",children:[n.jsx("div",{className:v,children:f}),r&&n.jsx("div",{className:"sidebarToggle",children:n.jsx(we,{onClick:p,iconName:u?"chevronRight":"chevronLeft"})})]})};kr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er=({children:r})=>n.jsx("div",{className:"layout-stacked",children:r});Er.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Rr=({align:r="left",children:f})=>n.jsx("div",{className:`layout-standard ${r}`,children:f});Rr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Sr=({title:r,units:f,sliderConfig:u})=>n.jsxs("div",{className:jr.sliderControlWrapper,children:[n.jsx("div",{className:"ui-label",children:r}),n.jsx("div",{}),u&&u.map(s=>{const{label:v}=s;return n.jsx("div",{className:jr.sliderLabel,children:v})}),u&&u.map(s=>{const{onChange:v,min:p,max:x,step:g,value:h}=s;return n.jsx(Le,{onChange:v,units:f,min:p,max:x,step:g,value:h})})]});Sr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},N.ComparisonControl=la,N.DatePicker=sa,N.GradientLegend=xr,N.IconButton=we,N.LayerButtonReel=De,N.LayerCard=yr,N.LayerGroup=_r,N.LayerToggle=Ae,N.MapContainer=Tr,N.NavContainer=Cr,N.SidebarContainer=kr,N.SimpleSlider=Le,N.SliderControl=Sr,N.Stacked=Er,N.Standard=Rr,N.Swatch=br,N.SwatchLegend=mr,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
+Valid keys: `+JSON.stringify(Object.keys(t),null,"  "));var o=K(T,j,m,P,w+"."+j,u);if(o)return o}return null}return U(d)}function Q(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(Q);if(t===null||g(t))return!0;var d=_(t);if(d){var E=d.call(t),C;if(d!==t.entries){for(;!(C=E.next()).done;)if(!Q(C.value))return!1}else for(;!(C=E.next()).done;){var m=C.value;if(m&&!Q(m[1]))return!1}}else return!1;return!0;default:return!1}}function se(t,d){return t==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function re(t){var d=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":se(d,t)?"symbol":d}function oe(t){if(typeof t>"u"||t===null)return""+t;var d=re(t);if(d==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return d}function ce(t){var d=oe(t);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function he(t){return!t.constructor||!t.constructor.name?A:t.constructor.name}return B.checkPropTypes=v,B.resetWarningCache=v.resetWarningCache,B.PropTypes=B,B},Ge}var Ve,hr;function Qr(){if(hr)return Ve;hr=1;var r=ze();function f(){}function u(){}return u.resetWarningCache=f,Ve=function(){function s(x,g,h,k,y,_){if(_!==r){var A=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw A.name="Invariant Violation",A}}s.isRequired=s;function v(){return s}var p={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:v,element:s,elementType:s,instanceOf:v,node:s,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:u,resetWarningCache:f};return p.PropTypes=p,p},Ve}if(process.env.NODE_ENV!=="production"){var ea=cr(),ra=!0;Me.exports=Zr()(ea.isElement,ra)}else Me.exports=Qr()();var aa=Me.exports;const l=Gr(aa),ta={iconButton:"_iconButton_1963e_1"},na={trash:ne.faTrash,filter:ne.faFilter,info:ne.faInfo,fill:ne.faFillDrip,ellipsis:ne.faEllipsisVertical,chevronRight:ne.faChevronRight,chevronLeft:ne.faChevronLeft},we=({onClick:r,iconName:f})=>n.jsx("div",{className:ta.iconButton,children:n.jsx("button",{"aria-label":f,type:"button",onClick:r,children:n.jsx(Pe.FontAwesomeIcon,{icon:na[f]})})});we.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired},we.defaultProps={iconName:"ellipsis"};const oa={layerButtonReel:"_layerButtonReel_1o59k_1"},De=({buttons:r})=>n.jsx("div",{className:oa.layerButtonReel,children:r&&Object.keys(r).map(f=>n.jsx(we,{iconName:f,onClick:r[f]}))});De.propTypes={buttons:l.objectOf(l.func)},De.defaultProps={buttons:null};const Ue={layerToggle:"_layerToggle_gvlf4_7",switch:"_switch_gvlf4_12",slider:"_slider_gvlf4_29"},Ae=({layerName:r,isActive:f,onChange:u})=>n.jsx("div",{className:Ue.layerToggle,children:n.jsxs("div",{className:Ue.switch,children:[n.jsx("input",{type:"checkbox",value:r,checked:f,onChange:u}),n.jsx("span",{className:Ue.slider})]})});Ae.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired},Ae.defaultProps={layerName:"Example Layer",isActive:!1};const fe={layerCard:"_layerCard_mism4_1",layerCardWrapper:"_layerCardWrapper_mism4_11",layerCardTextWrapper:"_layerCardTextWrapper_mism4_20",layerCardTitle:"_layerCardTitle_mism4_28",layerCardDescription:"_layerCardDescription_mism4_32",layerCardControls:"_layerCardControls_mism4_37",layerCardToggle:"_layerCardToggle_mism4_42",layerCardChildren:"_layerCardChildren_mism4_47"},yr=({layerName:r,isActive:f,onChange:u,buttons:s,description:v,children:p})=>n.jsxs("div",{className:fe.layerCard,children:[n.jsxs("div",{className:fe.layerCardWrapper,children:[n.jsxs("div",{className:fe.layerCardTextWrapper,children:[n.jsx("span",{className:fe.layerCardTitle,children:r}),n.jsx("span",{className:fe.layerCardDescription,children:v})]}),n.jsx(De,{buttons:s}),u&&n.jsx(Ae,{layerName:r,isActive:f,onChange:u})]}),n.jsx("div",{className:fe.layerCardChildren,children:p})]});yr.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,buttons:l.objectOf(l.func),description:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node])};const Ie={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},br=({color:r,label:f="",value:u,units:s=""})=>n.jsxs("div",{className:Ie.swatchContainer,children:[n.jsx("div",{"data-testid":"swatch",className:Ie.swatch,style:{backgroundColor:r}}),n.jsx("div",{"data-testid":"swatch-label",className:Ie.swatchLabel,children:f}),n.jsx("div",{"data-testid":"swatch-value",className:Ie.swatchValue,children:u!==void 0&&`${u}${s}`})]}),ia={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:r})=>n.jsx("div",{className:ia.swatchLegend,children:r&&r.map(f=>{const{color:u,label:s,value:v,units:p}=f;return n.jsx(br,{label:s,color:u,value:v,units:p},s)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Te={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},la=({label:r,showLabel:f=!0,onChange:u,value:s=50,...v})=>n.jsx("div",{className:Te.comparisonControl,children:n.jsxs(Y.Slider,{maxValue:94,minValue:6,step:.1,className:Te.slider,"aria-label":!f&&typeof r=="string"?r:void 0,onChange:u,value:s,...v,children:[f&&n.jsx(Y.Label,{className:Te.sliderLabel,children:r}),n.jsx(Y.SliderTrack,{className:Te.sliderTrack,children:n.jsx(Y.SliderThumb,{className:Te.sliderThumb,children:n.jsx(Pe.FontAwesomeIcon,{color:"white",icon:ne.faArrowsLeftRight})})})]})}),He={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Je=r=>new Yr.CalendarDate(r.getFullYear(),r.getMonth()+1,r.getDate()),sa=({label:r,helperText:f,errorMessage:u,value:s,onChange:v,"aria-label":p,"aria-labelledby":x,className:g,maxValue:h,minValue:k,...y})=>{const[_,A]=ie.useState(!1),{hoverProps:B,isHovered:J}=qr.useHover({}),W=s?Je(s):null,U=h?Je(h):null,G=k?Je(k):null,z=$=>{if($){const q=new Date($.toString());v(q)}else v(null)};return n.jsxs(Y.DatePicker,{className:`${He.datePicker} ${g||""}`.trim(),value:W,onChange:z,"aria-label":p,"aria-labelledby":x,maxValue:U,minValue:G,...y,children:[r&&n.jsx(Y.Label,{children:r}),n.jsxs(Y.Group,{children:[n.jsx(Y.DateInput,{className:`${J||_?He.hoverDatepicker:""} ${He.dateInput}`.trim(),...B,children:$=>n.jsx(Y.DateSegment,{segment:$})}),n.jsx(Y.Button,{"aria-label":"Open calendar",onHoverChange:$=>A($),children:n.jsx(Pe.FontAwesomeIcon,{icon:ne.faCalendar})})]}),f&&n.jsx(Y.Text,{slot:"description",children:f}),u?n.jsx(Y.FieldError,{children:u}):n.jsx(Y.FieldError,{}),n.jsx(Y.Popover,{children:n.jsx(Y.Dialog,{children:n.jsxs(Y.Calendar,{children:[n.jsxs("header",{children:[n.jsx(Y.Button,{slot:"previous",children:"◀"}),n.jsx(Y.Heading,{}),n.jsx(Y.Button,{slot:"next",children:"▶"})]}),n.jsx(Y.CalendarGrid,{children:$=>n.jsx(Y.CalendarCell,{date:$})})]})})})]})},Fe={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},xr=({title:r,startColor:f="red",endColor:u="yellow",startNo:s,endNo:v,titleBelow:p=!1,bins:x=0,precision:g=2,units:h})=>{const k=x>0?Array(x-1).fill(0).map((y,_)=>{const A=(s+(v-s)/x*(_+1)).toPrecision(g);return n.jsx("span",{children:A},A)}):[];return n.jsxs("div",{className:"gradient-box",children:[!p&&n.jsxs("div",{className:"ui-title",children:[" ",r]}),n.jsxs("div",{className:Fe.gradientLegend,children:[n.jsx("div",{className:Fe.gradient,style:{background:`linear-gradient(to right, ${f} , ${u})`}}),n.jsxs("div",{className:Fe.gradientNumbers,children:[n.jsxs("span",{children:[s," ",h]}),k,n.jsxs("span",{children:[v," ",h]})]}),p&&n.jsxs("div",{className:Fe.uiTitle,children:[" ",r]})]})]})};xr.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Ke={simpleSlider:"_simpleSlider_qj292_1",simpleSliderInput:"_simpleSliderInput_qj292_7",simpleSliderMinMaxContainer:"_simpleSliderMinMaxContainer_qj292_11"},Le=({units:r,label:f,onChange:u,min:s,max:v,step:p,value:x})=>n.jsxs("div",{className:Ke.simpleSlider,children:[n.jsxs("div",{children:[f&&n.jsx("div",{className:"ui-label",children:f}),n.jsx("input",{onChange:u,className:Ke.simpleSliderInput,type:"range",value:x,min:s,max:v,step:p})]}),n.jsxs("div",{className:Ke.simpleSliderMinMaxContainer,children:[n.jsxs("div",{className:"ui-label",children:[s,r]}),n.jsxs("div",{className:"ui-label",children:[v,r]})]})]});Le.propTypes={onChange:l.func.isRequired,min:l.number.isRequired,max:l.number.isRequired,step:l.number.isRequired,value:l.number,label:l.string,units:l.string},Le.defaultProps={value:0,units:"",label:""};const Ce={layerGroupButton:"_layerGroupButton_1twxx_1",layerGroupChevron:"_layerGroupChevron_1twxx_12",layerGroupName:"_layerGroupName_1twxx_25",layerGroupWrapper:"_layerGroupWrapper_1twxx_32",layerGroupChildren:"_layerGroupChildren_1twxx_32"},_r=({groupName:r,children:f})=>{const[u,s]=ie.useState(!1),v=()=>{s(!u)};return n.jsxs("div",{className:Ce.layerGroupWrapper,children:[n.jsxs("button",{type:"button",className:Ce.layerGroupButton,onClick:v,children:[n.jsx("div",{className:Ce.layerGroupChevron,children:n.jsx(Pe.FontAwesomeIcon,{size:"md",fixedWidth:!0,icon:u?ne.faChevronDown:ne.faChevronRight})}),n.jsx("span",{className:Ce.layerGroupName,children:r})]}),u&&n.jsx("div",{className:Ce.layerGroupChildren,children:f})]})};_r.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const wr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},Tr=({mapContainer:r,id:f,children:u})=>n.jsxs("div",{className:wr.mapWrapper,children:[n.jsx("div",{className:wr.mapContainer,id:f,ref:r}),u]});Tr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Cr=({children:r})=>n.jsx("div",{className:"nav-container",children:r});Cr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const kr=({showToggle:r,children:f})=>{const[u,s]=ie.useState(!1),v=`sidebar ${u?"closed":""}`,p=()=>{s(!u)};return n.jsxs("div",{className:"sidebarContainer",children:[n.jsx("div",{className:v,children:f}),r&&n.jsx("div",{className:"sidebarToggle",children:n.jsx(we,{onClick:p,iconName:u?"chevronRight":"chevronLeft"})})]})};kr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er=({children:r})=>n.jsx("div",{className:"layout-stacked",children:r});Er.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Rr=({align:r="left",children:f})=>n.jsx("div",{className:`layout-standard ${r}`,children:f});Rr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Sr=({title:r,units:f,sliderConfig:u})=>n.jsxs("div",{className:jr.sliderControlWrapper,children:[n.jsx("div",{className:"ui-label",children:r}),n.jsx("div",{}),u&&u.map(s=>{const{label:v}=s;return n.jsx("div",{className:jr.sliderLabel,children:v})}),u&&u.map(s=>{const{onChange:v,min:p,max:x,step:g,value:h}=s;return n.jsx(Le,{onChange:v,units:f,min:p,max:x,step:g,value:h})})]});Sr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},N.ComparisonControl=la,N.DatePicker=sa,N.GradientLegend=xr,N.IconButton=we,N.LayerButtonReel=De,N.LayerCard=yr,N.LayerGroup=_r,N.LayerToggle=Ae,N.MapContainer=Tr,N.NavContainer=Cr,N.SidebarContainer=kr,N.SimpleSlider=Le,N.SliderControl=Sr,N.Stacked=Er,N.Standard=Rr,N.Swatch=br,N.SwatchLegend=mr,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
diff --git a/src/components/core/DatePicker.module.css b/src/components/core/DatePicker.module.css
index 723a9c5..22de205 100644
--- a/src/components/core/DatePicker.module.css
+++ b/src/components/core/DatePicker.module.css
@@ -1,22 +1,20 @@
-.datePicker:global(.react-aria-DatePicker) {
-    /* Using :global() allows us to style elements that have both:
-     * 1. Our local CSS Module class (.datePicker -> datePicker)
-     * 2. AND the global react-aria class (.react-aria-DatePicker)
-     * This is an alternative to CSS modules' 'composes' that works reliably in both dev and prod builds
-     */
+.datePicker {
+    /*  The 'composes' keyword allows us to extend the react-aria-DatePicker class
+        so we can override rules here without rewriting all of them
+    */
+    composes: react-aria-DatePicker from global;
+    /* See src/components/core/DatePicker.css for ideas on customizing this component */
+
     display: flex;
     flex-direction: column;
 }
 
-.dateInput:global(.react-aria-DateInput) {
-    /* When using :global() syntax, styles only apply when both classes are present
-     * This ensures our styles are properly scoped while still being able to 
-     * extend react-aria's base styles
-     */
+.dateInput {
+    composes: react-aria-DateInput from global;
     border-radius: var(--border-radius-input);
-}
+  }
 
 .hoverDatepicker {
     outline: 3px solid var(--highlight-hover);
-    outline-offset: 1px;
+    outline-offset: -1px;
 }
\ No newline at end of file