@servicetitan/anvil2 1.38.0 → 1.40.0

package/dist/components/Page/PageHeader.d.ts

@@ -0,0 +1,135 @@
+import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '@servicetitan/hammer-react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { LayoutProps } from '../Layout';
+/**
+ * Props for page header action buttons
+ */
+type PageHeaderActionProps = Omit<ButtonProps, "appearance"> & {
+    /**
+     * Label text for the action button
+     */
+    label: string;
+};
+/**
+ * Props for page header actions configuration
+ */
+type PageHeaderActionsProps = {
+    /**
+     * Primary action button
+     */
+    primary?: PageHeaderActionProps;
+    /**
+     * Array of secondary action buttons
+     */
+    secondary?: PageHeaderActionProps[];
+};
+/**
+ * Base props for preference actions
+ */
+type BasePreferenceProps = {
+    /**
+     * Accessible label for the preference action
+     */
+    "aria-label": string;
+};
+/**
+ * Props for preference button actions
+ */
+type PreferenceButtonProps = Omit<ButtonProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
+/**
+ * Props for preference link actions
+ */
+type PreferenceLinkProps = Omit<ButtonLinkProps, "aria-label" | "icon" | "appearance" | "size" | "className"> & BasePreferenceProps;
+/**
+ * Props for the PageHeader component
+ * @extends ComponentPropsWithoutRef<"header">
+ */
+export type PageHeaderProps = ComponentPropsWithoutRef<"header"> & {
+    /**
+     * Main title of the page
+     */
+    title: string;
+    /**
+     * Breadcrumb navigation links
+     */
+    breadcrumbs?: BreadcrumbsLinkProps[];
+    /**
+     * Status chips to display
+     */
+    chips?: ChipProps[];
+    /**
+     * Description text or content below the title
+     */
+    description?: ReactNode;
+    /**
+     * Primary and secondary action buttons
+     */
+    actions?: PageHeaderActionsProps;
+    /**
+     * Preference action button or link
+     */
+    preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
+    /**
+     * Layout configuration for the header
+     */
+    layout?: LayoutProps;
+};
+/**
+ * PageHeader component for creating page headers with navigation and actions.
+ *
+ * Features:
+ * - Page title with semantic heading
+ * - Breadcrumb navigation support
+ * - Status chips display
+ * - Primary and secondary action buttons
+ * - Preference action button/link
+ * - Responsive layout with fluid grid
+ * - Accessibility support with proper ARIA labels
+ * - Flexible layout configuration
+ * - Description content support
+ *
+ * @example
+ * <Page.Header
+ *   title="Page Title"
+ *   breadcrumbs={[
+ *     { href: "/", children: "Home" },
+ *     { children: "Current Page" }
+ *   ]}
+ *   chips={[{ label: "Status" }]}
+ *   actions={{
+ *     primary: { label: "Save", onClick: handleSave },
+ *     secondary: [{ label: "Cancel", onClick: handleCancel }]
+ *   }}
+ * />
+ */
+export declare const PageHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    /**
+     * Main title of the page
+     */
+    title: string;
+    /**
+     * Breadcrumb navigation links
+     */
+    breadcrumbs?: BreadcrumbsLinkProps[];
+    /**
+     * Status chips to display
+     */
+    chips?: ChipProps[];
+    /**
+     * Description text or content below the title
+     */
+    description?: ReactNode;
+    /**
+     * Primary and secondary action buttons
+     */
+    actions?: PageHeaderActionsProps;
+    /**
+     * Preference action button or link
+     */
+    preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;
+    /**
+     * Layout configuration for the header
+     */
+    layout?: LayoutProps;
+} & import('react').RefAttributes<HTMLHeadElement>>;
+export {};

package/dist/components/Page/PagePanel.d.ts

