@servicetitan/anvil2 2.2.0 → 2.3.0

package/dist/index.js

@@ -1,70 +1,70 @@
 import './anvil-fonts.css';import './index2.css';/* empty css                     */
 export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-DXoEusod.js';
-export { A as Announcement } from './Announcement-SAypScAu.js';
+export { A as Alert } from './Alert-D9mBPs6z.js';
+export { A as Announcement } from './Announcement-B34cD6BC.js';
 export { A as Avatar } from './Avatar-DShevhcs.js';
 export { A as AvatarGroup } from './Avatar-COMPK7Ym.js';
 export { B as Badge } from './Badge-CS-CwcOQ.js';
 export { B as Breadcrumbs } from './Breadcrumbs-CEVH4s23.js';
-import { B as Button } from './Button-l7pTJdPc.js';
-export { B as ButtonCompound } from './ButtonCompound-CX2kHgWe.js';
-import { B as ButtonLink } from './ButtonLink-CRlyK750.js';
-import { B as ButtonToggle } from './ButtonToggle-BOVP_jEN.js';
-export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-D0CczOpQ.js';
+import { B as Button } from './Button-DrNDkO2f.js';
+export { B as ButtonCompound } from './ButtonCompound-D9VTKcL4.js';
+import { B as ButtonLink } from './ButtonLink-DDtrmbVM.js';
+import { B as ButtonToggle } from './ButtonToggle-DrFewgOG.js';
+export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-CtkL4zYU.js';
 export { C as Card } from './Card-DDH7gI8m.js';
-export { C as Checkbox } from './Checkbox-DuzAqrE7.js';
+export { C as Checkbox } from './Checkbox-CFgjreAl.js';
 export { C as Chip } from './Chip-Bc7jiIJ1.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-CSGn20KQ.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-B6saoDAP.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateFieldRange } from './DateFieldRange-DBOiqaML.js';
-export { D as DateFieldSingle } from './DateFieldSingle-C4hU55MP.js';
-export { D as DateFieldYearless } from './DateFieldYearless-BXkUiHIR.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-CGffFnVT.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-DJEDopC9.js';
+export { D as DateFieldRange } from './DateFieldRange-DgGgNSzN.js';
+export { D as DateFieldSingle } from './DateFieldSingle-BR4nJNVl.js';
+export { D as DateFieldYearless } from './DateFieldYearless-mqvM2uVP.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-CLuyUoGF.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-D-WPj18i.js';
 export { D as Details } from './Details-BF0-a1by.js';
-export { D as Dialog } from './Dialog-BbsZMnCA.js';
+export { D as Dialog } from './Dialog-yA2jYtgv.js';
 export { D as Divider } from './Divider-De04mOU6.js';
-export { D as Dnd } from './index-DFvIVS57.js';
-export { D as Drawer } from './Drawer-Dhq76ot3.js';
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-jbU4Cs5l.js';
-export { E as EditCard } from './EditCard-DAiE-Hsc.js';
+export { D as Dnd } from './index-ClUtwV8V.js';
+export { D as Drawer } from './Drawer-Dt4dqAxQ.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-C8TRwNE9.js';
+export { E as EditCard } from './EditCard-CH-JE4ba.js';
 export { F as FieldLabel } from './FieldLabel-DL0D6fvc.js';
 export { w as warnDeprecatedErrorUsage } from './utils-pudAMGnO.js';
-export { F as FieldMessage } from './FieldMessage-DS0COrjp.js';
+export { F as FieldMessage } from './FieldMessage-OeP_xSUE.js';
 import { F as Flex } from './Flex-CUtXN-C0.js';
 export { G as Grid } from './Grid-CatFkT0X.js';
 import { I as Icon } from './Icon-Bcil6aBo.js';
-export { I as InputMask } from './InputMask-Ds0W2fKy.js';
+export { I as InputMask } from './InputMask-B7ZnJoR5.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-DTAU7jS5.js';
 export { L as Link, u as useLinkStyles } from './Link-B3reiL5f.js';
 export { L as LinkButton } from './LinkButton-D62f2os3.js';
 import { L as Listbox } from './Listbox-DMyxIokT.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-MMmJDM--.js';
