@servicetitan/anvil2 1.27.2 → 1.28.0

package/dist/Page.css

@@ -1,11 +1,11 @@
 @layer starter, reset, base, state, application;
 
-html:has(._page_1yc3p_1)::-webkit-scrollbar {
+html:has(._page_hr7a5_1)::-webkit-scrollbar {
   display: none;
 }
 
 @layer base {
-  ._page_1yc3p_1 {
+  ._page_hr7a5_1 {
     margin: 0;
     padding: 0;
     border-style: none;
@@ -15,12 +15,15 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     container: page/inline-size;
     min-height: calc(100dvh - var(--offset, 0px));
     isolation: isolate;
+    display: flex;
+    flex-direction: column;
   }
-  ._page_1yc3p_1 ._container_1yc3p_17 {
+  ._page_hr7a5_1 ._container_hr7a5_19 {
     display: grid;
-    grid-template-areas: "sidebar" "header" "content" "panel";
+    flex-grow: 1;
+    grid-template-areas: "sidebar" "header" "content" "footer" "panel";
     grid-template-columns: 1fr;
-    grid-template-rows: auto auto 1fr auto;
+    grid-template-rows: auto auto 1fr auto auto;
     margin: 0;
     padding: 0;
     min-height: inherit;
@@ -33,21 +36,34 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     overflow-x: clip;
     transition: 300ms cubic-bezier(0.4, 0, 0.6, 1);
   }
-  ._content_1yc3p_34 {
+  ._content_hr7a5_37 {
     grid-area: content;
     container: content/inline-size;
     display: flex;
   }
-  ._content_1yc3p_34 ._content-inner_1yc3p_39 {
+  ._content_hr7a5_37 ._content-inner_hr7a5_42 {
     padding-block: 1.5rem;
     padding-inline: 1rem;
     flex-basis: 100%;
   }
-  ._content_1yc3p_34 ._content-header-inner_1yc3p_44 {
+  ._content_hr7a5_37 ._content-header-inner_hr7a5_47 {
     padding-block-start: 2rem;
     padding-block-end: 0.5rem;
   }
-  ._sidebar_1yc3p_48 {
+  ._content-footer_hr7a5_51 {
+    grid-area: footer;
+    position: sticky;
+    display: flex;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-top: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
+    background-color: var(--background-color, #ffffff);
+    padding-block: 1.5rem;
+    padding-inline: 1rem;
+    box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
+  }
+  ._sidebar_hr7a5_64 {
     grid-area: sidebar;
     display: flex;
     flex-direction: row;
@@ -58,7 +74,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     position: relative;
     background-color: var(--background-color, #ffffff);
   }
-  ._sidebar_1yc3p_48 ._sidebar-inner_1yc3p_59 {
+  ._sidebar_hr7a5_64 ._sidebar-inner_hr7a5_75 {
     position: sticky;
     top: var(--offset, 0px);
     width: 100%;
@@ -71,7 +87,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     transition-behavior: allow-discrete;
     overflow-x: clip;
   }
-  ._sidebar_1yc3p_48 ._sidebar-inner_1yc3p_59 > div {
+  ._sidebar_hr7a5_64 ._sidebar-inner_hr7a5_75 > div {
     background-color: inherit;
     flex-direction: column;
     display: flex;
@@ -85,7 +101,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     bottom: 0;
     right: 0;
   }
-  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 {
+  ._sidebar_hr7a5_64 ._toggle-button-wrapper_hr7a5_102 {
     position: absolute;
     width: 0px;
     overflow: visible;
@@ -93,7 +109,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     right: 0;
     height: 100%;
   }
-  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 ._toggle-button-tooltip_1yc3p_94 {
+  ._sidebar_hr7a5_64 ._toggle-button-wrapper_hr7a5_102 ._toggle-button-tooltip_hr7a5_110 {
     position: sticky;
     top: calc(1.5rem + var(--offset, 0px));
     margin-left: -1rem;
@@ -101,7 +117,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     width: -moz-fit-content;
     width: fit-content;
   }
-  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86 {
+  ._sidebar_hr7a5_64 ._toggle-button-wrapper_hr7a5_102 ._toggle-button_hr7a5_102 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -109,16 +125,16 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     border-radius: 100%;
     border-color: var(--border-color-subdued, #dfe0e1);
   }
-  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86::before {
+  ._sidebar_hr7a5_64 ._toggle-button-wrapper_hr7a5_102 ._toggle-button_hr7a5_102::before {
     border-radius: inherit;
   }
-  ._sidebar-header_1yc3p_112 {
+  ._sidebar-header_hr7a5_128 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1rem;
   }
-  ._sidebar-adaptive-trigger-container_1yc3p_118 {
+  ._sidebar-adaptive-trigger-container_hr7a5_134 {
     padding: 0.5rem;
     background-color: var(--background-color, #ffffff);
     width: auto;
@@ -127,13 +143,13 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     z-index: 1;
     box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
   }
-  ._sidebar-adaptive-container_1yc3p_127 {
+  ._sidebar-adaptive-container_hr7a5_143 {
     overflow: auto;
   }
-  ._sidebar-adaptive-container_1yc3p_127 ._sidebar-adaptive_1yc3p_118 {
+  ._sidebar-adaptive-container_hr7a5_143 ._sidebar-adaptive_hr7a5_134 {
     padding: 0.5rem;
   }
-  ._panel_1yc3p_133 {
+  ._panel_hr7a5_149 {
     grid-area: panel;
     display: flex;
     flex-direction: column;
@@ -143,7 +159,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     width: -moz-available;
     width: stretch;
   }
-  ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
+  ._panel_hr7a5_149 ._panel-inner_hr7a5_157 {
     padding: 1rem;
     outline: none;
     width: 100%;
@@ -154,7 +170,7 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     transition-behavior: allow-discrete;
   }
-  ._virtual-scroll-container_1yc3p_152 {
+  ._virtual-scroll-container_hr7a5_168 {
     display: none;
     position: fixed;
     top: var(--offset, 0px);
@@ -163,85 +179,86 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     height: calc(100dvh - var(--offset, 0px));
     z-index: 1;
   }
-  ._header_1yc3p_161 {
+  ._header_hr7a5_177 {
     grid-area: header;
     flex: 0 0 auto;
   }
-  ._header_1yc3p_161 ._title-wrapper_1yc3p_165,
-  ._header_1yc3p_161 ._title_1yc3p_165 {
+  ._header_hr7a5_177 ._title-wrapper_hr7a5_181,
+  ._header_hr7a5_177 ._title_hr7a5_181 {
     display: inline;
   }
-  ._header_1yc3p_161 ._title_1yc3p_165 {
+  ._header_hr7a5_177 ._title_hr7a5_181 {
     margin-block-end: 0;
   }
-  ._header_1yc3p_161 ._preference-action_1yc3p_172 {
+  ._header_hr7a5_177 ._preference-action_hr7a5_188 {
     margin-inline-start: 0.5rem;
   }
-  ._header_1yc3p_161 ._chips_1yc3p_175 {
+  ._header_hr7a5_177 ._chips_hr7a5_191 {
     gap: 0.5rem;
     margin-block-start: 0.75rem;
   }
-  ._header_1yc3p_161 ._actions_1yc3p_179 {
+  ._header_hr7a5_177 ._actions_hr7a5_195 {
     flex-wrap: wrap;
     gap: 0.75rem;
   }
   @container content (max-width: 768px) {
-    ._header_1yc3p_161 ._actions_1yc3p_179 > * {
+    ._header_hr7a5_177 ._actions_hr7a5_195 > * {
       flex: 1 1 calc(50% - 0.75rem);
       min-width: min(100%, 200px);
     }
-    ._header_1yc3p_161 ._actions_1yc3p_179:has(button[class*=primary]) button[class*=primary] {
+    ._header_hr7a5_177 ._actions_hr7a5_195:has(button[class*=primary]) button[class*=primary] {
       order: -1;
     }
   }
-  ._header_1yc3p_161 ._description_1yc3p_192 {
+  ._header_hr7a5_177 ._description_hr7a5_208 {
     max-width: 80ch;
   }
 }
 @layer state {
   @container page (min-width: 1024px) {
-    ._page_1yc3p_1 ._container_1yc3p_17 {
-      grid-template-areas: "sidebar header panel" "sidebar content panel";
-      grid-template-rows: auto 1fr;
+    ._page_hr7a5_1 ._container_hr7a5_19 {
+      grid-template-areas: "sidebar header panel" "sidebar content panel" "sidebar footer panel";
+      grid-template-rows: auto 1fr auto;
       grid-template-columns: var(--first-col) var(--second-col) var(--third-col);
       --first-col: 16rem;
       --second-col: 1fr;
       --third-col: 0px;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:has(._panel_1yc3p_133._open_1yc3p_206._small_1yc3p_206) {
+    ._page_hr7a5_1 ._container_hr7a5_19:has(._panel_hr7a5_149._open_hr7a5_222._small_hr7a5_222) {
       --third-col: 16rem;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:has(._panel_1yc3p_133._open_1yc3p_206._medium_1yc3p_209) {
+    ._page_hr7a5_1 ._container_hr7a5_19:has(._panel_hr7a5_149._open_hr7a5_222._medium_hr7a5_225) {
       --third-col: 24rem;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:has(._panel_1yc3p_133._open_1yc3p_206._large_1yc3p_212) {
+    ._page_hr7a5_1 ._container_hr7a5_19:has(._panel_hr7a5_149._open_hr7a5_222._large_hr7a5_228) {
       --third-col: 30rem;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:has(._sidebar_1yc3p_48._collapsed_1yc3p_215) {
+    ._page_hr7a5_1 ._container_hr7a5_19:has(._sidebar_hr7a5_64._collapsed_hr7a5_231) {
       --first-col: 1.5rem;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) {
-      grid-template-areas: "header panel" "content panel";
+    ._page_hr7a5_1 ._container_hr7a5_19:not(:has(._sidebar_hr7a5_64)) {
+      grid-template-areas: "header panel" "content panel" "footer panel";
       grid-template-columns: 1fr var(--third-col);
       --first-col: 0px;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) > ._content_1yc3p_34, ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) > div:not(._panel_1yc3p_133) {
+    ._page_hr7a5_1 ._container_hr7a5_19:not(:has(._sidebar_hr7a5_64)) > ._content_hr7a5_37, ._page_hr7a5_1 ._container_hr7a5_19:not(:has(._sidebar_hr7a5_64)) > div:not(._panel_hr7a5_149, ._content-footer_hr7a5_51) {
       grid-column: 1;
       width: 100%;
     }
-    ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) > ._panel_1yc3p_133 {
+    ._page_hr7a5_1 ._container_hr7a5_19:not(:has(._sidebar_hr7a5_64)) > ._panel_hr7a5_149 {
       grid-column: 2;
     }
-    ._page_1yc3p_1 ._content_1yc3p_34 ._virtual-scroll-container_1yc3p_152 {
+    ._page_hr7a5_1 ._content_hr7a5_37 ._virtual-scroll-container_hr7a5_168 {
       display: block;
     }
-    ._page_1yc3p_1 ._sidebar_1yc3p_48 {
+    ._page_hr7a5_1 ._sidebar_hr7a5_64 {
+      grid-area: sidebar;
       padding: 0;
       background-color: var(--background-color, #ffffff);
       border-inline-end: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
       box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
     }
-    ._page_1yc3p_1 ._sidebar_1yc3p_48 ._sidebar-header_1yc3p_112 {
+    ._page_hr7a5_1 ._sidebar_hr7a5_64 ._sidebar-header_hr7a5_128 {
       background-color: var(--background-color, #ffffff);
       position: sticky;
       padding-block-start: 1.5rem;
@@ -253,46 +270,62 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
       margin-block-end: 0.25rem;
       z-index: 1;
     }
-    ._page_1yc3p_1 ._sidebar_1yc3p_48 ._sidebar-inner_1yc3p_59 > div {
+    ._page_hr7a5_1 ._sidebar_hr7a5_64 ._sidebar-inner_hr7a5_75 > div {
       scrollbar-gutter: stable;
       left: 0;
     }
+    ._page_hr7a5_1 ._content-footer_hr7a5_51 {
+      padding-inline: 2rem;
+    }
   }
-  ._sidebar_1yc3p_48._collapsed_1yc3p_215 ._sidebar-inner_1yc3p_59 {
+  @container page (min-width: 1024px) {
+    ._page_hr7a5_1 ._content-footer_hr7a5_51 {
+      padding-inline: 2.5rem;
+    }
+  }
+  @container page (min-width: 1280px) {
+    ._page_hr7a5_1 ._content-footer_hr7a5_51 {
+      padding-inline: 3rem;
+    }
+  }
+  ._sidebar_hr7a5_64._collapsed_hr7a5_231 ._sidebar-inner_hr7a5_75 {
     opacity: 0;
     display: none;
   }
   @container content (min-width: 768px) {
-    ._content_1yc3p_34 ._content-inner_1yc3p_39 {
+    ._content_hr7a5_37 ._content-inner_hr7a5_42 {
       padding-inline: 2rem;
     }
   }
   @container content (min-width: 1024px) {
-    ._content_1yc3p_34 ._content-inner_1yc3p_39 {
+    ._content_hr7a5_37 ._content-inner_hr7a5_42 {
       padding-inline: 2.5rem;
     }
   }
   @container content (min-width: 1280px) {
-    ._content_1yc3p_34 ._content-inner_1yc3p_39 {
+    ._content_hr7a5_37 ._content-inner_hr7a5_42 {
       padding-inline: 3rem;
     }
   }
   @container content (min-width: 768px) {
-    ._content_1yc3p_34 ~ ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
+    ._content_hr7a5_37 ~ ._panel_hr7a5_149 ._panel-inner_hr7a5_157 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 768px) {
-    ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
+    ._panel_hr7a5_149 {
+      grid-area: panel;
+    }
+    ._panel_hr7a5_149 ._panel-inner_hr7a5_157 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 1024px) {
-    ._panel_1yc3p_133 {
+    ._panel_hr7a5_149 {
       flex-direction: row;
       border-inline-start: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
     }
-    ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
+    ._panel_hr7a5_149 ._panel-inner_hr7a5_157 {
       position: sticky;
       top: 0;
       height: calc(100dvh - var(--offset, 0px));
@@ -301,51 +334,51 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
       scrollbar-gutter: stable;
       padding-right: 1.5rem;
     }
-    ._panel_1yc3p_133._small_1yc3p_206 ._panel-inner_1yc3p_141 {
+    ._panel_hr7a5_149._small_hr7a5_222 ._panel-inner_hr7a5_157 {
       min-width: 16rem;
     }
-    ._panel_1yc3p_133._medium_1yc3p_209 ._panel-inner_1yc3p_141 {
+    ._panel_hr7a5_149._medium_hr7a5_225 ._panel-inner_hr7a5_157 {
       min-width: 24rem;
     }
-    ._panel_1yc3p_133._large_1yc3p_212 ._panel-inner_1yc3p_141 {
+    ._panel_hr7a5_149._large_hr7a5_228 ._panel-inner_hr7a5_157 {
       min-width: 30rem;
     }
   }
-  ._panel_1yc3p_133._noPadding_1yc3p_309 ._panel-inner_1yc3p_141 {
+  ._panel_hr7a5_149._noPadding_hr7a5_342 ._panel-inner_hr7a5_157 {
     padding: 0;
   }
-  ._panel_1yc3p_133:not(._open_1yc3p_206) ._panel-inner_1yc3p_141 {
+  ._panel_hr7a5_149:not(._open_hr7a5_222) ._panel-inner_hr7a5_157 {
     overflow: clip;
     display: none;
     opacity: 0;
   }
   @starting-style {
-    ._sidebar_1yc3p_48._collapsed_1yc3p_215 ._sidebar-inner_1yc3p_59 {
+    ._sidebar_hr7a5_64._collapsed_hr7a5_231 ._sidebar-inner_hr7a5_75 {
       opacity: 0;
       display: none;
     }
-    ._panel_1yc3p_133:not(._open_1yc3p_206) ._panel-inner_1yc3p_141 {
+    ._panel_hr7a5_149:not(._open_hr7a5_222) ._panel-inner_hr7a5_157 {
       opacity: 0;
       display: none;
     }
   }
 }
 @layer application {
-  ._sidebar-adaptive-trigger_1yc3p_118 {
+  ._sidebar-adaptive-trigger_hr7a5_134 {
     color: var(--foreground-color, #141414);
     background-color: var(--background-color-stronger, #eeeeee);
     justify-content: start;
     width: 100%;
   }
-  ._sidebar-adaptive-trigger_1yc3p_118 ._sidebar-adaptive-trigger-icon_1yc3p_335 {
+  ._sidebar-adaptive-trigger_hr7a5_134 ._sidebar-adaptive-trigger-icon_hr7a5_368 {
     flex-grow: 1;
   }
-  ._sidebar-adaptive-container_1yc3p_127 > div {
+  ._sidebar-adaptive-container_hr7a5_143 > div {
     height: -webkit-fill-available;
     height: -moz-available;
     height: stretch;
   }
-  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86 {
+  ._toggle-button-wrapper_hr7a5_102 ._toggle-button_hr7a5_102 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -354,19 +387,19 @@ html:has(._page_1yc3p_1)::-webkit-scrollbar {
     border-color: var(--border-color-subdued, #dfe0e1);
     --button-background-color: var(--background-color, #ffffff);
   }
-  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86::before {
+  ._toggle-button-wrapper_hr7a5_102 ._toggle-button_hr7a5_102::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: inherit;
   }
-  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86:hover::before {
+  ._toggle-button-wrapper_hr7a5_102 ._toggle-button_hr7a5_102:hover::before {
     background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86:active::before {
+  ._toggle-button-wrapper_hr7a5_102 ._toggle-button_hr7a5_102:active::before {
     background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
   }
-  ._header_1yc3p_161 ._layout_1yc3p_362 {
+  ._header_hr7a5_177 ._layout_hr7a5_395 {
     gap: 1rem;
   }
 }

package/dist/Page.js

@@ -1,2 +1,2 @@
-export { P as Page, e as PageContent, d as PageHeader, c as PagePanel, a as PageSidebar, b as PageSidebarHeader, P as default } from './Page-BGkLs3bR.js';
+export { P as Page, e as PageContent, d as PageHeader, c as PagePanel, a as PageSidebar, b as PageSidebarHeader, P as default } from './Page-qlpHVAMH.js';
 //# sourceMappingURL=Page.js.map

package/dist/{Popover-DzEc_Muv.js → Popover-B7K3o_l4.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useTrackingId } from './useTrackingId.js';
-import { P as PopoverTrigger$1, a as PopoverContent$1, b as PopoverClose$1, c as PopoverButton$1, d as Popover$1 } from './Popover-QKZtjN4_-CETYlWwq.js';
+import { P as PopoverTrigger$1, a as PopoverContent$1, b as PopoverClose$1, c as PopoverButton$1, d as Popover$1 } from './Popover-C1B3UJXp-B5obSIvA.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
 
 const PopoverElement = (props) => {
@@ -53,4 +53,4 @@ const Popover = Object.assign(PopoverElement, {
 });
 
 export { Popover as P, PopoverTrigger as a, PopoverContent as b, PopoverClose as c, PopoverButton as d };
-//# sourceMappingURL=Popover-DzEc_Muv.js.map
+//# sourceMappingURL=Popover-B7K3o_l4.js.map

package/dist/{Popover-DzEc_Muv.js.map → Popover-B7K3o_l4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-DzEc_Muv.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\n\nconst PopoverElement = (props: PopoverProps) => {\n  return <CorePopover {...props} />;\n};\n\nexport function PopoverTrigger(props: PopoverTriggerProps) {\n  return <CorePopoverTrigger {...props} />;\n}\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  },\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["CorePopover","CorePopoverTrigger","CorePopoverContent","CorePopoverClose","CorePopoverButton"],"mappings":";;;;;;AAuBA,MAAM,cAAA,GAAiB,CAAC,KAAwB,KAAA;AAC9C,EAAO,uBAAA,GAAA,CAACA,SAAa,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACjC,CAAA;AAEO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAO,uBAAA,GAAA,CAACC,gBAAoB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACxC;AAEO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAA6B,KAAA;AACxD,IAAA,uBAAQ,GAAA,CAAAC,gBAAA,EAAA,EAAmB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEpD;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAgC,KAAA;AACzD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAgC,KAAA;AAC1D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,eAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,eAAkB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG5E;AAIa,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,cAAgB,EAAA;AAAA,EACnD,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,KAAO,EAAA,YAAA;AAAA,EACP,MAAQ,EAAA;AACV,CAAC;;;;"}
+{"version":3,"file":"Popover-B7K3o_l4.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\n\nconst PopoverElement = (props: PopoverProps) => {\n  return <CorePopover {...props} />;\n};\n\nexport function PopoverTrigger(props: PopoverTriggerProps) {\n  return <CorePopoverTrigger {...props} />;\n}\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  },\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["CorePopover","CorePopoverTrigger","CorePopoverContent","CorePopoverClose","CorePopoverButton"],"mappings":";;;;;;AAuBA,MAAM,cAAA,GAAiB,CAAC,KAAwB,KAAA;AAC9C,EAAO,uBAAA,GAAA,CAACA,SAAa,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACjC,CAAA;AAEO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAO,uBAAA,GAAA,CAACC,gBAAoB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACxC;AAEO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAA6B,KAAA;AACxD,IAAA,uBAAQ,GAAA,CAAAC,gBAAA,EAAA,EAAmB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEpD;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAgC,KAAA;AACzD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAgC,KAAA;AAC1D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,eAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,eAAkB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG5E;AAIa,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,cAAgB,EAAA;AAAA,EACnD,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,KAAO,EAAA,YAAA;AAAA,EACP,MAAQ,EAAA;AACV,CAAC;;;;"}