@@ -0,0 +1,57 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the PagePanel component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type PagePanelProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Whether the panel is open
+     * @default true
+     */
+    open?: boolean;
+    /**
+     * Size of the panel
+     * @default "medium"
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Whether to remove default padding from the panel
+     * @default false
+     */
+    noPadding?: boolean;
+};
+/**
+ * PagePanel component for creating slide-out panels or dialogs.
+ *
+ * Features:
+ * - Responsive design with dialog fallback on mobile
+ * - Multiple size variants (small, medium, large)
+ * - Optional padding control
+ * - Persistent or controlled open state
+ * - Automatic mobile dialog conversion
+ * - Keyboard navigation and accessibility support
+ * - Smooth animations and transitions
+ *
+ * @example
+ * <Page.Panel open={isOpen} size="medium">
+ *   <Text variant="headline" el="h3">Panel Content</Text>
+ *   <Button onClick={() => setIsOpen(false)}>Close</Button>
+ * </Page.Panel>
+ */
+export declare const PagePanel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Whether the panel is open
+     * @default true
+     */
+    open?: boolean;
+    /**
+     * Size of the panel
+     * @default "medium"
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Whether to remove default padding from the panel
+     * @default false
+     */
+    noPadding?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Page/PageSidebar.d.ts

@@ -0,0 +1,57 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the PageSidebar component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type PageSidebarProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Key for storing sidebar collapsed state in localStorage
+     * @default "sidebar-collapsed"
+     */
+    localStorageKey?: string;
+    /**
+     * Custom tracking ID for analytics
+     */
+    ["data-tracking-id"]?: string;
+    /**
+     * Title to display in the adaptive trigger button
+     */
+    currentPageTitle?: string;
+};
+/**
+ * PageSidebar component for creating collapsible navigation sidebars.
+ *
+ * Features:
+ * - Collapsible sidebar with localStorage persistence
+ * - Responsive design with adaptive popover on mobile
+ * - Automatic tracking ID generation for analytics
+ * - Keyboard navigation and accessibility support
+ * - Toggle button with tooltip
+ * - Context provider for sidebar state
+ * - Mobile-friendly popover navigation
+ *
+ * @example
+ * <Page.Sidebar currentPageTitle="Navigation">
+ *   <Page.SidebarHeader>
+ *     <Text variant="headline" el="h2">Sidebar Title</Text>
+ *   </Page.SidebarHeader>
+ *   <SideNav>
+ *     <SideNavLink pathname="/">Home</SideNavLink>
+ *   </SideNav>
+ * </Page.Sidebar>
+ */
+export declare const PageSidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Key for storing sidebar collapsed state in localStorage
+     * @default "sidebar-collapsed"
+     */
+    localStorageKey?: string;
+    /**
+     * Custom tracking ID for analytics
+     */
+    "data-tracking-id"?: string;
+    /**
+     * Title to display in the adaptive trigger button
+     */
+    currentPageTitle?: string;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Page/PageSidebarContext.d.ts

@@ -0,0 +1,5 @@
+type PageSideBarContextProps = {
+    collapsed: boolean;
+};
+export declare const PageSideBarContext: import('react').Context<PageSideBarContextProps | null>;
+export {};

package/dist/components/Page/PageSidebarHeader.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the PageSidebarHeader component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type PageSidebarHeaderProps = ComponentPropsWithoutRef<"div">;
+/**
+ * PageSidebarHeader component for creating header sections within sidebars.
+ *
+ * Features:
+ * - Container for sidebar header content
+ * - Automatic visibility handling based on sidebar collapsed state
+ * - Supports all standard div props
+ * - Context-aware styling
+ *
+ * @example
+ * <Page.SidebarHeader>
+ *   <Text variant="headline" el="h2" size="medium">
+ *     Sidebar Title
+ *   </Text>
+ * </Page.SidebarHeader>
+ */
+export declare const PageSidebarHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Page/index.d.ts

@@ -1,2 +1,7 @@
 export * from './Page';
 export { Page as default } from './Page';
