@servicetitan/anvil2 1.46.7 → 1.46.9

package/dist/Calendar.css

@@ -1,6 +1,6 @@
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._calendar_m3fpt_2 {
+  ._calendar_1csvm_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -13,7 +13,7 @@
     box-sizing: border-box;
     display: inline-flex;
   }
-  ._calendar_m3fpt_2 ._header_m3fpt_15 {
+  ._calendar_1csvm_2 ._header_1csvm_15 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -28,43 +28,43 @@
   }
 }
 @layer base {
-  ._calendar_m3fpt_2 {
+  ._calendar_1csvm_2 {
     flex-direction: column;
     gap: 1rem;
   }
-  ._calendar_m3fpt_2 ._header_m3fpt_15 {
+  ._calendar_1csvm_2 ._header_1csvm_15 {
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
   }
-  ._calendar_m3fpt_2 ._header_m3fpt_15 ._heading_m3fpt_40 {
+  ._calendar_1csvm_2 ._header_1csvm_15 ._heading_1csvm_40 {
     font-size: 0.875rem;
     padding-inline-start: 0.75rem;
     padding-inline-end: 0.75rem;
     font-weight: 600;
   }
-  ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 {
+  ._calendar_1csvm_2 ._header_1csvm_15 ._controller_1csvm_46 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-inline-start: 0.25rem;
     padding-inline-end: 0.25rem;
   }
-  ._calendar_m3fpt_2 ._spacer_m3fpt_53 {
+  ._calendar_1csvm_2 ._spacer_1csvm_53 {
     height: 1rem;
   }
-  ._calendar_m3fpt_2 ._day-grid_m3fpt_56 {
+  ._calendar_1csvm_2 ._day-grid_1csvm_56 {
     min-height: 15.25rem;
     min-width: 17.875rem;
-    animation: _fadein_m3fpt_1 0.5s;
+    animation: _fadein_1csvm_1 0.5s;
   }
-  ._calendar_m3fpt_2 ._day-grid_m3fpt_56 td {
+  ._calendar_1csvm_2 ._day-grid_1csvm_56 td {
     padding-block: 0.25rem;
     padding-inline: 0.25rem;
     position: relative;
   }
-  ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66 {
+  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66 {
     all: unset;
     min-width: 2.125rem;
     min-height: 2.125rem;
@@ -81,7 +81,7 @@
     z-index: 1;
     transition: outline 100ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66::before {
+  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66::before {
     z-index: -1;
     position: absolute;
     width: 100%;
@@ -97,13 +97,13 @@
     pointer-events: none;
     border-radius: inherit;
   }
-  ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66._overflow_m3fpt_97 {
+  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66._overflow_1csvm_97 {
     display: none;
   }
-  ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66:has(._content_m3fpt_100) {
+  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66:has(._content_1csvm_100) {
     cursor: pointer;
   }
-  ._calendar_m3fpt_2 ._weekday_m3fpt_103 {
+  ._calendar_1csvm_2 ._weekday_1csvm_103 {
     justify-content: center;
     align-items: flex-start;
     font-weight: 700;
@@ -115,28 +115,28 @@
     padding-inline-start: 0;
     padding-inline-end: 0;
   }
-  ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115,
-  ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 {
+  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-checkbox_1csvm_115,
+  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-checkbox_1csvm_115 {
     width: 100%;
   }
-  ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115 > label,
-  ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115 > label > span,
-  ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 > label,
-  ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 > label > span {
+  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-checkbox_1csvm_115 > label,
+  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-checkbox_1csvm_115 > label > span,
+  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-checkbox_1csvm_115 > label,
+  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-checkbox_1csvm_115 > label > span {
     width: 100%;
   }
-  ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-card_m3fpt_125,
-  ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-card_m3fpt_125 {
+  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-card_1csvm_125,
+  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-card_1csvm_125 {
     width: 100%;
     justify-content: center;
   }
-  ._calendar_m3fpt_2 ._year-selection_m3fpt_116 {
+  ._calendar_1csvm_2 ._year-selection_1csvm_116 {
     max-height: 20rem;
     overflow-y: auto;
     padding-inline: 0.25rem;
   }
 }
-@keyframes _fadein_m3fpt_1 {
+@keyframes _fadein_1csvm_1 {
   from {
     opacity: 0;
   }
@@ -145,41 +145,41 @@
   }
 }
 @layer state {
-  ._calendar_m3fpt_2 ._cell_m3fpt_66:focus-visible[tabindex="0"] {
+  ._calendar_1csvm_2 ._cell_1csvm_66:focus-visible[tabindex="0"] {
     outline: 0.125rem solid var(--focus-ring-color, #0265DC);
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66:disabled:not(._range-first_m3fpt_148):not(._range-last_m3fpt_148):not(._range_m3fpt_148) {
+  ._calendar_1csvm_2 ._cell_1csvm_66:disabled:not(._range-first_1csvm_148):not(._range-last_1csvm_148):not(._range_1csvm_148) {
     cursor: not-allowed;
     opacity: 0.6;
     color: var(--foreground-color-subdued, #737475);
     border-radius: 0;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66:hover:not(:disabled)::before {
+  ._calendar_1csvm_2 ._cell_1csvm_66:hover:not(:disabled)::before {
     content: "";
     background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._selected_m3fpt_158 {
+  ._calendar_1csvm_2 ._cell_1csvm_66._selected_1csvm_158 {
     background-color: var(--background-color-primary, #0265DC);
     color: var(--foreground-color-on-primary, #ffffff);
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._selected_m3fpt_158:hover:not(:disabled)::before {
+  ._calendar_1csvm_2 ._cell_1csvm_66._selected_1csvm_158:hover:not(:disabled)::before {
     content: "";
     background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._is-unavailable_m3fpt_166 {
+  ._calendar_1csvm_2 ._cell_1csvm_66._is-unavailable_1csvm_166 {
     background-color: transparent;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._is-unavailable_m3fpt_166:disabled {
+  ._calendar_1csvm_2 ._cell_1csvm_66._is-unavailable_1csvm_166:disabled {
     cursor: not-allowed;
     opacity: 0.6;
     color: var(--foreground-color-subdued, #737475);
     border-radius: 0;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148) {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range-first_1csvm_148:not(._range-last_1csvm_148) {
     border-start-end-radius: 0;
     border-end-end-radius: 0;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148)::after {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range-first_1csvm_148:not(._range-last_1csvm_148)::after {
     position: absolute;
     content: "";
     width: 0.3125rem;
@@ -189,15 +189,15 @@
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     z-index: -1;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148):disabled {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range-first_1csvm_148:not(._range-last_1csvm_148):disabled {
     opacity: 0.2;
     cursor: not-allowed;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148) {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range-last_1csvm_148:not(._range-first_1csvm_148) {
     border-end-start-radius: 0;
     border-start-start-radius: 0;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148)::after {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range-last_1csvm_148:not(._range-first_1csvm_148)::after {
     position: absolute;
     content: "";
     width: 0.3125rem;
@@ -207,28 +207,44 @@
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     z-index: -1;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148):disabled {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range-last_1csvm_148:not(._range-first_1csvm_148):disabled {
     opacity: 0.2;
     cursor: not-allowed;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166) {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166) {
     background-color: transparent;
     color: var(--foreground-color-primary, #0265DC);
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):disabled {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166):disabled {
     opacity: 0.2;
     cursor: not-allowed;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):hover:not(:disabled):before {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166):hover:not(:disabled):before {
     content: "";
     background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
     border-radius: 0;
   }
-  ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):hover:not(:disabled)._hover-last_m3fpt_224:before {
+  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166):hover:not(:disabled)._hover-last_1csvm_224:before {
     border-start-end-radius: 0.375rem;
     border-end-end-radius: 0.375rem;
   }
-  ._calendar_m3fpt_2 ._range-fill_m3fpt_228 {
+  ._calendar_1csvm_2 ._cell_1csvm_66._has-metadata_1csvm_228 {
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+  ._calendar_1csvm_2 ._cell_1csvm_66 ._pip_1csvm_232 {
+    position: absolute;
+    bottom: 0.25rem;
+  }
+  ._calendar_1csvm_2 ._cell_1csvm_66 ._pip_1csvm_232:before {
+    content: "";
+    aspect-ratio: 1/1;
+    width: 0.25rem;
+    border-radius: 100%;
+    background-color: currentColor;
+    display: block;
+  }
+  ._calendar_1csvm_2 ._range-fill_1csvm_244 {
     position: absolute;
     content: "";
     width: calc(100% + 0.125rem);
@@ -238,23 +254,23 @@
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     z-index: 0;
   }
-  ._calendar_m3fpt_2 ._range-fill_m3fpt_228._range-disabled_m3fpt_238 {
+  ._calendar_1csvm_2 ._range-fill_1csvm_244._range-disabled_1csvm_254 {
     opacity: 0.2;
   }
-  ._calendar_m3fpt_2 ._range-fill_m3fpt_228._hover-last_m3fpt_224 {
+  ._calendar_1csvm_2 ._range-fill_1csvm_244._hover-last_1csvm_224 {
     width: calc(100% - 0.1875rem);
     border-start-end-radius: 0.375rem;
     border-end-end-radius: 0.375rem;
   }
-  [dir=rtl] ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 ._controller-button_m3fpt_246 {
+  [dir=rtl] ._calendar_1csvm_2 ._header_1csvm_15 ._controller_1csvm_46 ._controller-button_1csvm_262 {
     rotate: 180deg;
   }
 }
 @layer application {
-  ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 ._controller-button_m3fpt_246 {
+  ._calendar_1csvm_2 ._header_1csvm_15 ._controller_1csvm_46 ._controller-button_1csvm_262 {
     color: inherit;
   }
-  ._calendar_m3fpt_2 ._year-selector_m3fpt_254 {
+  ._calendar_1csvm_2 ._year-selector_1csvm_270 {
     margin-inline: -0.5rem;
   }
 }@layer starter, reset, base, state, application;

package/dist/Calendar.d.ts

@@ -1,6 +1,6 @@
-export * from './components/Calendar/index'
+export * from './beta/components/Calendar/index'
 export {}
-import _default from './components/Calendar/index'
+import _default from './beta/components/Calendar/index'
 export default _default
-export * from './components/Calendar/index'
+export * from './beta/components/Calendar/index'
 export {}

package/dist/Calendar.js

@@ -1,2 +1,10 @@
-export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton, C as default } from './Calendar-BqOvsaby.js';
+import { jsx } from 'react/jsx-runtime';
+import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-BopUjnAk.js';
+export { u as useCalendarBetaProps } from './Calendar-BopUjnAk.js';
+
+const Calendar = (props) => {
+  return /* @__PURE__ */ jsx(CalendarBetaPropsContext.Provider, { value: props, children: /* @__PURE__ */ jsx(Calendar$1, { ...props }) });
+};
+
+export { Calendar as default };
 //# sourceMappingURL=Calendar.js.map

package/dist/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Calendar.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  return (\n    <CalendarBetaPropsContext.Provider value={props}>\n      <StableCalendar {...props} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;;AAaO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,OACxC,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,KAAA,EAAO,CAAA,EAC7B,CAAA;AAEJ;;;;"}

package/dist/{Combobox-BIBYdOCc.js → Combobox-D4Q9NeVP.js}

@@ -6,7 +6,7 @@ import { P as Popover, u as usePopoverLegacyContext, f as usePopoverContext } fr
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 import { s as supportsPopover } from './DrawerContext-D4tWTLVf.js';
 import { i as isMultiple, u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase, A as ADD_NEW$1 } from './SelectTriggerBase-C7TLCna1.js';
-import { s as styles$4 } from './Listbox.module-DcBE8Zmo.js';
+import { l as listboxStyles } from './Listbox.module-XuKszT3X.js';
 import { T as Text } from './Text-BqvcbXyp.js';
 import { D as Divider } from './Divider-DJe8kLf2.js';
 import { F as Flex } from './Flex-BdQMekvA.js';
@@ -22,7 +22,7 @@ import { H as Helper } from './Helper-BkIDJqgA.js';
 import { A as Avatar } from './Avatar-3d5Kv2CF.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
-import { s as styles$3 } from './ListView.module-MVsNF0X0.js';
+import { l as listViewStyles } from './ListView.module-BilDg12y.js';
 import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-RY9zr3xS.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { S as Spinner } from './Spinner-wmO8Epw0.js';
@@ -7896,7 +7896,7 @@ const ComboboxLegacyList = function({
         {
           ...getMenuProps(rest),
           "data-anv": "combobox-list",
-          className: cx(styles$1["listview"], styles$3["listview"]),
+          className: cx(styles$1["listview"], listViewStyles["listview"]),
           style: {
             display: items.length || hasAddNew ? void 0 : "none",
             overflow: "auto"
@@ -7916,7 +7916,7 @@ const ComboboxLegacyList = function({
         {
           ...getMenuProps(rest),
           "data-anv": "combobox-list",
-          className: styles$4["listbox"],
+          className: listboxStyles["listbox"],
           style: {
             display: items.length || hasAddNew ? void 0 : "none",
             overflow: "auto"
@@ -7987,10 +7987,10 @@ const ComboboxLegacyItem = function({
         }),
         className: cx(
           styles$1["listview-option"],
-          styles$3["listview-option"]
+          listViewStyles["listview-option"]
         ),
         children: [
-          /* @__PURE__ */ jsx("div", { className: cx(styles$1["cell"], styles$3["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
+          /* @__PURE__ */ jsx("div", { className: cx(styles$1["cell"], listViewStyles["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -8068,7 +8068,7 @@ const ComboboxLegacyItem = function({
           /* @__PURE__ */ jsx(
             Flex,
             {
-              className: styles$4["children"],
+              className: listboxStyles["children"],
               grow: 1,
               shrink: 1,
               alignItems,
@@ -8733,7 +8733,7 @@ const ComboboxContentElement = function({
         "ul",
         {
           "aria-labelledby": `${id}-group-${group.key}`,
-          className: cx(styles["group"], styles$4["listbox"]),
+          className: cx(styles["group"], listboxStyles["listbox"]),
           "data-anv": "combobox-group",
           role: "group",
           children: /* @__PURE__ */ jsxs("li", { children: [
@@ -8764,7 +8764,7 @@ const ComboboxContentElement = function({
         "ul",
         {
           "aria-labelledby": `${id}-group-${group.key}`,
-          className: cx(styles["group"], styles$4["listbox"]),
+          className: cx(styles["group"], listboxStyles["listbox"]),
           "data-anv": "combobox-group",
           role: "group",
           children: /* @__PURE__ */ jsxs("li", { children: [
@@ -9190,10 +9190,10 @@ const CoreComboboxItemElement = function({
         }),
         className: cx(
           styles["listview-option"],
-          styles$3["listview-option"]
+          listViewStyles["listview-option"]
         ),
         children: [
-          item !== ADD_NEW$1 && !hideCheckbox ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], styles$3["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
+          item !== ADD_NEW$1 && !hideCheckbox ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], listViewStyles["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -9272,7 +9272,7 @@ const CoreComboboxItemElement = function({
           /* @__PURE__ */ jsx(
             Flex,
             {
-              className: styles$4["children"],
+              className: listboxStyles["children"],
               grow: 1,
               shrink: 1,
               alignItems,
@@ -9388,7 +9388,7 @@ const ComboboxListElement = function({
         {
           ...getMenuProps(rest),
           "data-anv": "combobox-list",
-          className: cx(styles["listview"], styles$3["listview"]),
+          className: cx(styles["listview"], listViewStyles["listview"]),
           style: {
             display: items.length || hasAddNew ? void 0 : "none",
             overflow: "auto"
@@ -9405,7 +9405,7 @@ const ComboboxListElement = function({
         {
           ...getMenuProps(rest),
           "data-anv": "combobox-list",
-          className: styles$4["listbox"],
+          className: listboxStyles["listbox"],
           style: {
             display: items.length || hasAddNew ? void 0 : "none",
             overflow: "auto"
@@ -10277,4 +10277,4 @@ const Combobox = Object.assign(ComboboxElement, {
 });
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxContent as c, ComboboxList as d, ComboboxItem as e, ComboboxItemAddNew as f, ComboboxSearchField as g, ComboboxSelectTrigger as h, ComboboxEmpty as i };
-//# sourceMappingURL=Combobox-BIBYdOCc.js.map
+//# sourceMappingURL=Combobox-D4Q9NeVP.js.map