-export { M as Menu } from './Menu-3LIfRdTk.js';
-export { N as NumberField } from './NumberField-CDkEUfXW.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-CN8zu-cq.js';
+export { M as Menu } from './Menu-CpRnsr0v.js';
+export { N as NumberField } from './NumberField-ecubQsaf.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-BVxybI-j.js';
-export { P as Pagination } from './Pagination-DIatYUXX.js';
-import { P as Popover } from './Popover-4C5IVk8T.js';
-export { P as ProgressBar } from './ProgressBar-BGwp-qnf.js';
-export { R as Radio } from './Radio-D7hNws2b.js';
-export { S as SearchField } from './SearchField-CoeaOip5.js';
+export { P as Page } from './Page-CkcnGPPK.js';
+export { P as Pagination } from './Pagination-DO9NORlw.js';
+import { P as Popover } from './Popover-D_BmwIOW.js';
+export { P as ProgressBar } from './ProgressBar-CBhVZIzK.js';
+export { R as Radio } from './Radio-BMFwnzyz.js';
+export { S as SearchField } from './SearchField-CtdtcrVV.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-CzTtiYS9.js';
-export { S as SelectCard } from './SelectCard-Bag44PmE.js';
-export { S as SelectTrigger } from './SelectTrigger-DgsvUfyl.js';
+export { S as SelectCard } from './SelectCard-yWBNnm7t.js';
+export { S as SelectTrigger } from './SelectTrigger-Cs5CGc4D.js';
 export { S as SideNav } from './SideNav-CbMGsIPM.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-CpEm3Lud.js';
 export { S as SrOnly } from './SrOnly-CrdBTl6E.js';
-export { S as Stepper } from './Stepper-D8lkCP8Y.js';
-export { S as Switch } from './Switch-D0zwZCg4.js';
+export { S as Stepper } from './Stepper-CzVKDg-N.js';
+export { S as Switch } from './Switch-CEmjmSiL.js';
 export { T as Tab } from './Tab-CeXt6A_D.js';
 export { T as Text } from './Text-DhheKsns.js';
-export { T as Textarea } from './Textarea-BwbwJP6z.js';
-export { T as TextField } from './TextField-Dfzn2HeL.js';
-export { T as TimeField } from './TimeField-B0WSzSfJ.js';
-export { T as Toaster } from './Toaster-DHo8dnWH.js';
-export { t as toast } from './Toaster-9Q_yaKGu.js';
+export { T as Textarea } from './Textarea-D-kPIsIN.js';
+export { T as TextField } from './TextField-D9VWORek.js';
+export { T as TimeField } from './TimeField-CbdxhawY.js';
+export { T as Toaster } from './Toaster-Bisc1mlh.js';
+export { t as toast } from './Toaster-B652KIzq.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useContext, createContext, useId, useRef, useCallback, useEffect, forwardRef, useState, useMemo } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
@@ -524,7 +524,7 @@ const OverflowItemContext = createContext({
 });
 const useOverFlowItemContext = () => useContext(OverflowItemContext);
 