+export type { PageContentProps } from './PageContent';
+export type { PageSidebarProps } from './PageSidebar';
+export type { PageFooterProps } from './PageFooter';
+export type { PageHeaderProps } from './PageHeader';
+export type { PageContextProps } from './PageContext';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,58 @@
+import { PaginationProps as CorePaginationProps } from '@servicetitan/hammer-react';
+import { DataTrackingId } from '../../types/DataTrackingId';
+/**
+ * Props for the Pagination component
+ * @property {number} page - The current page number
+ * @property {number} itemsPerPage - Number of items displayed per page
+ * @property {number[]} [itemsPerPageOptions] - Available options for items per page selection
+ * @property {number} [totalItemCount] - Total number of items across all pages
+ * @property {boolean} [showCount] - Whether to display the item count information
+ * @property {(page: number) => void} [onPageChange] - Callback when page changes
+ * @property {(page: number) => void} [onNextClick] - Callback when next button is clicked
+ * @property {(itemsPerPage: number) => void} [onItemsPerPageChange] - Callback when items per page changes
+ * @property {(page: number) => void} [onPreviousClick] - Callback when previous button is clicked
+ * @extends Omit<CorePaginationProps, "children">
+ * @extends DataTrackingId
+ */
+export type PaginationProps = Omit<CorePaginationProps, "children"> & DataTrackingId & {
+    page: number;
+    itemsPerPage: number;
+    itemsPerPageOptions?: number[];
+    totalItemCount?: number;
+    showCount?: boolean;
+    onPageChange?: (page: number) => void;
+    onItemsPerPageChange?: (itemsPerPage: number) => void;
+};
+/**
+ * Pagination component for navigating through paginated content with automatic page array generation.
+ *
+ * Features:
+ * - Automatic page array generation with overflow handling
+ * - Supports items per page selection with customizable options
+ * - Displays item count information with screen reader support
+ * - Handles edge cases like invalid page numbers
+ * - Includes previous/next navigation buttons
+ * - Supports overflow menus for large page ranges
+ * - Fully accessible with proper ARIA attributes
+ * - Automatic tracking ID generation for analytics
+ *
+ * @example
+ * <Pagination
+ *   page={1}
+ *   itemsPerPage={10}
+ *   totalItemCount={100}
+ *   itemsPerPageOptions={[10, 20, 50]}
+ *   showCount={true}
+ *   onPageChange={(page) => console.log('Page changed to:', page)}
+ *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}
+ * />
+ */
+export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & DataTrackingId & {
+    page: number;
+    itemsPerPage: number;
+    itemsPerPageOptions?: number[];
+    totalItemCount?: number;
+    showCount?: boolean;
+    onPageChange?: (page: number) => void;
+    onItemsPerPageChange?: (itemsPerPage: number) => void;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+export { Pagination as default } from './Pagination';

package/dist/components/Pagination/internal/usePaginationArray.d.ts

@@ -0,0 +1,36 @@
+export type PageArrayItem = {
+    type: "page";
+    page: number;
+} | {
+    type: "overflow";
+    startPage: number;
+    endPage: number;
+    length: number;
+};
+/**
+ * Custom hook for managing pagination array state and generation.
+ *
+ * Features:
+ * - Automatically generates pagination array based on current page and total pages
+ * - Avoids unnecessary regeneration if the current page is already visible
+ * - Updates array when page or total pages change and the visible set must change
+ * - Handles jumps to first/last page with overflow between current and target
+ * - Provides stable reference for the current pagination array
+ *
+ * @param page The currently selected page
+ * @param totalPages Total number of pages
+ * @param maxArrayLength Maximum length of the pagination array (including overflows)
+ * @returns The current pagination array
+ *
+ * @example
+ * const pageArray = usePaginationArray({
+ *   page: 5,
+ *   totalPages: 10,
+ *   maxArrayLength: 7
+ * });
+ */
+export declare const usePaginationArray: ({ page, totalPages, maxArrayLength, }: {
+    page: number;
+    totalPages: number;
+    maxArrayLength?: number;
+}) => PageArrayItem[];

package/dist/components/SelectTrigger/SelectTrigger.d.ts

@@ -0,0 +1,11 @@
+import { SelectTriggerProps as CoreSelectTriggerProps, IconProps as CoreIconProps, AvatarProps as CoreAvatarProps } from '@servicetitan/hammer-react';
+import { DataTrackingId } from '../../types/DataTrackingId';
+import { DistributiveOmit } from '../../types';
+export type SelectTriggerProps<Item> = DistributiveOmit<CoreSelectTriggerProps<Item>, "prefix"> & DataTrackingId & {
+    prefix?: string | {
+        icon: DistributiveOmit<CoreIconProps, "size">;
+    } | {
+        avatar: DistributiveOmit<CoreAvatarProps, "size">;
+    };
+};
+export declare const SelectTrigger: <Item = any>({ prefix: prefixProp, ...props }: SelectTriggerProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectTrigger';
+export { SelectTrigger as default } from './SelectTrigger';

package/dist/components/index.d.ts

@@ -13,6 +13,8 @@ export * from './Checkbox';
 export * from './Chip';
 export * from './Combobox';
 export * from './DateField';
+export * from './DateFieldRange';
+export * from './DateFieldSingle';
 export * from './DaysOfTheWeek';
 export * from './Details';
 export * from './Dialog';
@@ -39,6 +41,7 @@ export * from './Radio';
 export * from './SearchField';
 export * from './SegmentedControl';
 export * from './SelectCard';
+export * from './SelectTrigger';
 export * from './SideNav';
 export * from './Skeleton';
 export * from './Spinner';

package/dist/event-BEJFimi3.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgEvent = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1zm0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1zm2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1z" }));
+
+export { SvgEvent as S };
+//# sourceMappingURL=event-BEJFimi3.js.map

package/dist/event-BEJFimi3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-BEJFimi3.js","sources":["../../hammer-icon/mdi/round/event.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgEvent = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1zm0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1zm2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1z\" }));\nexport default SvgEvent;\n"],"names":[],"mappings":";;AACK,MAAC,QAAQ,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2RAA2R,EAAE,CAAC;;;;"}

