@servicetitan/anvil2 1.41.0 → 1.42.0

package/dist/index.js

@@ -1,62 +1,62 @@
 export { A as Alert } from './Alert-DipY5OlC.js';
 export { A as Announcement } from './Announcement-ButSjdLn.js';
-export { A as Avatar, a as AvatarGroup } from './Avatar-hNOToS9S.js';
+export { A as Avatar, a as AvatarGroup } from './Avatar-DREZJN2K.js';
 export { B as Badge } from './Badge-7aZfE-LH.js';
-export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-C_gan90a.js';
+export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-De8uoLi8.js';
 export { B as Button } from './Button-DMQKV2sV.js';
 export { B as ButtonCompound } from './ButtonCompound-DGuF0zzT.js';
 export { B as ButtonLink } from './ButtonLink-B0NJuVk5.js';
 export { B as ButtonToggle } from './ButtonToggle-CKVyEODc.js';
-export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton } from './Calendar-MIwfKzm7.js';
+export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton } from './Calendar-Bgpz99F2.js';
 export { C as Card } from './Card-U2IJPk8B.js';
-export { C as Checkbox, a as CheckboxGroup } from './Checkbox-IPM-sdvR.js';
-export { C as Chip } from './Chip-BlLavyIK.js';
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, g as ComboboxItem, h as ComboboxItemAddNew, f as ComboboxList, d as ComboboxSearchField, b as ComboboxSelect, e as ComboboxSelectTrigger, u as useInfiniteCombobox } from './Combobox-CM8DmNMs.js';
-export { D as DateField } from './DateField-BDJEsVc1.js';
-export { D as DateFieldRange } from './DateFieldRange-BTq6MrNu.js';
-export { D as DateFieldSingle } from './DateFieldSingle-CaeOLrI4.js';
-export { D as DateFieldYearless } from './DateFieldYearless-CbFo3oyZ.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-8zaAuw55.js';
+export { C as Checkbox, a as CheckboxGroup } from './Checkbox-zg8LVvB6.js';
+export { C as Chip } from './Chip-DXQiqF8k.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, g as ComboboxItem, h as ComboboxItemAddNew, f as ComboboxList, d as ComboboxSearchField, b as ComboboxSelect, e as ComboboxSelectTrigger, u as useInfiniteCombobox } from './Combobox-D2aSaDkz.js';
+export { D as DateField } from './DateField-D28_sa7P.js';
+export { D as DateFieldRange } from './DateFieldRange-CgVqJrVg.js';
+export { D as DateFieldSingle } from './DateFieldSingle-CLoWDlPO.js';
+export { D as DateFieldYearless } from './DateFieldYearless-CXlUH0c7.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-ImBPjEvl.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-DVg0EOkv.js';
-export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-DnZE02ob.js';
+export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-BR6f-XRH.js';
 export { D as Divider } from './Divider-CN36wX4s.js';
 export { D as Dnd } from './index-CKfiQx8n-4nziUo7G.js';
 export { D as DndSort, a as DndSortCard, b as DndSortZone } from './DndSort-Cl0FCNQm.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-5kgL0gY9.js';
-export { E as EditCard } from './EditCard-C0hD1VPA.js';
-export { F as FieldLabel } from './FieldLabel-D5rNXy6h.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-0ayAWgAA.js';
+export { E as EditCard } from './EditCard-B_n1uFkv.js';
+export { F as FieldLabel } from './FieldLabel-DWl5qsRY.js';
 export { F as FieldMessage } from './FieldMessage-DkJ0K5s-.js';
 export { F as Flex } from './Flex-Ln6PmaDl.js';
 export { G as Grid } from './Grid-CMcDeSYT.js';
 export { I as Icon } from './Icon-BgKqBmlj.js';
-export { I as InputMask } from './InputMask-B6kMdXCB.js';
+export { I as InputMask } from './InputMask-wUro4G2j.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.js';
 export { L as Link } from './Link-DZa0wmkA.js';
-export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup } from './Listbox-dVARiucB.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-cMMBtp1O.js';
-export { M as Menu, a as MenuItem } from './Menu-Dk3ESnzI.js';
+export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup } from './Listbox-Di6OS1Fk.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DdHpJHTc.js';
+export { M as Menu, a as MenuItem } from './Menu-DHCOMJx2.js';
 export { O as Overflow, a as OverflowText } from './Overflow-w-3_04fS.js';
-export { P as Page } from './Page-DWeD3rrr.js';
-export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-2O1Q-34V.js';
-export { P as ProgressBar } from './ProgressBar-CfstmN5D.js';
-export { R as Radio, a as RadioGroup } from './Radio-P6dkI3W0.js';
+export { P as Page } from './Page-KN0DLtcf.js';
+export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-B1HaUjGI.js';
+export { P as ProgressBar } from './ProgressBar-lPKNTz6i.js';
+export { R as Radio, a as RadioGroup } from './Radio-DnOuBPi_.js';
 export { S as SearchField } from './SearchField-BGPqpnVd.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DKMQuf7s.js';