-const ToolbarOverflowContext = createContext({
+const ToolbarContext = createContext({
   overflowItems: [],
   addItem: () => {
     return;
@@ -534,8 +534,10 @@ const ToolbarOverflowContext = createContext({
   },
   toolbarRef: { current: null },
   orderedIds: [],
-  overflow: "wrap"
+  overflow: "wrap",
+  size: "xsmall"
 });
+const useToolbarSize = () => useContext(ToolbarContext).size;
 
 function getToolbarElements(toolbarElement) {
   const toolbarContent = toolbarElement.querySelector(
@@ -646,25 +648,23 @@ const handleMenuKeyboardNavigation = (event) => {
   menuItems[nextIndex]?.focus();
 };
 
-const toolbar = "_toolbar_7lbdr_13";
+const toolbar = "_toolbar_11063_12";
 const styles = {
 	toolbar: toolbar,
-	"toolbar-content": "_toolbar-content_7lbdr_20",
-	"toolbar-overflow-content": "_toolbar-overflow-content_7lbdr_23",
-	"toolbar-button-item": "_toolbar-button-item_7lbdr_31",
-	"toolbar-item": "_toolbar-item_7lbdr_37",
-	"overflow-collapse": "_overflow-collapse_7lbdr_41",
-	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_7lbdr_65",
-	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_7lbdr_71"
+	"toolbar-content": "_toolbar-content_11063_19",
+	"toolbar-overflow-content": "_toolbar-overflow-content_11063_22",
+	"toolbar-button-item": "_toolbar-button-item_11063_30",
+	"toolbar-item": "_toolbar-item_11063_36",
+	"overflow-collapse": "_overflow-collapse_11063_40",
+	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_11063_62",
+	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_11063_68"
 };
 
 const ToolbarItemWrapper = ({
   item,
   children
 }) => {
-  const { addItem, removeItem, toolbarRef, overflow } = useContext(
-    ToolbarOverflowContext
-  );
+  const { addItem, removeItem, toolbarRef, overflow } = useContext(ToolbarContext);
   const itemId = useId();
   const elementRef = useRef(null);
   const prevIntersectingRef = useRef(true);
@@ -738,6 +738,7 @@ const ToolbarButton = forwardRef(
   (props, ref) => {
     const { appearance = "ghost", className, children, ...rest } = props;
     const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+    const size = useToolbarSize();
     const trackingId = useTrackingId({
       name: "ToolbarButton",
       data: {
@@ -754,7 +755,7 @@ const ToolbarButton = forwardRef(
         ref,
         "data-tracking-id": trackingId,
         appearance,
-        size: "small",
+        size,
         "data-anv": "toolbar-button",
         className: buttonClassNames,
         ...rest,
@@ -767,7 +768,7 @@ const ToolbarButton = forwardRef(
           ref,
           "data-tracking-id": trackingId,
           appearance,
-          size: "small",
+          size,
           "data-anv": "toolbar-button",
           className: buttonClassNames,
           ...rest
@@ -786,6 +787,7 @@ ToolbarButton.displayName = "ToolbarButton";
 const ToolbarButtonToggle = forwardRef((props, _ref) => {
   const { className, children, ...rest } = props;
   const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+  const size = useToolbarSize();
   const trackingId = useTrackingId({
     name: "ToolbarButtonToggle",
     data: {
@@ -805,7 +807,7 @@ const ToolbarButtonToggle = forwardRef((props, _ref) => {
     ButtonToggle,
     {
       "data-tracking-id": trackingId,
-      size: "small",
+      size,
       "data-anv": "toolbar-button-toggle",
       className: buttonToggleClassNames,
       ...rest,
@@ -816,7 +818,7 @@ const ToolbarButtonToggle = forwardRef((props, _ref) => {
       ButtonToggle,
       {
         "data-tracking-id": trackingId,
-        size: "small",
+        size,
         "data-anv": "toolbar-button-toggle",
         className: buttonToggleClassNames,
         ...rest
@@ -834,6 +836,7 @@ ToolbarButtonToggle.displayName = "ToolbarButtonToggle";
 const ToolbarButtonLink = forwardRef((props, _ref) => {
   const { appearance = "ghost", className, children, ...rest } = props;
   const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+  const size = useToolbarSize();
   const trackingId = useTrackingId({
     name: "ToolbarButtonLink",
     data: {
@@ -851,7 +854,7 @@ const ToolbarButtonLink = forwardRef((props, _ref) => {
     {
       "data-tracking-id": trackingId,
       appearance,
-      size: "small",
+      size,
       "data-anv": "toolbar-button-link",
       className: buttonLinkClassNames,
       ...rest,
@@ -863,7 +866,7 @@ const ToolbarButtonLink = forwardRef((props, _ref) => {
       {
         "data-tracking-id": trackingId,
         appearance,
-        size: "small",
+        size,
         "data-anv": "toolbar-button-link",
         className: buttonLinkClassNames,
         ...rest
@@ -935,6 +938,7 @@ const ToolbarSelect = forwardRef(
       }
     };
     const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+    const toolbarSize = useToolbarSize();
     const trackingId = useTrackingId({
       name: "ToolbarSelect",
       data: {
@@ -963,7 +967,7 @@ const ToolbarSelect = forwardRef(
             {
               "data-tracking-id": trackingId,
               appearance,
-              size: "small",
+              size: toolbarSize,
               icon: { after: SvgArrowDropDown },
               className: buttonClassNames,
               id: selectId,
@@ -1024,8 +1028,9 @@ const ToolbarOverflowMenu = ({
   additionalItems,
   direction
 }) => {
-  const { overflowItems, orderedIds } = useContext(ToolbarOverflowContext);
+  const { overflowItems, orderedIds } = useContext(ToolbarContext);
   const menuTriggerId = useId();
+  const size = useToolbarSize();
   const orderedItems = useMemo(() => {
     const allElements = orderedIds?.map((id) => {
       return overflowItems.find((item) => item.id === id);
@@ -1041,13 +1046,13 @@ const ToolbarOverflowMenu = ({
     /* @__PURE__ */ jsx(
       Popover.Button,
       {
-        size: "small",
+        size,
         appearance: "ghost",
         id: menuTriggerId,
         className: popoverButtonClassNames,
         "data-anv": "toolbar-overflow-trigger",
         "aria-label": "Additional toolbar options",
-        children: /* @__PURE__ */ jsx(Icon, { svg: overflowIcon, size: "small" })
+        children: /* @__PURE__ */ jsx(Icon, { svg: overflowIcon, size: size === "xsmall" ? "small" : size })
       }
     ),
     /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx(OverflowItemContext.Provider, { value: { isInOverflowMenu: true }, children: /* @__PURE__ */ jsxs(
@@ -1105,6 +1110,7 @@ const ToolbarElement = forwardRef(
       overflow = "wrap",
       onKeyDown,
       additionalItems,
+      size = "xsmall",
       ...rest
     } = componentProps;
     const [overflowItems, setOverflowItems] = useState([]);
@@ -1149,9 +1155,18 @@ const ToolbarElement = forwardRef(
         removeItem,
         toolbarRef,
         orderedIds,
-        overflow
+        overflow,
+        size
       }),
-      [overflowItems, addItem, removeItem, toolbarRef, orderedIds, overflow]
+      [
+        overflowItems,
+        addItem,
+        removeItem,
+        toolbarRef,
+        orderedIds,
+        overflow,
+        size
+      ]
     );
     const styleCombined = {
       ...style,
@@ -1161,7 +1176,7 @@ const ToolbarElement = forwardRef(
     const toolbarContentClassNames = cx(styles["toolbar-content"], {
       [styles[`overflow-${overflow}`]]: overflow
     });
-    return /* @__PURE__ */ jsx(ToolbarOverflowContext.Provider, { value, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(ToolbarContext.Provider, { value, children: /* @__PURE__ */ jsxs(
       Flex,
       {
         direction: direction === "horizontal" ? "row" : "column",
@@ -1213,7 +1228,6 @@ const Toolbar = Object.assign(ToolbarElement, {
    * - Automatic tooltip for icon-only buttons
    * - Overflow menu support
    * - Accessibility enforcement for aria-labels
-   * - Small size optimized for toolbar layout
    * - Ghost and primary appearance options
    * - Automatic tracking ID generation for analytics
    *
@@ -1235,7 +1249,6 @@ const Toolbar = Object.assign(ToolbarElement, {
    * - Consistent styling with other toolbar items
    * - Overflow menu support
    * - Accessibility enforcement for aria-labels
-   * - Small size optimized for toolbar layout
    * - Ghost and primary appearance options
    * - Automatic tracking ID generation for analytics
    *
@@ -1252,7 +1265,6 @@ const Toolbar = Object.assign(ToolbarElement, {
    * - Consistent styling with other toolbar items
    * - Overflow menu support
    * - Accessibility enforcement for aria-labels
-   * - Small size optimized for toolbar layout
    * - Ghost and primary appearance options
    * - Automatic tracking ID generation for analytics
    *
@@ -1270,7 +1282,6 @@ const Toolbar = Object.assign(ToolbarElement, {
    * - Controlled and uncontrolled usage patterns
    * - Automatic overflow menu integration
    * - Accessibility support with proper ARIA labels
-   * - Small size optimized for toolbar layout
    * - Ghost and primary appearance options
    * - Dropdown arrow icon indicator
    * - Listbox integration for keyboard navigation