package/dist/index.js

@@ -2,56 +2,59 @@ 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 { B as Badge } from './Badge-7aZfE-LH.js';
-export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-DJbCkSeD.js';
+export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-C_gan90a.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-jl0s6W7p.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-C2ONV7cq.js';
 export { C as Card } from './Card-U2IJPk8B.js';
-export { C as Checkbox, a as CheckboxGroup } from './Checkbox-DbDwtefR.js';
+export { C as Checkbox, a as CheckboxGroup } from './Checkbox-Dxr3rgQV.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-7ADxZKDE.js';
-export { D as DateField } from './DateField-CUO_26rh.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-CEKoAJSv.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-C7nV-w8I.js';
+export { D as DateField } from './DateField-Df42sxE9.js';
+export { D as DateFieldRange } from './DateFieldRange-DQJ_FMeA.js';
+export { D as DateFieldSingle } from './DateFieldSingle-BXPhS91g.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-C4ZGriW7.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-D6zpW-GE.js';
+export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-CBWaZO5U.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-qb7Q0BAm.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-Be0tyTMM.js';
 export { E as EditCard } from './EditCard-C0hD1VPA.js';
-export { F as FieldMessage } from './FieldMessage-Cg3zcgk5.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-DKPqOpHs.js';
+export { I as InputMask } from './InputMask-DYthrVaU.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-0xHc5wT6.js';
-export { M as Menu, a as MenuItem } from './Menu-BAuADOyt.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DgrUsTC8.js';
+export { M as Menu, a as MenuItem } from './Menu-By8ps-lb.js';
 export { O as Overflow, a as OverflowText } from './Overflow-B6rIOkAI.js';
