@servicetitan/anvil2 1.49.5 → 1.49.7

package/dist/beta/components/SelectField/internal/SelectFieldLabel.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { UseComboboxPropGetters } from 'downshift';
 import { SelectFieldDownshiftItem } from '../types';
 type GetLabelProps = UseComboboxPropGetters<SelectFieldDownshiftItem>["getLabelProps"];
@@ -5,10 +6,16 @@ type GetLabelProps = UseComboboxPropGetters<SelectFieldDownshiftItem>["getLabelP
  * Props for the SelectFieldLabel component
  * @property {string} label - The text content to display as the label
  * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label
+ * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.
+ * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip
+ * @property {boolean} [openMoreInfo] - Controls the open state of the more info tooltip
  */
 export type SelectFieldLabelProps = {
     label: string;
     getLabelProps: GetLabelProps;
+    required?: boolean;
+    moreInfo?: ReactNode;
+    openMoreInfo?: boolean;
 };
 /**
  * Internal label component for the SelectField that renders an accessible label element.
@@ -17,12 +24,16 @@ export type SelectFieldLabelProps = {
  * - Renders a FieldLabel with proper accessibility attributes from Downshift
  * - Automatically associates the label with the combobox input
  * - Supports screen readers with proper labeling
+ * - Optional required field indicator with red asterisk
+ * - Help tooltip with info icon for additional context
  *
  * @example
  * <SelectFieldLabel
  *   label="Select an option"
  *   getLabelProps={getLabelProps}
+ *   required
+ *   moreInfo="Choose from available options"
  * />
  */
-export declare const SelectFieldLabel: ({ label, getLabelProps, }: SelectFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectFieldLabel: ({ label, getLabelProps, required, moreInfo, openMoreInfo, }: SelectFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/beta/components/SelectField/internal/useCombo.d.ts

@@ -11,11 +11,12 @@ export type UseComboOptions = {
     onSelectedOptionChange: (option: SelectFieldOption | null) => void;
     displayAs: "popover" | "dialog";
     disableHighlightOnOpen?: boolean;
+    disabled: boolean;
 } & Pick<UseComboboxProps<SelectFieldDownshiftItem>, "onInputValueChange" | "onIsOpenChange">;
 /**
  * The purpose of useCombo is to provide an abstraction over the downshift combobox hook.
  */
-export declare const useCombo: ({ options, pinnedOptions, selectAll, selectedOption, onSelectedOptionChange, onInputValueChange, onIsOpenChange, displayAs, disableHighlightOnOpen, }: UseComboOptions) => {
+export declare const useCombo: ({ options, pinnedOptions, selectAll, selectedOption, onSelectedOptionChange, onInputValueChange, onIsOpenChange, displayAs, disableHighlightOnOpen, disabled, }: UseComboOptions) => {
     inputValue: string;
     getToggleButtonProps: <Options>(options?: import('downshift').UseComboboxGetToggleButtonPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetToggleButtonPropsReturnValue, Options>;
     getLabelProps: <Options>(options?: import('downshift').UseComboboxGetLabelPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetLabelPropsReturnValue, Options>;

package/dist/beta/components/SelectField/types.d.ts

@@ -1,3 +1,4 @@
+import { AriaAttributes, ReactElement } from 'react';
 import { LayoutUtilProps, Size } from '../../../types';
 /**
  * Configuration options for the SelectField cache.
@@ -21,6 +22,7 @@ export type SelectFieldOption = {
     label: string;
     searchText?: string;
     group?: SelectFieldGroupByValue;
+    disabled?: boolean;
     content?: {
         title?: string;
         description?: string;
@@ -148,6 +150,46 @@ type SelectFieldCommonSelectFieldProps = {
      * @description "dialog" will always display the menu as a dialog.
      */
     displayMenuAs?: "auto" | "popover" | "dialog";
+    /**
+     * Error state for the field. Can be a boolean, string message, or ReactElement.
+     * When truthy, displays error styling and message.
+     */
+    error?: ReactElement | string | boolean;
+    /**
+     * Hint text displayed below the input field.
+     */
+    hint?: ReactElement | string;
+    /**
+     * Description text displayed below the input field.
+     */
+    description?: ReactElement | string;
+    /**
+     * aria-live behavior for error messages.
+     * @default "assertive"
+     */
+    errorAriaLive?: AriaAttributes["aria-live"];
+    /**
+     * Whether the field is required. Shows a red asterisk (*) next to the label.
+     */
+    required?: boolean;
+    /**
+     * Whether the field is disabled.
+     * When disabled, the input is still focusable but menu items cannot be selected.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is read-only.
+     * When read-only, the input is still focusable but menu items cannot be selected.
+     */
+    readOnly?: boolean;
+    /**
+     * Content to display before the input field.
+     */
+    prefix?: string | ReactElement;
+    /**
+     * Content to display after the input field.
+     */
+    suffix?: string | ReactElement;
 } & SelectFieldSearchProps & SelectFieldAddNewOptionProps & LayoutUtilProps;
 type SelectFieldGroupingProps = {
     /**
@@ -228,5 +270,6 @@ export type SelectFieldDownshiftItem = {
     id: string | number;
     type: "option" | "pinned-option" | "select-all";
     original: SelectFieldOption;
+    disabled?: boolean;
 };
 export {};

package/dist/beta.js

@@ -1,6 +1,6 @@
-export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-BIhmpU0v.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-CPldWSNJ.js';
-export { u as useCalendarBetaProps } from './Calendar-BP6r1sP9.js';
-export { C as Calendar } from './Calendar-CLSm88D2.js';
-export { S as SelectField, a as SelectFieldSync, u as useAdaptiveView } from './SelectFieldSync-DF05HvD4.js';
+export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-CUFa7cQK.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-BxYOXLmv.js';
+export { u as useCalendarBetaProps } from './Calendar-CAYitkfM.js';
+export { C as Calendar } from './Calendar-C9oxHTGG.js';
+export { S as SelectField, a as SelectFieldSync, u as useAdaptiveView } from './SelectFieldSync-BOzavAtv.js';
 //# sourceMappingURL=beta.js.map

package/dist/check_circle-CM0ukqXv.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgCheckCircle = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.59 7.59a.996.996 0 0 1-1.41 0z" }));
+
+export { SvgCheckCircle as S };
+//# sourceMappingURL=check_circle-CM0ukqXv.js.map

package/dist/check_circle-CM0ukqXv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check_circle-CM0ukqXv.js","sources":["../../hammer-icon/mdi/round/check_circle.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckCircle = (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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.59 7.59a.996.996 0 0 1-1.41 0z\" }));\nexport default SvgCheckCircle;\n"],"names":[],"mappings":";;AACK,MAAC,cAAc,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,+LAA+L,EAAE,CAAC;;;;"}

package/dist/components/Chip/Chip.d.ts

@@ -32,7 +32,8 @@ export type ChipProps = DistributiveOmit<CoreChipProps, "prefix" | "avatar"> & D
  * - Optional close button for removable chips
  * - Text wrapping support for long labels
  * - Full accessibility support with ARIA attributes
- * - Keyboard navigation (Enter to click, Delete/Backspace to close)
+ * - Keyboard navigation (Enter/Space to click, Delete/Backspace to close)
+ * - Screen reader instructions for removal actions
  * - Theme-aware color adaptation
  * - Layout utility props for positioning and spacing
  * - Automatic tracking ID generation for analytics

package/dist/components/Chip/internal/Chip.d.ts

@@ -55,7 +55,8 @@ export type ChipProps = Omit<ComponentPropsWithoutRef<"span">, "prefix"> & Omit<
  * - Optional close button for removable chips
  * - Text wrapping support for long labels
  * - Full accessibility support with ARIA attributes
- * - Keyboard navigation (Enter to click, Delete/Backspace to close)
+ * - Keyboard navigation (Enter/Space to click, Delete/Backspace to close)
+ * - Screen reader instructions for removal actions
  * - Theme-aware color adaptation
  * - Layout utility props for positioning and spacing
  *

package/dist/components/DateFieldRange/internal/MaskedDateRangeInput.d.ts

@@ -32,7 +32,7 @@ export type MaskedDateRangeInputRef = HTMLInputElement & {
  * @param props.endDate - The end date.
  * @param props.disableHint - Whether to disable the hint.
  */
-export declare const MaskedDateRangeInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "value" | "onChange" | "prefix" | "hint" | "showCounter"> & {
+export declare const MaskedDateRangeInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "value" | "onChange" | "hint" | "prefix" | "showCounter"> & {
     onChange: MaskedDateRangeInputChangeHandler;
     mode?: DateMode;
     startDate: DateTime | null;

package/dist/components/DateFieldSingle/internal/MaskedDateInput.d.ts

@@ -27,7 +27,7 @@ export type MaskedDateInputRef = HTMLInputElement & {
  * @param props.onChange - The function to call when the date changes.
  * @param props.mode - The mode of the date input.
  */
-export declare const MaskedDateInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "value" | "onChange" | "prefix" | "hint" | "showCounter"> & {
+export declare const MaskedDateInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "value" | "onChange" | "hint" | "prefix" | "showCounter"> & {
     onChange: MaskedDateInputChangeHandler;
     mode?: DateMode;
     lastValidDate: DateTime | null;

package/dist/components/Link/internal/Link.d.ts

@@ -11,12 +11,31 @@ export type LinkProps = ComponentPropsWithoutRef<"a"> & LayoutUtilProps & ({
      * @default "primary"
      */
     appearance?: "primary";
-    /** Whether the link should have a quieter, less prominent appearance */
+    /**
+     * Whether the link should have a quieter, less prominent appearance
+     * @deprecated to be removed on next major - use ghost instead
+     */
     quiet?: boolean;
+    /**
+     * Whether the link should have a quieter, less prominent appearance
+     * @remarks Only available when appearance is "primary".
+     */
+    ghost?: boolean;
 } | {
-    /** The visual appearance of the link. Secondary appearance cannot be quiet. */
+    /**
+     * The visual appearance of the LinkButton. Secondary appearance cannot be quiet.
+     */
     appearance: "secondary";
+    /**
+     * Whether the link should have a quieter, less prominent appearance
+     * @deprecated to be removed on next major - use ghost instead
+     */
     quiet?: false;
+    /**
+     * Whether the LinkButton should have a quieter, less prominent appearance.
+     * @remarks Must be false when appearance is "secondary".
+     */
+    ghost?: false;
 });
 /**
  * Link component for creating accessible, styled hyperlinks.

package/dist/components/Link/useLinkStyles.d.ts

@@ -4,7 +4,7 @@ import { LinkProps } from './Link';
  * Props for the useLinkStyles hook.
  * @extends LayoutUtilProps
  */
-export type UseLinkStylesProps = LayoutUtilProps & Pick<LinkProps, "className" | "appearance" | "quiet" | "style">;
+export type UseLinkStylesProps = LayoutUtilProps & Pick<LinkProps, "className" | "appearance" | "quiet" | "ghost" | "style">;
 /**
  * Hook for generating link styles and class names.
  *

package/dist/components/LinkButton/LinkButton.d.ts

@@ -14,18 +14,30 @@ export type LinkButtonProps = Omit<ComponentPropsWithoutRef<"button">, "type" |
     appearance?: "primary";
     /**
      * Whether the LinkButton should have a quieter, less prominent appearance.
+     * @deprecated to be removed on next major - use ghost instead
      * @remarks Only available when appearance is "primary".
      */
     quiet?: boolean;
+    /**
+     * Whether the LinkButton should have a quieter, less prominent appearance.
+     * @remarks Only available when appearance is "primary".
+     */
+    ghost?: boolean;
 } | {
     /**
-     * The visual appearance of the LinkButton. Secondary appearance cannot be quiet.
+     * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.
      */
     appearance: "secondary";
     /**
      * Whether the LinkButton should have a quieter, less prominent appearance.
+     * @deprecated to be removed on next major - use ghost instead
      * @remarks Must be false when appearance is "secondary".
      */
     quiet?: false;
+    /**
+     * Whether the LinkButton should have a quieter, less prominent appearance.
+     * @remarks Must be false when appearance is "secondary".
+     */
+    ghost?: false;
 }) & DataTrackingId;
 export declare const LinkButton: import('react').ForwardRefExoticComponent<LinkButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Popover/internal/PopoverContext.d.ts

@@ -14,6 +14,7 @@ export type PopoverContextProps = {
     openState: boolean;
     popoverStyle?: CSSProperties;
     placement?: Placement;
+    actualPlacement?: Placement;
     openPopover: () => void;
     closePopover: (replacementFn?: () => void) => void;
     onClose?: PopoverProps["onClose"];

package/dist/components/Popover/internal/usePopoverContext.d.ts

@@ -36,6 +36,7 @@ export declare function usePopoverContext(): {
     disableCloseOnEscape: boolean | undefined;
     modal: boolean | undefined;
     placement: import('@floating-ui/react-dom').Placement | undefined;
+    actualPlacement: import('@floating-ui/react-dom').Placement | undefined;
     disableCaret: boolean | undefined;
     noPadding: boolean | undefined;
     fillAvailableHeight: boolean | undefined;

package/dist/components/SearchField/SearchField.d.ts

@@ -17,7 +17,7 @@ export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
      */
     disabled?: boolean;
     /**
-     * Callback when the clear button is clicked
+     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)
      */
     onClear?: () => void;
 } & DataTrackingId;
@@ -27,6 +27,9 @@ export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
  * Features:
  * - Search icon prefix for visual clarity
  * - Clear button that appears when input has value
+ * - Arrow key navigation between input and clear button (Right arrow to clear button, Left arrow back to input)
+ * - Clear button activated with Enter/Space keys
+ * - Focus returns to input after clearing
  * - Multiple size variants (small, medium, large)
  * - Controlled and uncontrolled modes
  * - Disabled and read-only states
@@ -52,7 +55,7 @@ export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
  *   disabled={isLoading}
  * />
  */
-export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "children" | "prefix" | "required"> & LayoutUtilProps & {
+export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "children" | "required" | "prefix"> & LayoutUtilProps & {
     /**
      * Size of the search field
      * @default "medium"
@@ -64,7 +67,7 @@ export declare const SearchField: import('react').ForwardRefExoticComponent<Omit
      */
     disabled?: boolean;
     /**
-     * Callback when the clear button is clicked
+     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)
      */
     onClear?: () => void;
 } & DataTrackingId & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Stepper/Stepper.d.ts

@@ -131,7 +131,7 @@ export declare const Stepper: import('react').ForwardRefExoticComponent<Omit<Omi
      *   Contact Details
      * </Stepper.Step>
      */
-    Step: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+    Step: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
         controls: string;
         onClick?: (e: import('react').MouseEvent<HTMLButtonElement>, index?: number) => void;
     } & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Stepper/StepperStep.d.ts

@@ -43,7 +43,7 @@ export type StepperStepProps = Omit<ComponentPropsWithoutRef<"button">, "onClick
  *   Contact Details
  * </Stepper.Step>
  */
-export declare const StepperStep: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+export declare const StepperStep: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
     /**
      * ID of the panel that this step is controlling.
      * Must match the id prop of the corresponding Stepper.Panel.

package/dist/components/Tab/Tab.d.ts

@@ -67,7 +67,7 @@ export declare const Tab: import('react').ForwardRefExoticComponent<Omit<Omit<im
      *   First Tab
      * </Tab.Button>
      */
-    Button: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+    Button: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
         id: string;
         controls: string;
         onClick?: (e: import('react').MouseEvent<HTMLButtonElement>, index?: number) => void;

package/dist/components/Tab/TabButton.d.ts

@@ -36,7 +36,7 @@ export type TabButtonProps = Omit<ComponentPropsWithoutRef<"button">, "onClick"
  *   First Tab
  * </Tab.Button>
  */
-export declare const TabButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+export declare const TabButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
     /**
      * Unique identifier for the tab button.
      */

package/dist/components/Toast/internal/constants.d.ts

@@ -2,3 +2,19 @@
  * Animation duration for toast transitions in milliseconds
  */
 export declare const ANIMATION_DURATION = 300;
+/**
+ * Total padding around the toast stack (top + bottom approximation)
+ */
+export declare const TOAST_STACK_PADDING = 48;
+/**
+ * Height of the expand/collapse button plus its padding
+ */
+export declare const EXPAND_BUTTON_HEIGHT_WITH_PADDING = 64;
+/**
+ * Scroll threshold in pixels from bottom to hide bottom gradient
+ */
+export declare const SCROLL_THRESHOLD = 64;
+/**
+ * Throttle interval for scroll and resize event handlers in milliseconds
+ */
+export declare const EVENT_THROTTLE_MS = 16;

package/dist/error-DR_wWdYY.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgError = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z" }));
+
+export { SvgError as S };
+//# sourceMappingURL=error-DR_wWdYY.js.map

package/dist/error-DR_wWdYY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-DR_wWdYY.js","sources":["../../hammer-icon/mdi/round/error.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgError = (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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\" }));\nexport default SvgError;\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,uJAAuJ,EAAE,CAAC;;;;"}

package/dist/index.js

@@ -1,81 +1,81 @@
 import './anvil-fonts.css';import './index2.css';/* empty css                     */
 export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-aGBkujwE.js';
-export { A as Announcement } from './Announcement-BPwFNhYe.js';
+export { A as Alert } from './Alert-DNhUyWVm.js';
+export { A as Announcement } from './Announcement-BBq8zIQ3.js';
 export { A as Avatar } from './Avatar-DeEV-v-b.js';
 export { A as AvatarGroup } from './Avatar-gtxslf5v.js';
 export { B as Badge } from './Badge-DY5xJkqi.js';
-export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-DjR-2OEH.js';
+export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-CfJJlIIa.js';
 import { B as Button } from './Button-92_FKAyV.js';
 export { B as ButtonCompound } from './ButtonCompound-COdSELhh.js';
 import { B as ButtonLink } from './ButtonLink-C0zR7Wnb.js';
 import { B as ButtonToggle } from './ButtonToggle--sKvhBoA.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-BP6r1sP9.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-CAYitkfM.js';
 export { C as Card } from './Card-Ch3sMUo5.js';
-export { C as Checkbox } from './Checkbox-PkAk1Saq.js';
-export { C as CheckboxGroup } from './Checkbox-DwuDx-t4.js';
-export { C as Chip } from './Chip-X2EwdZ97.js';
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-DNCq-jkq.js';
+export { C as Checkbox } from './Checkbox-zAKOGEBl.js';
+export { C as CheckboxGroup } from './Checkbox-DbBeuNdW.js';
+export { C as Chip } from './Chip-UqdorCE2.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-hxGMMb8x.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateField } from './DateField-DsGHTMZ1.js';
-export { D as DateFieldRange } from './DateFieldRange-Ct979nxF.js';
-export { D as DateFieldSingle } from './DateFieldSingle-frMHnRSg.js';
-export { D as DateFieldYearless } from './DateFieldYearless-po9ieLod.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-Dy8a8O1n.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-2_k3T4n4.js';
+export { D as DateField } from './DateField-BT9jJRp5.js';
+export { D as DateFieldRange } from './DateFieldRange-ZAic_9mt.js';
+export { D as DateFieldSingle } from './DateFieldSingle-DAtR8ImE.js';
+export { D as DateFieldYearless } from './DateFieldYearless-DXO_MPwA.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-Cg6bbPIi.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-9B9d7-hF.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CkaKTRvc.js';
-export { D as Dialog, a as DialogContent, b as DialogFooter, c as DialogHeader } from './Dialog-BT7a5KNT.js';
+export { D as Dialog, a as DialogContent, b as DialogFooter, c as DialogHeader } from './Dialog-UzG6-s9H.js';
 export { D as DialogCancelButton } from './DialogCancelButton-sTEfx5kf.js';
 export { D as Divider } from './Divider-Olv8yWXD.js';
 export { D as Dnd } from './index-ByS9WvPk.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-scQFylHI.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-BHK18NYm.js';
 export { E as EditCard } from './EditCard-Ds1UXJIS.js';
-export { F as FieldLabel } from './FieldLabel-BIStrC2x.js';
-export { F as FieldMessage } from './FieldMessage-DWONT3dr.js';
+export { F as FieldLabel } from './FieldLabel-jqlQ1Ldh.js';
+export { F as FieldMessage } from './FieldMessage-DdCUxZz-.js';
 import { F as Flex } from './Flex-CjPHUTeq.js';
 export { G as Grid } from './Grid-DW2cAuHi.js';
 import { I as Icon } from './Icon-BSuTVNaa.js';
-export { I as InputMask } from './InputMask-A5LDdyxL.js';
+export { I as InputMask } from './InputMask-CJC9xZHG.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.js';
-export { L as Link, u as useLinkStyles } from './Link-DuYh7Xl2.js';
-export { L as LinkButton } from './LinkButton-pIUNATNE.js';
+export { L as Link, u as useLinkStyles } from './Link-CGXEFA9w.js';
+export { L as LinkButton } from './LinkButton-BBCO-4em.js';
 import { L as Listbox } from './Listbox-C-n4IVVj.js';
 export { a as ListboxOption, b as ListboxOptionGroup } from './Listbox-C-n4IVVj.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-5cRssdYI.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-D8mfK8Lu.js';
 export { M as Menu, a as MenuItem } from './Menu-Cn2JJe1Y.js';
-export { N as NumberField } from './NumberField-BUFymKV3.js';
+export { N as NumberField } from './NumberField-CjWLnD9X.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-Dgpz2WD7.js';
+export { P as Page } from './Page-ClI3IOc7.js';
 export { P as Pagination } from './Pagination-CnF6yBr5.js';
-import { P as Popover } from './Popover-CcMDyKTj.js';
-export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-CcMDyKTj.js';
-export { P as ProgressBar } from './ProgressBar-R_UjSR4o.js';
-export { R as Radio } from './Radio-CLR1m8N9.js';
-export { R as RadioGroup } from './RadioGroup-m46C69uO.js';
-export { S as SearchField } from './SearchField-DrgNbG3I.js';
+import { P as Popover } from './Popover-CCXrzBul.js';
+export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-CCXrzBul.js';
+export { P as ProgressBar } from './ProgressBar-BpKEr6cO.js';
+export { R as Radio } from './Radio-jj0-1dOg.js';
+export { R as RadioGroup } from './RadioGroup-Bxy415eu.js';
+export { S as SearchField } from './SearchField-D6bICv4b.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DK1cwC7A.js';
-export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-DViLgRGh.js';
-export { S as SelectTrigger } from './SelectTrigger-BSzOoRsu.js';
+export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-CjbsPKZ4.js';
+export { S as SelectTrigger } from './SelectTrigger-DfVnPiNf.js';
 export { S as SideNav, b as SideNavCollapsible, c as SideNavGroup, a as SideNavLink } from './SideNav-B1sH17Uc.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-xEFwsq8_.js';
 export { S as SrOnly } from './SrOnly-CTsYSuby.js';
 export { S as Stepper, a as StepperFinalPanel, b as StepperList, c as StepperNextButton, d as StepperPanel, e as StepperPrevButton, f as StepperStep } from './Stepper-BZr9ytpD.js';
-export { S as Switch } from './Switch-BXDPs2mD.js';
+export { S as Switch } from './Switch-CGpg2ake.js';
 export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-6UavokJJ.js';
 export { T as Text } from './Text-kPA-VzsB.js';
-export { T as Textarea } from './Textarea-Dl4w2-t0.js';
-export { T as TextField } from './TextField-D29fTRGR.js';
-export { T as TimeField } from './TimeField-Dpi3fMsn.js';
-export { T as Toaster } from './Toaster-CRNOANCk.js';
-export { t as toast } from './Toaster-B0ogInIl.js';
+export { T as Textarea } from './Textarea-DdLD4imO.js';
+export { T as TextField } from './TextField-Qv6OqiKQ.js';
+export { T as TimeField } from './TimeField-C39hYluo.js';
+export { T as Toaster } from './Toaster-DJ4tNy-0.js';
+export { t as toast } from './Toaster-DyDVYq4x.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-tZvMCc77.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { T as Tooltip } from './Tooltip-BbfLb3pI.js';
-export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-BbfLb3pI.js';
+import { T as Tooltip } from './Tooltip-CBy7srE2.js';
+export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-CBy7srE2.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-BGCsBhQ7.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';

package/dist/{utils-CeT0omsG.js → utils-Bkbn9cyk.js}

@@ -1,4 +1,4 @@
-import { D as DateTime } from './Calendar-BP6r1sP9.js';
+import { D as DateTime } from './Calendar-CAYitkfM.js';
 
 const DateModeToFormatMap = {
   "mm/dd/yyyy": "MM/dd/yyyy",
@@ -47,4 +47,4 @@ function validateDate({
 }
 
 export { DateModeToPlaceholderMap as D, DateModeToFormatMap as a, convertStringToDate as c, validateDate as v };
-//# sourceMappingURL=utils-CeT0omsG.js.map
+//# sourceMappingURL=utils-Bkbn9cyk.js.map

package/dist/{utils-CeT0omsG.js.map → utils-Bkbn9cyk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-CeT0omsG.js","sources":["../src/components/DateFieldSingle/internal/constants.ts","../src/components/DateFieldSingle/internal/utils.ts"],"sourcesContent":["import { DateMode } from \"../types\";\n\nexport const DateModeToFormatMap: Record<DateMode, string> = {\n  \"mm/dd/yyyy\": \"MM/dd/yyyy\",\n  \"dd/mm/yyyy\": \"dd/MM/yyyy\",\n  \"yyyy/mm/dd\": \"yyyy/MM/dd\",\n};\n\nexport const DateModeToPlaceholderMap: Record<DateMode, string> = {\n  \"dd/mm/yyyy\": \"__/__/____\",\n  \"mm/dd/yyyy\": \"__/__/____\",\n  \"yyyy/mm/dd\": \"____/__/__\",\n};\n","import { DateTime } from \"luxon\";\n\nexport function convertStringToDate(\n  v: string | null | undefined,\n): DateTime | null | undefined {\n  if (v === undefined || v === null) {\n    return v;\n  }\n  const date = DateTime.fromISO(v, { setZone: true, zone: \"utc\" }).startOf(\n    \"day\",\n  );\n  if (date.isValid) {\n    return date;\n  }\n  return null;\n}\nexport function validateDate({\n  date,\n  constraints,\n}: {\n  date: DateTime | null;\n  constraints: {\n    required?: boolean;\n    unavailable?: {\n      dates?: DateTime[];\n      daysOfWeek?: number[];\n    };\n    minDate?: DateTime;\n    maxDate?: DateTime;\n  };\n}) {\n  const { required, unavailable, minDate, maxDate } = constraints;\n  if (!date) {\n    return required ? false : true;\n  }\n  if (unavailable?.dates?.some((d) => d.equals(date))) {\n    return false;\n  }\n  if (unavailable?.daysOfWeek?.includes(date.weekday)) {\n    return false;\n  }\n  if (minDate && date < minDate) {\n    return false;\n  }\n  if (maxDate && date > maxDate) {\n    return false;\n  }\n  return true;\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAA,GAAgD;AAAA,EAC3D,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc;AAChB;AAEO,MAAM,wBAAA,GAAqD;AAAA,EAChE,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc;AAChB;;ACVO,SAAS,oBACd,CAAA,EAC6B;AAC7B,EAAA,IAAI,CAAA,KAAM,MAAA,IAAa,CAAA,KAAM,IAAA,EAAM;AACjC,IAAA,OAAO,CAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,CAAA,EAAG,EAAE,SAAS,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,IAC/D;AAAA,GACF;AACA,EAAA,IAAI,KAAK,OAAA,EAAS;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;AACO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAWG;AACD,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAa,OAAA,EAAS,SAAQ,GAAI,WAAA;AACpD,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,WAAW,KAAA,GAAQ,IAAA;AAAA,EAC5B;AACA,EAAA,IAAI,WAAA,EAAa,OAAO,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,MAAA,CAAO,IAAI,CAAC,CAAA,EAAG;AACnD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa,UAAA,EAAY,QAAA,CAAS,IAAA,CAAK,OAAO,CAAA,EAAG;AACnD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,EAAS;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,EAAS;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"utils-Bkbn9cyk.js","sources":["../src/components/DateFieldSingle/internal/constants.ts","../src/components/DateFieldSingle/internal/utils.ts"],"sourcesContent":["import { DateMode } from \"../types\";\n\nexport const DateModeToFormatMap: Record<DateMode, string> = {\n  \"mm/dd/yyyy\": \"MM/dd/yyyy\",\n  \"dd/mm/yyyy\": \"dd/MM/yyyy\",\n  \"yyyy/mm/dd\": \"yyyy/MM/dd\",\n};\n\nexport const DateModeToPlaceholderMap: Record<DateMode, string> = {\n  \"dd/mm/yyyy\": \"__/__/____\",\n  \"mm/dd/yyyy\": \"__/__/____\",\n  \"yyyy/mm/dd\": \"____/__/__\",\n};\n","import { DateTime } from \"luxon\";\n\nexport function convertStringToDate(\n  v: string | null | undefined,\n): DateTime | null | undefined {\n  if (v === undefined || v === null) {\n    return v;\n  }\n  const date = DateTime.fromISO(v, { setZone: true, zone: \"utc\" }).startOf(\n    \"day\",\n  );\n  if (date.isValid) {\n    return date;\n  }\n  return null;\n}\nexport function validateDate({\n  date,\n  constraints,\n}: {\n  date: DateTime | null;\n  constraints: {\n    required?: boolean;\n    unavailable?: {\n      dates?: DateTime[];\n      daysOfWeek?: number[];\n    };\n    minDate?: DateTime;\n    maxDate?: DateTime;\n  };\n}) {\n  const { required, unavailable, minDate, maxDate } = constraints;\n  if (!date) {\n    return required ? false : true;\n  }\n  if (unavailable?.dates?.some((d) => d.equals(date))) {\n    return false;\n  }\n  if (unavailable?.daysOfWeek?.includes(date.weekday)) {\n    return false;\n  }\n  if (minDate && date < minDate) {\n    return false;\n  }\n  if (maxDate && date > maxDate) {\n    return false;\n  }\n  return true;\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAA,GAAgD;AAAA,EAC3D,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc;AAChB;AAEO,MAAM,wBAAA,GAAqD;AAAA,EAChE,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc;AAChB;;ACVO,SAAS,oBACd,CAAA,EAC6B;AAC7B,EAAA,IAAI,CAAA,KAAM,MAAA,IAAa,CAAA,KAAM,IAAA,EAAM;AACjC,IAAA,OAAO,CAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,CAAA,EAAG,EAAE,SAAS,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,IAC/D;AAAA,GACF;AACA,EAAA,IAAI,KAAK,OAAA,EAAS;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;AACO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAWG;AACD,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAa,OAAA,EAAS,SAAQ,GAAI,WAAA;AACpD,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,WAAW,KAAA,GAAQ,IAAA;AAAA,EAC5B;AACA,EAAA,IAAI,WAAA,EAAa,OAAO,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,MAAA,CAAO,IAAI,CAAC,CAAA,EAAG;AACnD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa,UAAA,EAAY,QAAA,CAAS,IAAA,CAAK,OAAO,CAAA,EAAG;AACnD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,EAAS;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,EAAS;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "1.49.5",
+  "version": "1.49.7",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",

package/dist/Chip-X2EwdZ97.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-X2EwdZ97.js","sources":["../src/components/Chip/internal/Chip.tsx","../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  forwardRef,\n  useContext,\n  useRef,\n  useLayoutEffect,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport tinycolor from \"tinycolor2\";\n\nimport { Avatar, AvatarProps } from \"../../Avatar/internal/Avatar\";\nimport { useAccessibleColor, usePrefersColorScheme } from \"../../../hooks\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\n\nimport styles from \"../Chip.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport { LayoutUtilProps, Size } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { ThemeProviderContext } from \"../../../providers/ThemeProvider/internal/ThemeProviderContext\";\n\n/**\n * Props for the Chip component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type ChipProps = Omit<ComponentPropsWithoutRef<\"span\">, \"prefix\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The text that displays in the chip.\n     */\n    label: string;\n    /**\n     * The size of the chip\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\">;\n\n    /**\n     * Color of the Chip\n     */\n    color?: string;\n    /**\n     * Callback for when the Chip is clicked\n     *\n     * @remarks\n     * Adding this will make Chip focusable\n     */\n    onClick?: (\n      e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n    ) => void;\n    /**\n     * Called when the component is closed. If supplied, a close button will be rendered.\n     * @returns void\n     */\n    onClose?: (\n      e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n    ) => void;\n    /**\n     * Wraps text when it overflows\n     */\n    textWrap?: boolean;\n    /**\n     * Content displayed in the chip, before the text.\n     */\n    prefix?: ReactNode;\n\n    /**\n     * Image URL to display in an avatar before the chip text.\n     */\n    avatar?: AvatarProps[\"image\"];\n  };\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Chip\n *   label=\"JavaScript\"\n *   color=\"#f7df1e\"\n *   onClose={(e) => console.log('Chip removed')}\n *   onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    prefix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [lines, setLines] = useState(1);\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const observer = new ResizeObserver(() => {\n      if (element) {\n        const textNode = element.childNodes[0];\n        if (textNode && textNode.textContent) {\n          const range = document.createRange();\n          range.setStart(textNode, 0);\n          range.setEnd(textNode, textNode.textContent.length);\n          setLines(range.getClientRects().length);\n        }\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, []);\n\n  /*\n   * @TODO: below to be updated with localization\n   * removeTextIndex is for when removeText comes after the label depending on the language\n   */\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap,\n  });\n\n  const AvatarClassNames = cx(styles[\"avatar\"], {\n    [styles[\"multiline\"]]: textWrap && lines > 1,\n  });\n\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const { mode: sysMode } = usePrefersColorScheme();\n  const mode = themeMode ?? sysMode;\n\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n\n  const bgObj = tinycolor(background);\n\n  const styleWithColor = {\n    \"--int-bg-color\": color && background,\n    \"--int-font-color\": color && foreground,\n    \"--int-border-color\": color && border,\n    \"--int-close-background-color\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : \"#14141429\",\n    ...style,\n    ...layoutStyles,\n  };\n\n  const onKeyUpHandler = (e: KeyboardEvent<HTMLSpanElement>) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n\n      case \"Enter\":\n        onClick?.(e);\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <span\n      className={ChipClassNames}\n      style={styleWithColor}\n      data-anv=\"chip\"\n      role={onClick ? \"button\" : undefined}\n      {...(onClick || onClose ? { [\"aria-label\"]: newLabel } : {})}\n      {...rest}\n      ref={ref}\n      onClick={onClick}\n      onKeyUp={onKeyUpHandler}\n      tabIndex={onClick || onClose ? 0 : tabIndex}\n    >\n      {avatar != null ? (\n        <span className={AvatarClassNames}>\n          <Avatar\n            className={styles.avatarInner}\n            name={label}\n            color={color}\n            image={avatar}\n            size={size === \"small\" ? \"xsmall\" : \"small\"}\n          />\n        </span>\n      ) : null}\n\n      {prefix != null ? <span className={styles.prefix}>{prefix}</span> : null}\n\n      <span className={styles.inner} ref={innerRef}>\n        {label}\n      </span>\n\n      {!!onClose && (\n        <span\n          aria-hidden\n          aria-label=\"remove button\"\n          className={styles[\"close\"]}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose(e);\n          }}\n        >\n          <Icon aria-hidden svg={Close} size={size} />\n        </span>\n      )}\n    </span>\n  );\n});\n\nChip.displayName = \"Chip\";\n","import { ChipProps as CoreChipProps, Chip as CoreChip } from \"./internal/Chip\";\nimport { Icon as CoreIcon, IconProps as CoreIconProps } from \"../Icon\";\nimport { AvatarProps as CoreAvatarProps } from \"../Avatar/internal/Avatar\";\n\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the Chip component\n * @property {string} label - The text that displays in the chip\n * @property {\"small\" | \"medium\"} [size] - The size of the chip\n * @property {string} [color] - Color of the Chip\n * @property {(e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClick] - Callback for when the Chip is clicked\n * @property {(e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClose] - Called when the component is closed\n * @property {boolean} [textWrap] - Wraps text when it overflows\n * @property {Svg} [icon] - Icon displayed in the chip, before the text.\n * @property {string} [avatar] - Image URL to display in an avatar before the chip text.\n * @extends CoreChipProps\n * @extends DataTrackingId\n */\nexport type ChipProps = DistributiveOmit<CoreChipProps, \"prefix\" | \"avatar\"> &\n  DataTrackingId &\n  (\n    | { icon?: CoreIconProps[\"svg\"]; avatar?: never }\n    | { icon?: never; avatar?: CoreAvatarProps[\"image\"] }\n  );\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Chip\n *   label=\"JavaScript\"\n *   color=\"#f7df1e\"\n *   onClose={(e) => console.log('Chip removed')}\n *   onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef(\n  ({ icon, ...props }: ChipProps, ref: Ref<HTMLSpanElement>) => {\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Chip\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const prefix =\n      icon != null ? (\n        <CoreIcon svg={icon} color=\"var(--int-font-color)\" size={props.size} />\n      ) : null;\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        prefix={prefix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","Close","CoreIcon","CoreChip"],"mappings":"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"}