@servicetitan/anvil2 1.42.2 → 1.43.0

package/dist/Page.css

@@ -1,15 +1,15 @@
 @layer starter, reset, base, state, application;
 
-html:has(._page_e0zkf_1)::-webkit-scrollbar {
+html:has(._page_1tte7_1)::-webkit-scrollbar {
   display: none;
 }
 
-._content-footer_e0zkf_5 {
+._content-footer_1tte7_5 {
   all: revert-layer;
 }
 
 @layer base {
-  ._page_e0zkf_1 {
+  ._page_1tte7_1 {
     margin: 0;
     padding: 0;
     border-style: none;
@@ -22,7 +22,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     display: flex;
     flex-direction: column;
   }
-  ._page_e0zkf_1 ._container_e0zkf_23 {
+  ._page_1tte7_1 ._container_1tte7_23 {
     display: grid;
     flex-grow: 1;
     grid-template-areas: "sidebar" "header" "content" "panel" "footer";
@@ -40,21 +40,21 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     overflow-x: clip;
     transition: 300ms cubic-bezier(0.4, 0, 0.6, 1);
   }
-  ._content_e0zkf_5 {
+  ._content_1tte7_5 {
     grid-area: content;
     container: content/inline-size;
     display: flex;
   }
-  ._content_e0zkf_5 ._content-inner_e0zkf_46 {
+  ._content_1tte7_5 ._content-inner_1tte7_46 {
     padding-block: 1.5rem;
     padding-inline: 1rem;
     flex-basis: 100%;
   }
-  ._content_e0zkf_5 ._content-header-inner_e0zkf_51 {
+  ._content_1tte7_5 ._content-header-inner_1tte7_51 {
     padding-block-start: 2rem;
     padding-block-end: 0.5rem;
   }
-  ._content-footer_e0zkf_5 {
+  ._content-footer_1tte7_5 {
     grid-area: footer;
     position: sticky;
     display: flex;
@@ -67,7 +67,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     padding-inline: 1rem;
     box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
   }
-  ._sidebar_e0zkf_68 {
+  ._sidebar_1tte7_68 {
     grid-area: sidebar;
     display: flex;
     flex-direction: row;
@@ -78,7 +78,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     position: relative;
     background-color: var(--background-color, #ffffff);
   }
-  ._sidebar_e0zkf_68 ._sidebar-inner_e0zkf_79 {
+  ._sidebar_1tte7_68 ._sidebar-inner_1tte7_79 {
     position: sticky;
     top: var(--offset, 0px);
     width: 100%;
@@ -91,7 +91,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     transition-behavior: allow-discrete;
     overflow-x: clip;
   }
-  ._sidebar_e0zkf_68 ._sidebar-inner_e0zkf_79 > div {
+  ._sidebar_1tte7_68 ._sidebar-inner_1tte7_79 > div {
     background-color: inherit;
     flex-direction: column;
     display: flex;
@@ -105,7 +105,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     bottom: 0;
     right: 0;
   }
-  ._sidebar_e0zkf_68 ._toggle-button-wrapper_e0zkf_106 {
+  ._sidebar_1tte7_68 ._toggle-button-wrapper_1tte7_106 {
     position: absolute;
     width: 0px;
     overflow: visible;
@@ -113,7 +113,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     right: 0;
     height: 100%;
   }
-  ._sidebar_e0zkf_68 ._toggle-button-wrapper_e0zkf_106 ._toggle-button-tooltip_e0zkf_114 {
+  ._sidebar_1tte7_68 ._toggle-button-wrapper_1tte7_106 ._toggle-button-tooltip_1tte7_114 {
     position: sticky;
     top: calc(1.5rem + var(--offset, 0px));
     margin-left: -1rem;
@@ -121,7 +121,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     width: -moz-fit-content;
     width: fit-content;
   }
-  ._sidebar_e0zkf_68 ._toggle-button-wrapper_e0zkf_106 ._toggle-button_e0zkf_106 {
+  ._sidebar_1tte7_68 ._toggle-button-wrapper_1tte7_106 ._toggle-button_1tte7_106 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -129,16 +129,16 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     border-radius: 100%;
     border-color: var(--border-color-subdued, #dfe0e1);
   }
-  ._sidebar_e0zkf_68 ._toggle-button-wrapper_e0zkf_106 ._toggle-button_e0zkf_106::before {
+  ._sidebar_1tte7_68 ._toggle-button-wrapper_1tte7_106 ._toggle-button_1tte7_106::before {
     border-radius: inherit;
   }
-  ._sidebar-header_e0zkf_132 {
+  ._sidebar-header_1tte7_132 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1rem;
   }
-  ._sidebar-adaptive-trigger-container_e0zkf_138 {
+  ._sidebar-adaptive-trigger-container_1tte7_138 {
     padding: 0.5rem;
     background-color: var(--background-color, #ffffff);
     width: auto;
@@ -147,13 +147,13 @@ html:has(._page_e0zkf_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_e0zkf_147 {
+  ._sidebar-adaptive-container_1tte7_147 {
     overflow: auto;
   }
-  ._sidebar-adaptive-container_e0zkf_147 ._sidebar-adaptive_e0zkf_138 {
+  ._sidebar-adaptive-container_1tte7_147 ._sidebar-adaptive_1tte7_138 {
     padding: 0.5rem;
   }
-  ._panel_e0zkf_153 {
+  ._panel_1tte7_153 {
     grid-area: panel;
     display: flex;
     flex-direction: column;
@@ -163,7 +163,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     width: -moz-available;
     width: stretch;
   }
-  ._panel_e0zkf_153 ._panel-inner_e0zkf_161 {
+  ._panel_1tte7_153 ._panel-inner_1tte7_161 {
     padding: 1rem;
     outline: none;
     width: 100%;
@@ -174,7 +174,7 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     transition-behavior: allow-discrete;
   }
-  ._virtual-scroll-container_e0zkf_172 {
+  ._virtual-scroll-container_1tte7_172 {
     display: none;
     position: fixed;
     top: var(--offset, 0px);
@@ -183,44 +183,44 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     height: calc(100dvh - var(--offset, 0px));
     z-index: 1;
   }
-  ._header_e0zkf_181 {
+  ._header_1tte7_181 {
     grid-area: header;
     flex: 0 0 auto;
   }
-  ._header_e0zkf_181 ._title-wrapper_e0zkf_185,
-  ._header_e0zkf_181 ._title_e0zkf_185 {
+  ._header_1tte7_181 ._title-wrapper_1tte7_185,
+  ._header_1tte7_181 ._title_1tte7_185 {
     display: inline;
   }
-  ._header_e0zkf_181 ._title_e0zkf_185 {
+  ._header_1tte7_181 ._title_1tte7_185 {
     margin-block-end: 0;
   }
-  ._header_e0zkf_181 ._preference-action_e0zkf_192 {
+  ._header_1tte7_181 ._preference-action_1tte7_192 {
     margin-inline-start: 0.5rem;
   }
-  ._header_e0zkf_181 ._chips_e0zkf_195 {
+  ._header_1tte7_181 ._chips_1tte7_195 {
     gap: 0.5rem;
     margin-block-start: 0.75rem;
   }
-  ._header_e0zkf_181 ._actions_e0zkf_199 {
+  ._header_1tte7_181 ._actions_1tte7_199 {
     flex-wrap: wrap;
     gap: 0.75rem;
   }
   @container content (max-width: 768px) {
-    ._header_e0zkf_181 ._actions_e0zkf_199 > * {
+    ._header_1tte7_181 ._actions_1tte7_199 > * {
       flex: 1 1 calc(50% - 0.75rem);
       min-width: min(100%, 200px);
     }
-    ._header_e0zkf_181 ._actions_e0zkf_199:has(button[class*=primary]) button[class*=primary] {
+    ._header_1tte7_181 ._actions_1tte7_199:has(button[class*=primary]) button[class*=primary] {
       order: -1;
     }
   }
-  ._header_e0zkf_181 ._description_e0zkf_212 {
+  ._header_1tte7_181 ._description_1tte7_212 {
     max-width: 80ch;
   }
 }
 @layer state {
   @container page (min-width: 1024px) {
-    ._page_e0zkf_1 ._container_e0zkf_23 {
+    ._page_1tte7_1 ._container_1tte7_23 {
       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);
@@ -228,41 +228,41 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
       --second-col: 1fr;
       --third-col: 0px;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:has(._panel_e0zkf_153._open_e0zkf_226._small_e0zkf_226) {
+    ._page_1tte7_1 ._container_1tte7_23:has(._panel_1tte7_153._open_1tte7_226._small_1tte7_226) {
       --third-col: 16rem;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:has(._panel_e0zkf_153._open_e0zkf_226._medium_e0zkf_229) {
+    ._page_1tte7_1 ._container_1tte7_23:has(._panel_1tte7_153._open_1tte7_226._medium_1tte7_229) {
       --third-col: 24rem;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:has(._panel_e0zkf_153._open_e0zkf_226._large_e0zkf_232) {
+    ._page_1tte7_1 ._container_1tte7_23:has(._panel_1tte7_153._open_1tte7_226._large_1tte7_232) {
       --third-col: 30rem;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:has(._sidebar_e0zkf_68._collapsed_e0zkf_235) {
+    ._page_1tte7_1 ._container_1tte7_23:has(._sidebar_1tte7_68._collapsed_1tte7_235) {
       --first-col: 1.5rem;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:not(:has(._sidebar_e0zkf_68)) {
+    ._page_1tte7_1 ._container_1tte7_23:not(:has(._sidebar_1tte7_68)) {
       grid-template-areas: "header panel" "content panel" "footer panel";
       grid-template-columns: 1fr var(--third-col);
       --first-col: 0px;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:not(:has(._sidebar_e0zkf_68)) > ._content_e0zkf_5, ._page_e0zkf_1 ._container_e0zkf_23:not(:has(._sidebar_e0zkf_68)) > div:not(._panel_e0zkf_153, ._content-footer_e0zkf_5) {
+    ._page_1tte7_1 ._container_1tte7_23:not(:has(._sidebar_1tte7_68)) > ._content_1tte7_5, ._page_1tte7_1 ._container_1tte7_23:not(:has(._sidebar_1tte7_68)) > div:not(._panel_1tte7_153, ._content-footer_1tte7_5) {
       grid-column: 1;
       width: 100%;
     }
-    ._page_e0zkf_1 ._container_e0zkf_23:not(:has(._sidebar_e0zkf_68)) > ._panel_e0zkf_153 {
+    ._page_1tte7_1 ._container_1tte7_23:not(:has(._sidebar_1tte7_68)) > ._panel_1tte7_153 {
       grid-column: 2;
     }
-    ._page_e0zkf_1 ._content_e0zkf_5 ._virtual-scroll-container_e0zkf_172 {
+    ._page_1tte7_1 ._content_1tte7_5 ._virtual-scroll-container_1tte7_172 {
       display: block;
     }
-    ._page_e0zkf_1 ._sidebar_e0zkf_68 {
+    ._page_1tte7_1 ._sidebar_1tte7_68 {
       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_e0zkf_1 ._sidebar_e0zkf_68 ._sidebar-header_e0zkf_132 {
+    ._page_1tte7_1 ._sidebar_1tte7_68 ._sidebar-header_1tte7_132 {
       background-color: var(--background-color, #ffffff);
       position: sticky;
       padding-block-start: 1.5rem;
@@ -274,115 +274,115 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
       margin-block-end: 0.25rem;
       z-index: 1;
     }
-    ._page_e0zkf_1 ._sidebar_e0zkf_68 ._sidebar-inner_e0zkf_79 > div {
+    ._page_1tte7_1 ._sidebar_1tte7_68 ._sidebar-inner_1tte7_79 > div {
       scrollbar-gutter: stable;
       left: 0;
     }
-    ._page_e0zkf_1 ._content-footer_e0zkf_5 {
+    ._page_1tte7_1 ._content-footer_1tte7_5 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 1024px) {
-    ._page_e0zkf_1 ._content-footer_e0zkf_5 {
+    ._page_1tte7_1 ._content-footer_1tte7_5 {
       padding-inline: 2.5rem;
     }
   }
   @container page (min-width: 1280px) {
-    ._page_e0zkf_1 ._content-footer_e0zkf_5 {
+    ._page_1tte7_1 ._content-footer_1tte7_5 {
       padding-inline: 3rem;
     }
   }
-  ._sidebar_e0zkf_68._collapsed_e0zkf_235 ._sidebar-inner_e0zkf_79 {
+  ._sidebar_1tte7_68._collapsed_1tte7_235 ._sidebar-inner_1tte7_79 {
     opacity: 0;
     display: none;
   }
   @container content (min-width: 768px) {
-    ._content_e0zkf_5 ._content-inner_e0zkf_46 {
+    ._content_1tte7_5 ._content-inner_1tte7_46 {
       padding-inline: 2rem;
     }
   }
   @container content (min-width: 1024px) {
-    ._content_e0zkf_5 ._content-inner_e0zkf_46 {
+    ._content_1tte7_5 ._content-inner_1tte7_46 {
       padding-inline: 2.5rem;
     }
   }
   @container content (min-width: 1280px) {
-    ._content_e0zkf_5 ._content-inner_e0zkf_46 {
+    ._content_1tte7_5 ._content-inner_1tte7_46 {
       padding-inline: 3rem;
     }
   }
   @container content (min-width: 768px) {
-    ._content_e0zkf_5 ~ ._panel_e0zkf_153 ._panel-inner_e0zkf_161 {
+    ._content_1tte7_5 ~ ._panel_1tte7_153 ._panel-inner_1tte7_161 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 768px) {
-    ._panel_e0zkf_153 {
+    ._panel_1tte7_153 {
       grid-area: panel;
     }
-    ._panel_e0zkf_153 ._panel-inner_e0zkf_161 {
+    ._panel_1tte7_153 ._panel-inner_1tte7_161 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 1024px) {
-    ._panel_e0zkf_153 {
+    ._panel_1tte7_153 {
       flex-direction: row;
       border-inline-start: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
     }
-    ._panel_e0zkf_153 ._panel-inner_e0zkf_161 {
+    ._panel_1tte7_153 ._panel-inner_1tte7_161 {
       position: sticky;
-      top: 0;
+      top: var(--offset, 0px);
       height: calc(100dvh - var(--offset, 0px));
       overflow-y: auto;
       padding: 1.5rem 1rem;
       scrollbar-gutter: stable;
       padding-right: 1.5rem;
     }
-    ._panel_e0zkf_153._small_e0zkf_226 ._panel-inner_e0zkf_161 {
+    ._panel_1tte7_153._small_1tte7_226 ._panel-inner_1tte7_161 {
       min-width: 16rem;
     }
-    ._panel_e0zkf_153._medium_e0zkf_229 ._panel-inner_e0zkf_161 {
+    ._panel_1tte7_153._medium_1tte7_229 ._panel-inner_1tte7_161 {
       min-width: 24rem;
     }
-    ._panel_e0zkf_153._large_e0zkf_232 ._panel-inner_e0zkf_161 {
+    ._panel_1tte7_153._large_1tte7_232 ._panel-inner_1tte7_161 {
       min-width: 30rem;
     }
   }
-  ._panel_e0zkf_153._noPadding_e0zkf_346 ._panel-inner_e0zkf_161 {
+  ._panel_1tte7_153._noPadding_1tte7_346 ._panel-inner_1tte7_161 {
     padding: 0;
   }
-  ._panel_e0zkf_153:not(._open_e0zkf_226) ._panel-inner_e0zkf_161 {
+  ._panel_1tte7_153:not(._open_1tte7_226) ._panel-inner_1tte7_161 {
     overflow: clip;
     display: none;
     opacity: 0;
   }
   @starting-style {
-    ._sidebar_e0zkf_68._collapsed_e0zkf_235 ._sidebar-inner_e0zkf_79 {
+    ._sidebar_1tte7_68._collapsed_1tte7_235 ._sidebar-inner_1tte7_79 {
       opacity: 0;
       display: none;
     }
-    ._panel_e0zkf_153:not(._open_e0zkf_226) ._panel-inner_e0zkf_161 {
+    ._panel_1tte7_153:not(._open_1tte7_226) ._panel-inner_1tte7_161 {
       opacity: 0;
       display: none;
     }
   }
 }
 @layer application {
-  ._sidebar-adaptive-trigger_e0zkf_138 {
+  ._sidebar-adaptive-trigger_1tte7_138 {
     color: var(--foreground-color, #141414);
     background-color: var(--background-color-stronger, #eeeeee);
     justify-content: start;
     width: 100%;
   }
-  ._sidebar-adaptive-trigger_e0zkf_138 ._sidebar-adaptive-trigger-icon_e0zkf_372 {
+  ._sidebar-adaptive-trigger_1tte7_138 ._sidebar-adaptive-trigger-icon_1tte7_372 {
     flex-grow: 1;
   }
-  ._sidebar-adaptive-container_e0zkf_147 > div {
+  ._sidebar-adaptive-container_1tte7_147 > div {
     height: -webkit-fill-available;
     height: -moz-available;
     height: stretch;
   }
-  ._toggle-button-wrapper_e0zkf_106 ._toggle-button_e0zkf_106 {
+  ._toggle-button-wrapper_1tte7_106 ._toggle-button_1tte7_106 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -391,19 +391,19 @@ html:has(._page_e0zkf_1)::-webkit-scrollbar {
     border-color: var(--border-color-subdued, #dfe0e1);
     --button-background-color: var(--background-color, #ffffff);
   }
-  ._toggle-button-wrapper_e0zkf_106 ._toggle-button_e0zkf_106::before {
+  ._toggle-button-wrapper_1tte7_106 ._toggle-button_1tte7_106::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: inherit;
   }
-  ._toggle-button-wrapper_e0zkf_106 ._toggle-button_e0zkf_106:hover::before {
+  ._toggle-button-wrapper_1tte7_106 ._toggle-button_1tte7_106:hover::before {
     background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._toggle-button-wrapper_e0zkf_106 ._toggle-button_e0zkf_106:active::before {
+  ._toggle-button-wrapper_1tte7_106 ._toggle-button_1tte7_106:active::before {
     background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
   }
-  ._header_e0zkf_181 ._layout_e0zkf_399 {
+  ._header_1tte7_181 ._layout_1tte7_399 {
     gap: 1rem;
   }
 }

package/dist/Page.js

@@ -1,2 +1,2 @@
-export { P as Page, P as default } from './Page-KN0DLtcf.js';
+export { P as Page, P as default } from './Page-CxB5N9dR.js';
 //# sourceMappingURL=Page.js.map

package/dist/{Popover-B1HaUjGI.js → Popover-BPiqdyu1.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-CU2cGVD8-FWJOuFRj.js';
+import { a as PopoverTrigger$1, b as PopoverContent$1, c as PopoverClose$1, d as PopoverButton$1, P as Popover$1 } from './Popover-CU2cGVD8-Casl3vM1.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
 
 const PopoverElement = (props) => {
@@ -132,4 +132,4 @@ const Popover = Object.assign(PopoverElement, {
 });
 
 export { Popover as P, PopoverTrigger as a, PopoverContent as b, PopoverClose as c, PopoverButton as d };
-//# sourceMappingURL=Popover-B1HaUjGI.js.map
+//# sourceMappingURL=Popover-BPiqdyu1.js.map

package/dist/{Popover-B1HaUjGI.js.map → Popover-BPiqdyu1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-B1HaUjGI.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\n/**\n * Props for the Popover component\n * @property {ReactNode} [children] - The content to be rendered inside the popover\n * @property {string} [id] - Unique identifier for the popover\n * @property {boolean} [modal] - Whether the popover should be modal (traps focus)\n * @property {boolean} [openOnHover] - Changes interaction to use hover instead of click\n * @property {boolean} [fillAvailableHeight] - Changes height and positioning for select/combobox\n * @property {number | string} [maxHeight] - Maximum height of the popover content\n * @property {boolean} [fitScreen] - Whether the popover should fit within the screen bounds\n * @property {number | string} [minHeight] - Minimum height of the popover content\n * @property {boolean} [matchReferenceWidth] - Whether the popover width should match the trigger element\n * @property {boolean} [fixedWidth] - Whether the popover should have a fixed width\n * @property {string} [placement] - Placement of the popover relative to the trigger\n * @property {boolean} [open] - Controlled open state\n * @property {boolean} [defaultOpen] - Default open state for uncontrolled mode\n * @property {Function} [onOpenChange] - Callback when open state changes\n * @property {Function} [onOutsidePress] - Callback when clicking outside the popover\n * @property {Function} [onClose] - Fires when the floating element is requested to be closed\n * @property {boolean} [disableCaret] - Whether to disable the caret/arrow indicator\n * @property {boolean} [noPadding] - Whether to remove default padding from content\n * @property {boolean} [disableAutoUpdate] - Whether to disable automatic position updates\n * @property {boolean} [disableTriggerFocus] - Whether to disable focus on the trigger element\n * @property {number} [delay] - Delay before opening the popover (for hover mode)\n * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on outside click\n * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key\n */\nexport type PopoverProps = CorePopoverProps;\n\n/**\n * Props for the PopoverTrigger component\n * @property {Function} children - Render function that receives trigger props and returns a React element\n */\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\n\n/**\n * Props for the PopoverContent component\n * @property {ReactNode} [children] - The content to be displayed in the popover\n * @property {RefObject<HTMLDivElement>} [scrollerRef] - Reference to the scrollable content area\n */\nexport type PopoverContentProps = CorePopoverContentProps;\n\n/**\n * Props for the PopoverClose component\n * @property {ReactNode} [children] - The close button content\n * @property {string} [appearance] - The button appearance\n * @property {string} [size] - The button size\n * @property {string} [type] - The button type\n * @property {Function} [onClick] - Click handler for the close button\n */\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\n\n/**\n * Props for the PopoverButton component\n * @property {ReactNode} [children] - The button content\n * @property {string} [appearance] - The button appearance\n * @property {string} [icon] - The button icon\n * @property {string} [size] - The button size\n * @property {string} [type] - The button type\n * @property {Function} [onClick] - Click handler for the button\n */\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\n\nconst PopoverElement = (props: PopoverProps) => {\n  return <CorePopover {...props} />;\n};\n\n/**\n * PopoverTrigger component for creating custom trigger elements.\n *\n * Features:\n * - Supports custom trigger elements via render prop pattern\n * - Automatic focus management and keyboard interaction\n * - Hover and click event handling\n * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Trigger>\n *     {(props) => (\n *       <button {...props}>\n *         Click to open popover\n *       </button>\n *     )}\n *   </Popover.Trigger>\n *   <Popover.Content>\n *     <p>Content here</p>\n *   </Popover.Content>\n * </Popover>\n */\nexport function PopoverTrigger(props: PopoverTriggerProps) {\n  return <CorePopoverTrigger {...props} />;\n}\n\n/**\n * PopoverContent component for the main popover content area.\n *\n * Features:\n * - Automatic positioning and sizing based on trigger\n * - Screen boundary detection and fitting\n * - Scroll handling with custom scroller reference\n * - Focus management and keyboard navigation\n * - Hover interaction support for tooltip mode\n * - Escape key handling for closing\n * - Tab key trapping for modal popovers\n * - Arrow/caret indicator with automatic positioning\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Accessibility support with proper ARIA roles\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>This is the popover content</p>\n *     <Popover.Close>Close</Popover.Close>\n *   </Popover.Content>\n * </Popover>\n */\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  },\n);\nPopoverContent.displayName = CorePopoverContent.displayName;\n\n/**\n * PopoverClose component for closing the popover.\n *\n * Features:\n * - Automatic popover closing on click\n * - Supports all Button component props and styling\n * - Controlled and uncontrolled mode support\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Accessibility support with proper button semantics\n * - Delayed closing for controlled mode\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>Content here</p>\n *     <Popover.Close>Close</Popover.Close>\n *   </Popover.Content>\n * </Popover>\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);\nPopoverClose.displayName = CorePopoverClose.displayName;\n\n/**\n * PopoverButton component for creating button-style triggers.\n *\n * Features:\n * - Button styling and behavior with all Button props\n * - Automatic popover opening on click\n * - Hover interaction support for tooltip mode\n * - Focus management and keyboard navigation\n * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Event handling for mouse, keyboard, and focus events\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>Content here</p>\n *   </Popover.Content>\n * </Popover>\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);\nPopoverButton.displayName = CorePopoverButton.displayName;\n\n// export const usePopoverContext = useCorePopoverContext;\n\n/**\n * Popover component for displaying floating content relative to a trigger element.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Automatic positioning with fallback strategies\n * - Hover and click interaction modes\n * - Modal and non-modal variants\n * - Custom trigger elements\n * - Automatic height and width management\n * - Screen boundary detection and fitting\n * - Keyboard navigation and accessibility\n * - Popover API support with legacy fallback\n * - Outside click detection and handling\n * - Focus management and trapping\n * - Arrow/caret indicators\n * - Delay support for hover interactions\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>This is the popover content</p>\n *     <Popover.Close>Close</Popover.Close>\n *   </Popover.Content>\n * </Popover>\n *\n * @example\n * <Popover openOnHover delay={1000}>\n *   <Popover.Button>Hover to open</Popover.Button>\n *   <Popover.Content>Tooltip content</Popover.Content>\n * </Popover>\n *\n * @example\n * <Popover modal>\n *   <Popover.Trigger>\n *     {(props) => <button {...props}>Custom trigger</button>}\n *   </Popover.Trigger>\n *   <Popover.Content>\n *     <TextField label=\"Form field\" />\n *     <Popover.Close>Done</Popover.Close>\n *   </Popover.Content>\n * </Popover>\n */\nexport const Popover = Object.assign(PopoverElement, {\n  /**\n   * PopoverTrigger component for creating custom trigger elements.\n   *\n   * Features:\n   * - Supports custom trigger elements via render prop pattern\n   * - Automatic focus management and keyboard interaction\n   * - Hover and click event handling\n   * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Popover.Trigger>\n   *   {(props) => (\n   *     <button {...props}>\n   *       Click to open popover\n   *     </button>\n   *   )}\n   * </Popover.Trigger>\n   */\n  Trigger: PopoverTrigger,\n  /**\n   * PopoverContent component for the main popover content area.\n   *\n   * Features:\n   * - Automatic positioning and sizing based on trigger\n   * - Screen boundary detection and fitting\n   * - Scroll handling with custom scroller reference\n   * - Focus management and keyboard navigation\n   * - Hover interaction support for tooltip mode\n   * - Escape key handling for closing\n   * - Tab key trapping for modal popovers\n   * - Arrow/caret indicator with automatic positioning\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Accessibility support with proper ARIA roles\n   *\n   * @example\n   * <Popover.Content>\n   *   <p>This is the popover content</p>\n   *   <Popover.Close>Close</Popover.Close>\n   * </Popover.Content>\n   */\n  Content: PopoverContent,\n  /**\n   * PopoverClose component for closing the popover.\n   *\n   * Features:\n   * - Automatic popover closing on click\n   * - Supports all Button component props and styling\n   * - Controlled and uncontrolled mode support\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Accessibility support with proper button semantics\n   * - Delayed closing for controlled mode\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Popover.Close>Close</Popover.Close>\n   */\n  Close: PopoverClose,\n  /**\n   * PopoverButton component for creating button-style triggers.\n   *\n   * Features:\n   * - Button styling and behavior with all Button props\n   * - Automatic popover opening on click\n   * - Hover interaction support for tooltip mode\n   * - Focus management and keyboard navigation\n   * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Event handling for mouse, keyboard, and focus events\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Popover.Button>Click to open</Popover.Button>\n   */\n  Button: PopoverButton,\n});\n"],"names":["CorePopover","CorePopoverTrigger","CorePopoverContent","CorePopoverClose","CorePopoverButton"],"mappings":";;;;;;AA+EA,MAAM,cAAA,GAAiB,CAAC,KAAwB,KAAA;AAC9C,EAAO,uBAAA,GAAA,CAACA,SAAa,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACjC,CAAA;AA4BO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAO,uBAAA,GAAA,CAACC,gBAAoB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACxC;AA2BO,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;AACA,cAAA,CAAe,cAAcA,gBAAmB,CAAA,WAAA;AAwBzC,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;AACA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;AAwBrC,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;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AAiDjC,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,cAAgB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBnD,OAAS,EAAA,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBT,OAAS,EAAA,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBT,KAAO,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBP,MAAQ,EAAA;AACV,CAAC;;;;"}
+{"version":3,"file":"Popover-BPiqdyu1.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\n/**\n * Props for the Popover component\n * @property {ReactNode} [children] - The content to be rendered inside the popover\n * @property {string} [id] - Unique identifier for the popover\n * @property {boolean} [modal] - Whether the popover should be modal (traps focus)\n * @property {boolean} [openOnHover] - Changes interaction to use hover instead of click\n * @property {boolean} [fillAvailableHeight] - Changes height and positioning for select/combobox\n * @property {number | string} [maxHeight] - Maximum height of the popover content\n * @property {boolean} [fitScreen] - Whether the popover should fit within the screen bounds\n * @property {number | string} [minHeight] - Minimum height of the popover content\n * @property {boolean} [matchReferenceWidth] - Whether the popover width should match the trigger element\n * @property {boolean} [fixedWidth] - Whether the popover should have a fixed width\n * @property {string} [placement] - Placement of the popover relative to the trigger\n * @property {boolean} [open] - Controlled open state\n * @property {boolean} [defaultOpen] - Default open state for uncontrolled mode\n * @property {Function} [onOpenChange] - Callback when open state changes\n * @property {Function} [onOutsidePress] - Callback when clicking outside the popover\n * @property {Function} [onClose] - Fires when the floating element is requested to be closed\n * @property {boolean} [disableCaret] - Whether to disable the caret/arrow indicator\n * @property {boolean} [noPadding] - Whether to remove default padding from content\n * @property {boolean} [disableAutoUpdate] - Whether to disable automatic position updates\n * @property {boolean} [disableTriggerFocus] - Whether to disable focus on the trigger element\n * @property {number} [delay] - Delay before opening the popover (for hover mode)\n * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on outside click\n * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key\n */\nexport type PopoverProps = CorePopoverProps;\n\n/**\n * Props for the PopoverTrigger component\n * @property {Function} children - Render function that receives trigger props and returns a React element\n */\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\n\n/**\n * Props for the PopoverContent component\n * @property {ReactNode} [children] - The content to be displayed in the popover\n * @property {RefObject<HTMLDivElement>} [scrollerRef] - Reference to the scrollable content area\n */\nexport type PopoverContentProps = CorePopoverContentProps;\n\n/**\n * Props for the PopoverClose component\n * @property {ReactNode} [children] - The close button content\n * @property {string} [appearance] - The button appearance\n * @property {string} [size] - The button size\n * @property {string} [type] - The button type\n * @property {Function} [onClick] - Click handler for the close button\n */\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\n\n/**\n * Props for the PopoverButton component\n * @property {ReactNode} [children] - The button content\n * @property {string} [appearance] - The button appearance\n * @property {string} [icon] - The button icon\n * @property {string} [size] - The button size\n * @property {string} [type] - The button type\n * @property {Function} [onClick] - Click handler for the button\n */\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\n\nconst PopoverElement = (props: PopoverProps) => {\n  return <CorePopover {...props} />;\n};\n\n/**\n * PopoverTrigger component for creating custom trigger elements.\n *\n * Features:\n * - Supports custom trigger elements via render prop pattern\n * - Automatic focus management and keyboard interaction\n * - Hover and click event handling\n * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Trigger>\n *     {(props) => (\n *       <button {...props}>\n *         Click to open popover\n *       </button>\n *     )}\n *   </Popover.Trigger>\n *   <Popover.Content>\n *     <p>Content here</p>\n *   </Popover.Content>\n * </Popover>\n */\nexport function PopoverTrigger(props: PopoverTriggerProps) {\n  return <CorePopoverTrigger {...props} />;\n}\n\n/**\n * PopoverContent component for the main popover content area.\n *\n * Features:\n * - Automatic positioning and sizing based on trigger\n * - Screen boundary detection and fitting\n * - Scroll handling with custom scroller reference\n * - Focus management and keyboard navigation\n * - Hover interaction support for tooltip mode\n * - Escape key handling for closing\n * - Tab key trapping for modal popovers\n * - Arrow/caret indicator with automatic positioning\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Accessibility support with proper ARIA roles\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>This is the popover content</p>\n *     <Popover.Close>Close</Popover.Close>\n *   </Popover.Content>\n * </Popover>\n */\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  },\n);\nPopoverContent.displayName = CorePopoverContent.displayName;\n\n/**\n * PopoverClose component for closing the popover.\n *\n * Features:\n * - Automatic popover closing on click\n * - Supports all Button component props and styling\n * - Controlled and uncontrolled mode support\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Accessibility support with proper button semantics\n * - Delayed closing for controlled mode\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>Content here</p>\n *     <Popover.Close>Close</Popover.Close>\n *   </Popover.Content>\n * </Popover>\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);\nPopoverClose.displayName = CorePopoverClose.displayName;\n\n/**\n * PopoverButton component for creating button-style triggers.\n *\n * Features:\n * - Button styling and behavior with all Button props\n * - Automatic popover opening on click\n * - Hover interaction support for tooltip mode\n * - Focus management and keyboard navigation\n * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n * - Legacy popover support with fallback\n * - Context integration with parent popover\n * - Event handling for mouse, keyboard, and focus events\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>Content here</p>\n *   </Popover.Content>\n * </Popover>\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);\nPopoverButton.displayName = CorePopoverButton.displayName;\n\n// export const usePopoverContext = useCorePopoverContext;\n\n/**\n * Popover component for displaying floating content relative to a trigger element.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Automatic positioning with fallback strategies\n * - Hover and click interaction modes\n * - Modal and non-modal variants\n * - Custom trigger elements\n * - Automatic height and width management\n * - Screen boundary detection and fitting\n * - Keyboard navigation and accessibility\n * - Popover API support with legacy fallback\n * - Outside click detection and handling\n * - Focus management and trapping\n * - Arrow/caret indicators\n * - Delay support for hover interactions\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Popover>\n *   <Popover.Button>Click to open</Popover.Button>\n *   <Popover.Content>\n *     <p>This is the popover content</p>\n *     <Popover.Close>Close</Popover.Close>\n *   </Popover.Content>\n * </Popover>\n *\n * @example\n * <Popover openOnHover delay={1000}>\n *   <Popover.Button>Hover to open</Popover.Button>\n *   <Popover.Content>Tooltip content</Popover.Content>\n * </Popover>\n *\n * @example\n * <Popover modal>\n *   <Popover.Trigger>\n *     {(props) => <button {...props}>Custom trigger</button>}\n *   </Popover.Trigger>\n *   <Popover.Content>\n *     <TextField label=\"Form field\" />\n *     <Popover.Close>Done</Popover.Close>\n *   </Popover.Content>\n * </Popover>\n */\nexport const Popover = Object.assign(PopoverElement, {\n  /**\n   * PopoverTrigger component for creating custom trigger elements.\n   *\n   * Features:\n   * - Supports custom trigger elements via render prop pattern\n   * - Automatic focus management and keyboard interaction\n   * - Hover and click event handling\n   * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Popover.Trigger>\n   *   {(props) => (\n   *     <button {...props}>\n   *       Click to open popover\n   *     </button>\n   *   )}\n   * </Popover.Trigger>\n   */\n  Trigger: PopoverTrigger,\n  /**\n   * PopoverContent component for the main popover content area.\n   *\n   * Features:\n   * - Automatic positioning and sizing based on trigger\n   * - Screen boundary detection and fitting\n   * - Scroll handling with custom scroller reference\n   * - Focus management and keyboard navigation\n   * - Hover interaction support for tooltip mode\n   * - Escape key handling for closing\n   * - Tab key trapping for modal popovers\n   * - Arrow/caret indicator with automatic positioning\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Accessibility support with proper ARIA roles\n   *\n   * @example\n   * <Popover.Content>\n   *   <p>This is the popover content</p>\n   *   <Popover.Close>Close</Popover.Close>\n   * </Popover.Content>\n   */\n  Content: PopoverContent,\n  /**\n   * PopoverClose component for closing the popover.\n   *\n   * Features:\n   * - Automatic popover closing on click\n   * - Supports all Button component props and styling\n   * - Controlled and uncontrolled mode support\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Accessibility support with proper button semantics\n   * - Delayed closing for controlled mode\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Popover.Close>Close</Popover.Close>\n   */\n  Close: PopoverClose,\n  /**\n   * PopoverButton component for creating button-style triggers.\n   *\n   * Features:\n   * - Button styling and behavior with all Button props\n   * - Automatic popover opening on click\n   * - Hover interaction support for tooltip mode\n   * - Focus management and keyboard navigation\n   * - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)\n   * - Legacy popover support with fallback\n   * - Context integration with parent popover\n   * - Event handling for mouse, keyboard, and focus events\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Popover.Button>Click to open</Popover.Button>\n   */\n  Button: PopoverButton,\n});\n"],"names":["CorePopover","CorePopoverTrigger","CorePopoverContent","CorePopoverClose","CorePopoverButton"],"mappings":";;;;;;AA+EA,MAAM,cAAA,GAAiB,CAAC,KAAwB,KAAA;AAC9C,EAAO,uBAAA,GAAA,CAACA,SAAa,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACjC,CAAA;AA4BO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAO,uBAAA,GAAA,CAACC,gBAAoB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACxC;AA2BO,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;AACA,cAAA,CAAe,cAAcA,gBAAmB,CAAA,WAAA;AAwBzC,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;AACA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;AAwBrC,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;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AAiDjC,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,cAAgB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBnD,OAAS,EAAA,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBT,OAAS,EAAA,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBT,KAAO,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBP,MAAQ,EAAA;AACV,CAAC;;;;"}

package/dist/{Popover-CU2cGVD8-FWJOuFRj.js → Popover-CU2cGVD8-Casl3vM1.js}

@@ -1147,5 +1147,5 @@ const Popover = Object.assign(PopoverElement, {
   Context: PopoverContext
 });
 
-export { PopoverTrigger as P, PopoverContent as a, PopoverClose as b, PopoverButton as c, Popover as d, PopoverLegacy as e, usePopoverContext as f, usePopoverLegacyContext as u };
-//# sourceMappingURL=Popover-CU2cGVD8-FWJOuFRj.js.map
+export { Popover as P, PopoverTrigger as a, PopoverContent as b, PopoverClose as c, PopoverButton as d, PopoverLegacy as e, usePopoverContext as f, usePopoverLegacyContext as u };
+//# sourceMappingURL=Popover-CU2cGVD8-Casl3vM1.js.map