-export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-DIaWX2Vp.js';
-export { S as SelectTrigger } from './SelectTrigger-DKh0Bzy6.js';
-export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink } from './SideNav-DEoGpeqJ.js';
+export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-YGYiBv5M.js';
+export { S as SelectTrigger } from './SelectTrigger-Cg-rlFKY.js';
+export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink } from './SideNav-Bh_pVeEw.js';
 export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText } from './Skeleton-COxTdwjO.js';
 export { S as Spinner } from './Spinner-C1r3COiQ.js';
 export { S as SrOnly } from './SrOnly-C_I8eH4C.js';
 export { S as Stepper, d as StepperFinalPanel, a as StepperList, e as StepperNextButton, c as StepperPanel, f as StepperPrevButton, b as StepperStep } from './Stepper-BtbDBIzz.js';
 export { S as Switch } from './Switch-DAQFzi-X.js';
 export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-BSC7e4rM.js';
-export { T as Text } from './Text-B91g6xKn.js';
-export { T as Textarea } from './Textarea-B0nZ9vOV.js';
-export { T as TextField } from './TextField--tytNBLh.js';
-export { T as Toaster, t as toast } from './toast-uADTqqrS.js';
-export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-BM78DEEM.js';
-export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-ZFFXA77Y.js';
+export { T as Text } from './Text-35Ve4Uq0.js';
+export { T as Textarea } from './Textarea-DohNOiIp.js';
+export { T as TextField } from './TextField-gYAqTpcX.js';
+export { T as Toaster, t as toast } from './toast-BhV_Ask2.js';
+export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-BznMJKGJ.js';
+export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-C2HQDvYj.js';
 export { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-7QkBkSeP-Cv5fnZxs.js';
 export { u as useLinkStyles } from './Link-Dqp_XXl_-Bv20l_tY.js';
@@ -64,11 +64,11 @@ export { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
 export { u as useSwipe } from './useSwipe-CULmVQEk-CULmVQEk.js';
 export { useTrackingId } from './useTrackingId.js';
-export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-Lh8YtV03.js';
+export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-BLYCqIbb.js';
 export { L as LocalizationProvider } from './LocalizationProvider-VtRAfGBT-Bo8XuFoE.js';
 export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR-BUIYgNp2.js';
 export { P as PortalProvider, a as PortalProviderContext } from './PortalProvider-9lXkQ0xY-BKoGegS1.js';
-export { T as ThemeProvider } from './ThemeProvider-BKave7Ha.js';
+export { T as ThemeProvider } from './ThemeProvider-DwJqkbiU.js';
 export { T as TrackingProvider } from './TrackingProvider-BtSjkmpM.js';
 export { u as useTrackingContext } from './useTrackingContext-DRwDL8DE.js';
 //# sourceMappingURL=index.js.map

package/dist/{toast-uADTqqrS.js → toast-BhV_Ask2.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useEffect } from 'react';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { h as Toaster$1, t as toast$1 } from './ProgressBar-BezETeA3-CeeedJ_w.js';
+import { h as Toaster$1, t as toast$1 } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
 
 const SHADOW_HOST_DATA_ATTRS = "[data-mfe-portal-name], [data-mfe-name]";
 const Toaster = forwardRef(
@@ -93,4 +93,4 @@ Toaster.displayName = Toaster$1.displayName;
 const toast = toast$1;
 
 export { Toaster as T, toast as t };
-//# sourceMappingURL=toast-uADTqqrS.js.map
+//# sourceMappingURL=toast-BhV_Ask2.js.map

package/dist/{toast-uADTqqrS.js.map → toast-BhV_Ask2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-uADTqqrS.js","sources":["../src/components/Toast/Toaster.tsx","../src/components/Toast/toast.ts"],"sourcesContent":["import {\n  ToasterProps as HammerToasterProps,\n  Toaster as HammerToaster,\n  useMergeRefs,\n  ToastEventType,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef, useEffect, useRef, useState } from \"react\";\n\nconst SHADOW_HOST_DATA_ATTRS = \"[data-mfe-portal-name], [data-mfe-name]\";\n\n/**\n * Props for the Toaster component\n * @property {number | false} [duration] - Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close\n * @property {string} id - Unique toaster id\n * @property {(toastEvent: ToastEventType) => void} [onToastEvent] - Callback function that is called when toasts are added, updated, or dismissed\n * @property {number | false} [duration] - Duration of the toast in milliseconds. If set to false, the toast will not auto-dismiss\n * @property {string} [focusKey] - How a screen-reader will announce the hotkey used to set focus on the first toast\n * @property {number} [toastsBeforeStack] - How many toasts to display before they start stacking\n * @extends Omit<HammerToasterProps, \"disableEvents\" | \"duration\">\n */\nexport type ToasterProps = Omit<\n  HammerToasterProps,\n  \"disableEvents\" | \"duration\"\n> & {\n  /**\n   * Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close.\n   * @deprecated The monolith toaster controls the duration of toasts. This prop should not be used in other cases.\n   * @default false\n   */\n  duration?: number | false;\n};\n\n/**\n * Toaster component for managing and displaying toast notifications with anvil2-specific features.\n *\n * Features:\n * - Manages multiple toast notifications in a stack\n * - Handles toast positioning and stacking behavior\n * - Supports custom events for toast management\n * - Automatic toast dismissal with configurable duration\n * - Keyboard navigation and accessibility support\n * - Dialog-aware positioning for modal contexts\n * - Session storage for dialog toaster state\n * - Custom event system for toast lifecycle management\n * - Responsive design with mobile support\n * - Automatic tracking ID generation for analytics\n * - Monolith toaster integration and coordination\n * - Shadow DOM support for micro-frontend environments\n * - A1 toast group compatibility and positioning\n *\n * @example\n * <Toaster\n *   id=\"main-toaster\"\n *   duration={5000}\n *   toastsBeforeStack={3}\n *   onToastEvent={(event) => console.log('Toast event:', event)}\n * />\n *\n * @example\n * <Toaster\n *   id=\"dialog-toaster\"\n *   disableEvents={false}\n *   focusKey=\"t\"\n * />\n */\nexport const Toaster = forwardRef(\n  (\n    { onToastEvent, ...props }: HammerToasterProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const { id } = props;\n\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const mergedToasterRef = useMergeRefs([toasterRef, ref]);\n\n    const [shouldDisableEvents, setShouldDisableEvents] =\n      useState<boolean>(false);\n\n    useEffect(() => {\n      const toasters = document.querySelectorAll(\"[data-anv='toaster']\");\n      const shadowToasters =\n        (\n          toasterRef.current?.getRootNode() as Document | ShadowRoot\n        )?.querySelectorAll(\"[data-anv='toaster']\") || [];\n\n      // Toaster(s) exist in the document, bail out if this toaster is not the first one\n      if (\n        toasters.length &&\n        id !== toasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      } else if (\n        // Toaster(s) exist in the shadow dom, bail out if this toaster is not the first one\n        shadowToasters.length &&\n        id !== shadowToasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      }\n    }, [id]);\n\n    const a1ToastGroupObserver = useRef<MutationObserver | null>(null);\n    const a1ToastGroupObserverConnected = useRef<boolean>(false);\n    const [a1ToastGroups, setA1ToastGroups] = useState<Element[]>([]);\n    const [toastCount, setToastCount] = useState<number>(0);\n\n    const handleToastEvent = (event: ToastEventType) => {\n      const { toastCount: newToastCount } = event;\n      setToastCount(newToastCount);\n      onToastEvent?.(event);\n    };\n\n    const updateA1ToastGroups = () => {\n      const mfeRoots = document.querySelectorAll(SHADOW_HOST_DATA_ATTRS);\n      const a1ToastGroupsLocal = [\n        ...document.getElementsByClassName(\"ToastGroup\"),\n      ];\n\n      if (mfeRoots.length > 0) {\n        mfeRoots.forEach((el) => {\n          setTimeout(() => {\n            if (el.shadowRoot) {\n              a1ToastGroupsLocal.push(\n                ...el.shadowRoot.querySelectorAll(\".ToastGroup\"),\n              );\n            }\n            setA1ToastGroups(a1ToastGroupsLocal);\n          });\n        });\n      } else {\n        setA1ToastGroups(a1ToastGroupsLocal);\n      }\n    };\n\n    useEffect(() => {\n      // set mutation observer for a1 toasts after initial render\n      a1ToastGroupObserver.current = new MutationObserver(updateA1ToastGroups);\n    }, []);\n\n    /*\n      Listen for any new A1 Toast Groups to adjust styles and\n      prevent overlapping.\n     */\n    useEffect(() => {\n      if (a1ToastGroupObserver.current !== null) {\n        if (toastCount > 0 && a1ToastGroupObserverConnected.current === false) {\n          // listen for any new a1 toasts\n          a1ToastGroupObserver.current.observe(document.body, {\n            childList: true,\n            subtree: true,\n          });\n          a1ToastGroupObserverConnected.current = true;\n\n          // account for already existing a1 toasts\n          updateA1ToastGroups();\n        } else if (\n          toastCount === 0 &&\n          a1ToastGroupObserverConnected.current === true\n        ) {\n          a1ToastGroupObserver.current.disconnect();\n          a1ToastGroupObserverConnected.current = false;\n        }\n      }\n    }, [toastCount]);\n\n    useEffect(() => {\n      if (a1ToastGroups && a1ToastGroups.length > 0) {\n        const toasterHeight =\n          toasterRef.current?.firstElementChild?.getBoundingClientRect()\n            .height as number;\n        a1ToastGroups.forEach((group) => {\n          (group as HTMLDivElement).style.top =\n            toastCount === 0 ? \"16px\" : `calc(${toasterHeight}px + 2.5rem)`;\n        });\n      }\n      // eslint-disable-next-line\n    }, [a1ToastGroups.length, toastCount]);\n\n    return (\n      <HammerToaster\n        {...props}\n        onToastEvent={handleToastEvent}\n        disableEvents={shouldDisableEvents}\n        ref={mergedToasterRef}\n      />\n    );\n  },\n);\n\nToaster.displayName = HammerToaster.displayName;\n","import {\n  toast as coreToast,\n  toastProps as coreToastProps,\n} from \"@servicetitan/hammer-react\";\n\n/**\n * Props for creating toast notifications\n * @property {string} id - Unique identifier for the toast\n * @property {AlertProps[\"status\"]} status - Visual status of the toast (info, success, warning, danger)\n * @property {string} title - Title text displayed in the toast\n * @property {string} [message] - Additional message content to display below the title\n * @property {number | false} [duration] - Duration in milliseconds before auto-dismiss. Set to false to disable auto-dismiss\n * @property {ToastAction & { secondary?: ToastAction }} [actions] - Action buttons to display in the toast\n * @property {ProgressBarProps[\"value\"] | \"indeterminate\"} [progress] - Progress bar value or indeterminate state\n * @property {() => void} [onDismiss] - Callback function called when toast is dismissed, expired, or closed\n * @property {() => void} [onClose] - Callback function called only when the close button is clicked\n * @property {string} [toasterId] - ID of the specific toaster to display the toast in\n */\nexport type toastProps = coreToastProps;\n\n/**\n * Toast utility functions for creating and managing toast notifications.\n *\n * Features:\n * - Create toast notifications with various status types\n * - Update existing toasts with new content\n * - Dismiss individual toasts or all toasts\n * - Support for action buttons and progress bars\n * - Automatic tracking ID generation for analytics\n * - Integration with anvil2 toaster system\n *\n * @example\n * toast.success({\n *   id: \"success-toast\",\n *   title: \"Success!\",\n *   message: \"Your changes have been saved.\"\n * });\n */\nexport const toast = coreToast;\n"],"names":["HammerToaster","coreToast"],"mappings":"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"}
+{"version":3,"file":"toast-BhV_Ask2.js","sources":["../src/components/Toast/Toaster.tsx","../src/components/Toast/toast.ts"],"sourcesContent":["import {\n  ToasterProps as HammerToasterProps,\n  Toaster as HammerToaster,\n  useMergeRefs,\n  ToastEventType,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef, useEffect, useRef, useState } from \"react\";\n\nconst SHADOW_HOST_DATA_ATTRS = \"[data-mfe-portal-name], [data-mfe-name]\";\n\n/**\n * Props for the Toaster component\n * @property {number | false} [duration] - Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close\n * @property {string} id - Unique toaster id\n * @property {(toastEvent: ToastEventType) => void} [onToastEvent] - Callback function that is called when toasts are added, updated, or dismissed\n * @property {number | false} [duration] - Duration of the toast in milliseconds. If set to false, the toast will not auto-dismiss\n * @property {string} [focusKey] - How a screen-reader will announce the hotkey used to set focus on the first toast\n * @property {number} [toastsBeforeStack] - How many toasts to display before they start stacking\n * @extends Omit<HammerToasterProps, \"disableEvents\" | \"duration\">\n */\nexport type ToasterProps = Omit<\n  HammerToasterProps,\n  \"disableEvents\" | \"duration\"\n> & {\n  /**\n   * Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close.\n   * @deprecated The monolith toaster controls the duration of toasts. This prop should not be used in other cases.\n   * @default false\n   */\n  duration?: number | false;\n};\n\n/**\n * Toaster component for managing and displaying toast notifications with anvil2-specific features.\n *\n * Features:\n * - Manages multiple toast notifications in a stack\n * - Handles toast positioning and stacking behavior\n * - Supports custom events for toast management\n * - Automatic toast dismissal with configurable duration\n * - Keyboard navigation and accessibility support\n * - Dialog-aware positioning for modal contexts\n * - Session storage for dialog toaster state\n * - Custom event system for toast lifecycle management\n * - Responsive design with mobile support\n * - Automatic tracking ID generation for analytics\n * - Monolith toaster integration and coordination\n * - Shadow DOM support for micro-frontend environments\n * - A1 toast group compatibility and positioning\n *\n * @example\n * <Toaster\n *   id=\"main-toaster\"\n *   duration={5000}\n *   toastsBeforeStack={3}\n *   onToastEvent={(event) => console.log('Toast event:', event)}\n * />\n *\n * @example\n * <Toaster\n *   id=\"dialog-toaster\"\n *   disableEvents={false}\n *   focusKey=\"t\"\n * />\n */\nexport const Toaster = forwardRef(\n  (\n    { onToastEvent, ...props }: HammerToasterProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const { id } = props;\n\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const mergedToasterRef = useMergeRefs([toasterRef, ref]);\n\n    const [shouldDisableEvents, setShouldDisableEvents] =\n      useState<boolean>(false);\n\n    useEffect(() => {\n      const toasters = document.querySelectorAll(\"[data-anv='toaster']\");\n      const shadowToasters =\n        (\n          toasterRef.current?.getRootNode() as Document | ShadowRoot\n        )?.querySelectorAll(\"[data-anv='toaster']\") || [];\n\n      // Toaster(s) exist in the document, bail out if this toaster is not the first one\n      if (\n        toasters.length &&\n        id !== toasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      } else if (\n        // Toaster(s) exist in the shadow dom, bail out if this toaster is not the first one\n        shadowToasters.length &&\n        id !== shadowToasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      }\n    }, [id]);\n\n    const a1ToastGroupObserver = useRef<MutationObserver | null>(null);\n    const a1ToastGroupObserverConnected = useRef<boolean>(false);\n    const [a1ToastGroups, setA1ToastGroups] = useState<Element[]>([]);\n    const [toastCount, setToastCount] = useState<number>(0);\n\n    const handleToastEvent = (event: ToastEventType) => {\n      const { toastCount: newToastCount } = event;\n      setToastCount(newToastCount);\n      onToastEvent?.(event);\n    };\n\n    const updateA1ToastGroups = () => {\n      const mfeRoots = document.querySelectorAll(SHADOW_HOST_DATA_ATTRS);\n      const a1ToastGroupsLocal = [\n        ...document.getElementsByClassName(\"ToastGroup\"),\n      ];\n\n      if (mfeRoots.length > 0) {\n        mfeRoots.forEach((el) => {\n          setTimeout(() => {\n            if (el.shadowRoot) {\n              a1ToastGroupsLocal.push(\n                ...el.shadowRoot.querySelectorAll(\".ToastGroup\"),\n              );\n            }\n            setA1ToastGroups(a1ToastGroupsLocal);\n          });\n        });\n      } else {\n        setA1ToastGroups(a1ToastGroupsLocal);\n      }\n    };\n\n    useEffect(() => {\n      // set mutation observer for a1 toasts after initial render\n      a1ToastGroupObserver.current = new MutationObserver(updateA1ToastGroups);\n    }, []);\n\n    /*\n      Listen for any new A1 Toast Groups to adjust styles and\n      prevent overlapping.\n     */\n    useEffect(() => {\n      if (a1ToastGroupObserver.current !== null) {\n        if (toastCount > 0 && a1ToastGroupObserverConnected.current === false) {\n          // listen for any new a1 toasts\n          a1ToastGroupObserver.current.observe(document.body, {\n            childList: true,\n            subtree: true,\n          });\n          a1ToastGroupObserverConnected.current = true;\n\n          // account for already existing a1 toasts\n          updateA1ToastGroups();\n        } else if (\n          toastCount === 0 &&\n          a1ToastGroupObserverConnected.current === true\n        ) {\n          a1ToastGroupObserver.current.disconnect();\n          a1ToastGroupObserverConnected.current = false;\n        }\n      }\n    }, [toastCount]);\n\n    useEffect(() => {\n      if (a1ToastGroups && a1ToastGroups.length > 0) {\n        const toasterHeight =\n          toasterRef.current?.firstElementChild?.getBoundingClientRect()\n            .height as number;\n        a1ToastGroups.forEach((group) => {\n          (group as HTMLDivElement).style.top =\n            toastCount === 0 ? \"16px\" : `calc(${toasterHeight}px + 2.5rem)`;\n        });\n      }\n      // eslint-disable-next-line\n    }, [a1ToastGroups.length, toastCount]);\n\n    return (\n      <HammerToaster\n        {...props}\n        onToastEvent={handleToastEvent}\n        disableEvents={shouldDisableEvents}\n        ref={mergedToasterRef}\n      />\n    );\n  },\n);\n\nToaster.displayName = HammerToaster.displayName;\n","import {\n  toast as coreToast,\n  toastProps as coreToastProps,\n} from \"@servicetitan/hammer-react\";\n\n/**\n * Props for creating toast notifications\n * @property {string} id - Unique identifier for the toast\n * @property {AlertProps[\"status\"]} status - Visual status of the toast (info, success, warning, danger)\n * @property {string} title - Title text displayed in the toast\n * @property {string} [message] - Additional message content to display below the title\n * @property {number | false} [duration] - Duration in milliseconds before auto-dismiss. Set to false to disable auto-dismiss\n * @property {ToastAction & { secondary?: ToastAction }} [actions] - Action buttons to display in the toast\n * @property {ProgressBarProps[\"value\"] | \"indeterminate\"} [progress] - Progress bar value or indeterminate state\n * @property {() => void} [onDismiss] - Callback function called when toast is dismissed, expired, or closed\n * @property {() => void} [onClose] - Callback function called only when the close button is clicked\n * @property {string} [toasterId] - ID of the specific toaster to display the toast in\n */\nexport type toastProps = coreToastProps;\n\n/**\n * Toast utility functions for creating and managing toast notifications.\n *\n * Features:\n * - Create toast notifications with various status types\n * - Update existing toasts with new content\n * - Dismiss individual toasts or all toasts\n * - Support for action buttons and progress bars\n * - Automatic tracking ID generation for analytics\n * - Integration with anvil2 toaster system\n *\n * @example\n * toast.success({\n *   id: \"success-toast\",\n *   title: \"Success!\",\n *   message: \"Your changes have been saved.\"\n * });\n */\nexport const toast = coreToast;\n"],"names":["HammerToaster","coreToast"],"mappings":";;;;;AAQA,MAAM,sBAAyB,GAAA,yCAAA;AAyDxB,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,CACE,EAAE,YAAA,EAAc,GAAG,KAAA,IACnB,GACG,KAAA;AACH,IAAM,MAAA,EAAE,IAAO,GAAA,KAAA;AAEf,IAAM,MAAA,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,CAAC,UAAA,EAAY,GAAG,CAAC,CAAA;AAEvD,IAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAChD,SAAkB,KAAK,CAAA;AAEzB,IAAA,SAAA,CAAU,MAAM;AACd,MAAM,MAAA,QAAA,GAAW,QAAS,CAAA,gBAAA,CAAiB,sBAAsB,CAAA;AACjE,MAAM,MAAA,cAAA,GAEF,WAAW,OAAS,EAAA,WAAA,IACnB,gBAAiB,CAAA,sBAAsB,KAAK,EAAC;AAGlD,MACE,IAAA,QAAA,CAAS,UACT,EAAO,KAAA,QAAA,CAAS,CAAC,CAAE,CAAA,YAAA,CAAa,iBAAiB,CACjD,EAAA;AACA,QAAA,sBAAA,CAAuB,IAAI,CAAA;AAAA,OAC7B,MAAA;AAAA;AAAA,QAEE,eAAe,MACf,IAAA,EAAA,KAAO,eAAe,CAAC,CAAA,CAAE,aAAa,iBAAiB;AAAA,QACvD;AACA,QAAA,sBAAA,CAAuB,IAAI,CAAA;AAAA;AAC7B,KACF,EAAG,CAAC,EAAE,CAAC,CAAA;AAEP,IAAM,MAAA,oBAAA,GAAuB,OAAgC,IAAI,CAAA;AACjE,IAAM,MAAA,6BAAA,GAAgC,OAAgB,KAAK,CAAA;AAC3D,IAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAoB,EAAE,CAAA;AAChE,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAiB,CAAC,CAAA;AAEtD,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,MAAM,MAAA,EAAE,UAAY,EAAA,aAAA,EAAkB,GAAA,KAAA;AACtC,MAAA,aAAA,CAAc,aAAa,CAAA;AAC3B,MAAA,YAAA,GAAe,KAAK,CAAA;AAAA,KACtB;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAM,MAAA,QAAA,GAAW,QAAS,CAAA,gBAAA,CAAiB,sBAAsB,CAAA;AACjE,MAAA,MAAM,kBAAqB,GAAA;AAAA,QACzB,GAAG,QAAS,CAAA,sBAAA,CAAuB,YAAY;AAAA,OACjD;AAEA,MAAI,IAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AACvB,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,EAAO,KAAA;AACvB,UAAA,UAAA,CAAW,MAAM;AACf,YAAA,IAAI,GAAG,UAAY,EAAA;AACjB,cAAmB,kBAAA,CAAA,IAAA;AAAA,gBACjB,GAAG,EAAA,CAAG,UAAW,CAAA,gBAAA,CAAiB,aAAa;AAAA,eACjD;AAAA;AAEF,YAAA,gBAAA,CAAiB,kBAAkB,CAAA;AAAA,WACpC,CAAA;AAAA,SACF,CAAA;AAAA,OACI,MAAA;AACL,QAAA,gBAAA,CAAiB,kBAAkB,CAAA;AAAA;AACrC,KACF;AAEA,IAAA,SAAA,CAAU,MAAM;AAEd,MAAqB,oBAAA,CAAA,OAAA,GAAU,IAAI,gBAAA,CAAiB,mBAAmB,CAAA;AAAA,KACzE,EAAG,EAAE,CAAA;AAML,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,oBAAA,CAAqB,YAAY,IAAM,EAAA;AACzC,QAAA,IAAI,UAAa,GAAA,CAAA,IAAK,6BAA8B,CAAA,OAAA,KAAY,KAAO,EAAA;AAErE,UAAqB,oBAAA,CAAA,OAAA,CAAQ,OAAQ,CAAA,QAAA,CAAS,IAAM,EAAA;AAAA,YAClD,SAAW,EAAA,IAAA;AAAA,YACX,OAAS,EAAA;AAAA,WACV,CAAA;AACD,UAAA,6BAAA,CAA8B,OAAU,GAAA,IAAA;AAGxC,UAAoB,mBAAA,EAAA;AAAA,SAEpB,MAAA,IAAA,UAAA,KAAe,CACf,IAAA,6BAAA,CAA8B,YAAY,IAC1C,EAAA;AACA,UAAA,oBAAA,CAAqB,QAAQ,UAAW,EAAA;AACxC,UAAA,6BAAA,CAA8B,OAAU,GAAA,KAAA;AAAA;AAC1C;AACF,KACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,aAAA,IAAiB,aAAc,CAAA,MAAA,GAAS,CAAG,EAAA;AAC7C,QAAA,MAAM,aACJ,GAAA,UAAA,CAAW,OAAS,EAAA,iBAAA,EAAmB,uBACpC,CAAA,MAAA;AACL,QAAc,aAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AAC/B,UAAC,MAAyB,KAAM,CAAA,GAAA,GAC9B,eAAe,CAAI,GAAA,MAAA,GAAS,QAAQ,aAAa,CAAA,YAAA,CAAA;AAAA,SACpD,CAAA;AAAA;AACH,KAEC,EAAA,CAAC,aAAc,CAAA,MAAA,EAAQ,UAAU,CAAC,CAAA;AAErC,IACE,uBAAA,GAAA;AAAA,MAACA,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,YAAc,EAAA,gBAAA;AAAA,QACd,aAAe,EAAA,mBAAA;AAAA,QACf,GAAK,EAAA;AAAA;AAAA,KACP;AAAA;AAGN;AAEA,OAAA,CAAQ,cAAcA,SAAc,CAAA,WAAA;;ACtJ7B,MAAM,KAAQ,GAAAC;;;;"}

package/dist/token/core/raw.js

@@ -8,6 +8,23 @@ export const common = {
 	BorderWidthNone: "0rem",
 	BorderWidth: "0.0625rem",
 	BorderWidthStrong: "0.125rem",
+	ChartsMonochrome1Pattern: "solid",
+	ChartsMonochrome2Pattern: "solid",
+	ChartsMonochrome3Pattern: "striped",
+	ChartsMonochrome4Pattern: "solid",
+	ChartsCategorical1Pattern: "solid",
+	ChartsCategorical2Pattern: "solid",
+	ChartsCategorical3Pattern: "solid",
+	ChartsCategorical4Pattern: "solid",
+	ChartsCategorical5Pattern: "solid",
+	ChartsCategorical6Pattern: "solid",
+	ChartsCategorical7Pattern: "solid",
+	ChartsCategorical8Pattern: "solid",
+	ChartsCategorical9Pattern: "solid",
+	ChartsStatusSuccessPattern: "solid",
+	ChartsStatusWarningPattern: "solid",
+	ChartsStatusDangerPattern: "solid",
+	ChartsStatusNeutralPattern: "striped",
 	FocusRingWidth: "0.25rem",
 	ShadowSizeFlat: "0rem 0rem 0rem",
 	ShadowSizeFloat: "0rem 0.125rem 0.5rem",
@@ -55,6 +72,40 @@ export const light = {
 	BorderColorPrimary: "#0265DC",
 	BorderColorSuccess: "#007A4D",
 	BorderColorDanger: "#e13212",
+	ChartsMonochrome1: "#3892F3",
+	ChartsMonochrome1Stroke: "transparent",
+	ChartsMonochrome2: "#08389c",
+	ChartsMonochrome2Stroke: "transparent",
+	ChartsMonochrome3: "#F2F9FF",
+	ChartsMonochrome3Stroke: "#3892F3",
+	ChartsMonochrome4: "#F2F9FF",
+	ChartsMonochrome4Stroke: "#3892F3",
+	ChartsCategorical1: "#3892F3",
+	ChartsCategorical1Stroke: "transparent",
+	ChartsCategorical2: "#0FA2B8",
+	ChartsCategorical2Stroke: "transparent",
+	ChartsCategorical3: "#907AF5",
+	ChartsCategorical3Stroke: "transparent",
+	ChartsCategorical4: "#DE52CE",
+	ChartsCategorical4Stroke: "transparent",
+	ChartsCategorical5: "#C2185B",
+	ChartsCategorical5Stroke: "transparent",
+	ChartsCategorical6: "#759E15",
+	ChartsCategorical6Stroke: "transparent",
+	ChartsCategorical7: "#AC6400",
+	ChartsCategorical7Stroke: "transparent",
+	ChartsCategorical8: "#EB7200",
+	ChartsCategorical8Stroke: "transparent",
+	ChartsCategorical9: "#D57A5C",
+	ChartsCategorical9Stroke: "transparent",
+	ChartsStatusSuccess: "#007A4D",
+	ChartsStatusSuccessStroke: "transparent",
+	ChartsStatusWarning: "#ffbe00",
+	ChartsStatusWarningStroke: "transparent",
+	ChartsStatusDanger: "#e13212",
+	ChartsStatusDangerStroke: "transparent",
+	ChartsStatusNeutral: "#ffffff",
+	ChartsStatusNeutralStroke: "#8C9CA5",
 	FocusRingColor: "#0265DC",
 	FocusRingColorDanger: "#e13212",
 	ForegroundColor: "#141414",
@@ -109,6 +160,40 @@ export const dark = {
 	BorderColorPrimary: "#78BBFA",
 	BorderColorSuccess: "#49CC93",
 	BorderColorDanger: "#ff745f",
+	ChartsMonochrome1: "#8AC3FF",
+	ChartsMonochrome1Stroke: "transparent",
+	ChartsMonochrome2: "#3476FF",
+	ChartsMonochrome2Stroke: "transparent",
+	ChartsMonochrome3: "#141414",
+	ChartsMonochrome3Stroke: "#8AC3FF",
+	ChartsMonochrome4: "#F2F9FF",
+	ChartsMonochrome4Stroke: "#8AC3FF",
+	ChartsCategorical1: "#3892F3",
+	ChartsCategorical1Stroke: "transparent",
+	ChartsCategorical2: "#C6F6FF",
+	ChartsCategorical2Stroke: "transparent",
+	ChartsCategorical3: "#C6B8F4",
+	ChartsCategorical3Stroke: "transparent",
+	ChartsCategorical4: "#D949A9",
+	ChartsCategorical4Stroke: "transparent",
+	ChartsCategorical5: "#ED1369",
+	ChartsCategorical5Stroke: "transparent",
+	ChartsCategorical6: "#8CC30B",
+	ChartsCategorical6Stroke: "transparent",
+	ChartsCategorical7: "#B36800",
+	ChartsCategorical7Stroke: "transparent",
+	ChartsCategorical8: "#FFA037",
+	ChartsCategorical8Stroke: "transparent",
+	ChartsCategorical9: "#D99078",
+	ChartsCategorical9Stroke: "transparent",
+	ChartsStatusSuccess: "#49CC93",
+	ChartsStatusSuccessStroke: "transparent",
+	ChartsStatusWarning: "#ffe278",
+	ChartsStatusWarningStroke: "transparent",
+	ChartsStatusDanger: "#ff745f",
+	ChartsStatusDangerStroke: "transparent",
+	ChartsStatusNeutral: "#141414",
+	ChartsStatusNeutralStroke: "#B4C1C8",
 	FocusRingColor: "#78BBFA",
 	FocusRingColorDanger: "#ff745f",
 	ForegroundColor: "#ffffff",

package/dist/token/core/semantic-variables.scss

@@ -19,6 +19,57 @@ $light: (
   border-color-primary: #0265DC,
   border-color-success: #007A4D,
   border-color-danger: #e13212,
+  charts-monochrome-1: #3892F3,
+  charts-monochrome-1-stroke: transparent,
+  charts-monochrome-1-pattern: solid,
+  charts-monochrome-2: #08389c,
+  charts-monochrome-2-stroke: transparent,
+  charts-monochrome-2-pattern: solid,
+  charts-monochrome-3: #F2F9FF,
+  charts-monochrome-3-stroke: #3892F3,
+  charts-monochrome-3-pattern: striped,
+  charts-monochrome-4: #F2F9FF,
+  charts-monochrome-4-stroke: #3892F3,
+  charts-monochrome-4-pattern: solid,
+  charts-categorical-1: #3892F3,
+  charts-categorical-1-stroke: transparent,
+  charts-categorical-1-pattern: solid,
+  charts-categorical-2: #0FA2B8,
+  charts-categorical-2-stroke: transparent,
+  charts-categorical-2-pattern: solid,
+  charts-categorical-3: #907AF5,
+  charts-categorical-3-stroke: transparent,
+  charts-categorical-3-pattern: solid,
+  charts-categorical-4: #DE52CE,
+  charts-categorical-4-stroke: transparent,
+  charts-categorical-4-pattern: solid,
+  charts-categorical-5: #C2185B,
+  charts-categorical-5-stroke: transparent,
+  charts-categorical-5-pattern: solid,
+  charts-categorical-6: #759E15,
+  charts-categorical-6-stroke: transparent,
+  charts-categorical-6-pattern: solid,
+  charts-categorical-7: #AC6400,
+  charts-categorical-7-stroke: transparent,
+  charts-categorical-7-pattern: solid,
+  charts-categorical-8: #EB7200,
+  charts-categorical-8-stroke: transparent,
+  charts-categorical-8-pattern: solid,
+  charts-categorical-9: #D57A5C,
+  charts-categorical-9-stroke: transparent,
+  charts-categorical-9-pattern: solid,
+  charts-status-success: #007A4D,
+  charts-status-success-stroke: transparent,
+  charts-status-success-pattern: solid,
+  charts-status-warning: #ffbe00,
+  charts-status-warning-stroke: transparent,
+  charts-status-warning-pattern: solid,
+  charts-status-danger: #e13212,
+  charts-status-danger-stroke: transparent,
+  charts-status-danger-pattern: solid,
+  charts-status-neutral: #ffffff,
+  charts-status-neutral-stroke: #8C9CA5,
+  charts-status-neutral-pattern: striped,
   focus-ring-color: #0265DC,
   focus-ring-color-danger: #e13212,
   foreground-color: #141414,
@@ -73,6 +124,57 @@ $dark: (
   border-color-primary: #78BBFA,
   border-color-success: #49CC93,
   border-color-danger: #ff745f,
+  charts-monochrome-1: #8AC3FF,
+  charts-monochrome-1-stroke: transparent,
+  charts-monochrome-1-pattern: solid,
+  charts-monochrome-2: #3476FF,
+  charts-monochrome-2-stroke: transparent,
+  charts-monochrome-2-pattern: solid,
+  charts-monochrome-3: #141414,
+  charts-monochrome-3-stroke: #8AC3FF,
+  charts-monochrome-3-pattern: striped,
+  charts-monochrome-4: #F2F9FF,
+  charts-monochrome-4-stroke: #8AC3FF,
+  charts-monochrome-4-pattern: solid,
+  charts-categorical-1: #3892F3,
+  charts-categorical-1-stroke: transparent,
+  charts-categorical-1-pattern: solid,
+  charts-categorical-2: #C6F6FF,
+  charts-categorical-2-stroke: transparent,
+  charts-categorical-2-pattern: solid,
+  charts-categorical-3: #C6B8F4,
+  charts-categorical-3-stroke: transparent,
+  charts-categorical-3-pattern: solid,
+  charts-categorical-4: #D949A9,
+  charts-categorical-4-stroke: transparent,
+  charts-categorical-4-pattern: solid,
+  charts-categorical-5: #ED1369,
+  charts-categorical-5-stroke: transparent,
+  charts-categorical-5-pattern: solid,
+  charts-categorical-6: #8CC30B,
+  charts-categorical-6-stroke: transparent,
+  charts-categorical-6-pattern: solid,
+  charts-categorical-7: #B36800,
+  charts-categorical-7-stroke: transparent,
+  charts-categorical-7-pattern: solid,
+  charts-categorical-8: #FFA037,
+  charts-categorical-8-stroke: transparent,
+  charts-categorical-8-pattern: solid,
+  charts-categorical-9: #D99078,
+  charts-categorical-9-stroke: transparent,
+  charts-categorical-9-pattern: solid,
+  charts-status-success: #49CC93,
+  charts-status-success-stroke: transparent,
+  charts-status-success-pattern: solid,
+  charts-status-warning: #ffe278,
+  charts-status-warning-stroke: transparent,
+  charts-status-warning-pattern: solid,
+  charts-status-danger: #ff745f,
+  charts-status-danger-stroke: transparent,
+  charts-status-danger-pattern: solid,
+  charts-status-neutral: #141414,
+  charts-status-neutral-stroke: #B4C1C8,
+  charts-status-neutral-pattern: striped,
   focus-ring-color: #78BBFA,
   focus-ring-color-danger: #ff745f,
   foreground-color: #ffffff,