-export { P as Page, e as PageContent, d as PageHeader, c as PagePanel, a as PageSidebar, b as PageSidebarHeader } from './Page-CtwsyE3i.js';
-export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-Bnkwq99S.js';
-export { P as ProgressBar } from './ProgressBar-BotOFymw.js';
-export { R as Radio, a as RadioGroup } from './Radio-D4rRt1a6.js';
-export { S as SearchField } from './SearchField-Bz4HPxCQ.js';
+export { P as Page } from './Page-DoCYLmH8.js';
+export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-Dv7ntx4P.js';
+export { P as ProgressBar } from './ProgressBar-Eeudkcyc.js';
+export { R as Radio, a as RadioGroup } from './Radio-Dx2GeEZp.js';
+export { S as SearchField } from './SearchField-BQY7LHe2.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DKMQuf7s.js';
-export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-DsHZgCqA.js';
+export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-KTtcsOar.js';
+export { S as SelectTrigger } from './SelectTrigger-BvUO-g1F.js';
 export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink } from './SideNav-DEoGpeqJ.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-CwIV7ZiT.js';
-export { S as Switch } from './Switch-Dd9tJFmG.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-AczEXhHB.js';
-export { T as TextField } from './TextField-BYyyw3m2.js';
-export { T as Toaster, t as toast } from './toast-B39L6vJ0.js';
-export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-Cu3u0TRX.js';
-export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-BL_bgvwA.js';
+export { T as Textarea } from './Textarea-DkSeFIg7.js';
+export { T as TextField } from './TextField-0XKj7lDu.js';
+export { T as Toaster, t as toast } from './toast-CWVuLkyv.js';
+export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-38Z9fVxY.js';
+export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-BwUVaBEo.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';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/keyboard_arrow_right-DZWNVytH.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+const SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.71 15.88 10.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z" }));
+
+const SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3a.996.996 0 0 1-1.41 0c-.38-.39-.39-1.03 0-1.42z" }));
+
+export { SvgKeyboardArrowLeft as S, SvgKeyboardArrowRight as a };
+//# sourceMappingURL=keyboard_arrow_right-DZWNVytH.js.map

package/dist/keyboard_arrow_right-DZWNVytH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_arrow_right-DZWNVytH.js","sources":["../../hammer-icon/mdi/round/keyboard_arrow_left.svg","../../hammer-icon/mdi/round/keyboard_arrow_right.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.71 15.88 10.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z\" }));\nexport default SvgKeyboardArrowLeft;\n","import * as React from \"react\";\nconst SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3a.996.996 0 0 1-1.41 0c-.38-.39-.39-1.03 0-1.42z\" }));\nexport default SvgKeyboardArrowRight;\n"],"names":[],"mappings":";;AACK,MAAC,oBAAoB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,kJAAkJ,EAAE,CAAC;;ACA1X,MAAC,qBAAqB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,mJAAmJ,EAAE,CAAC;;;;"}

package/dist/more_horiz-DJgdQiy0.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgMoreHoriz = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }));
+
+export { SvgMoreHoriz as S };
+//# sourceMappingURL=more_horiz-DJgdQiy0.js.map

package/dist/more_horiz-DJgdQiy0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"more_horiz-DJgdQiy0.js","sources":["../../hammer-icon/mdi/round/more_horiz.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgMoreHoriz = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgMoreHoriz;\n"],"names":[],"mappings":";;AACK,MAAC,YAAY,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,qJAAqJ,EAAE,CAAC;;;;"}

package/dist/{toast-B39L6vJ0.js → toast-CWVuLkyv.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-Cfi5zZRy-BpESsdh_.js';
+import { h as Toaster$1, t as toast$1 } from './ProgressBar-CZhkKwaS-dlDRDjxo.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-B39L6vJ0.js.map
+//# sourceMappingURL=toast-CWVuLkyv.js.map

package/dist/{toast-B39L6vJ0.js.map → toast-CWVuLkyv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-B39L6vJ0.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-CWVuLkyv.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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"}