@servicetitan/anvil2 1.46.2 → 1.46.3

package/dist/index.js

@@ -1,78 +1,78 @@
 import './index2.css';export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
 export { A as Alert } from './Alert-CPOBY6O5.js';
 export { A as Announcement } from './Announcement-BvzAEdx8.js';
-export { A as Avatar } from './Avatar-CyGjhToG.js';
-export { A as AvatarGroup } from './Avatar-D07f9NH_.js';
+export { A as Avatar } from './Avatar-3d5Kv2CF.js';
+export { A as AvatarGroup } from './Avatar-DJ3oJNsv.js';
 export { B as Badge } from './Badge-DCA9mfc2.js';
 export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-C4_PEolS.js';
 import { B as Button } from './Button-VNQQgZ45.js';
 export { B as ButtonCompound } from './ButtonCompound-BbPK-Xjj.js';
 import { B as ButtonLink } from './ButtonLink-CqR1F5Wn.js';
 import { B as ButtonToggle } from './ButtonToggle-PCeSG-5D.js';
-export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton } from './Calendar-X9qUi6Vx.js';
+export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton } from './Calendar-Cn0fOgog.js';
 export { C as Card } from './Card-vTYeSkxt.js';
-export { C as Checkbox } from './Checkbox-BDohwHXQ.js';
-export { C as CheckboxGroup } from './Checkbox-CcYtto5f.js';
-export { C as Chip } from './Chip-Bz-vlQ4D.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-DQmW8Tyl.js';
+export { C as Checkbox } from './Checkbox-DAODkzN3.js';
+export { C as CheckboxGroup } from './Checkbox-C5PX8wur.js';
+export { C as Chip } from './Chip-DLU13qe-.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-DO8cIvRQ.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateField } from './DateField-C43nfkbx.js';
-export { D as DateFieldRange } from './DateFieldRange-g7n5QYww.js';
-export { D as DateFieldSingle } from './DateFieldSingle-D3tneqeG.js';
-export { D as DateFieldYearless } from './DateFieldYearless-3JBVj3wn.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-RcPgDoM3.js';
+export { D as DateField } from './DateField-qHdgwSlB.js';
+export { D as DateFieldRange } from './DateFieldRange-GNpWV70g.js';
+export { D as DateFieldSingle } from './DateFieldSingle-B9caNibj.js';
+export { D as DateFieldYearless } from './DateFieldYearless-BmeKGaDc.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-DPH13VCK.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CF8DImjw.js';
-export { D as Dialog, a as DialogCancelButton, b as DialogContent, c as DialogFooter, d as DialogHeader } from './Dialog-FNJ16gY6.js';
+export { D as Dialog, a as DialogCancelButton, b as DialogContent, c as DialogFooter, d as DialogHeader } from './Dialog-BHFLnFNQ.js';
 export { D as Divider } from './Divider-DJe8kLf2.js';
 export { D as Dnd } from './index-DrM3iid4.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-DT31CMRd.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-BDA7Sjj9.js';
 export { E as EditCard } from './EditCard-CZzL0nx7.js';
-export { F as FieldLabel } from './FieldLabel-BP8QK5UR.js';
+export { F as FieldLabel } from './FieldLabel-Bgl3iu13.js';
 export { F as FieldMessage } from './FieldMessage-B7uQ8vmr.js';
 import { F as Flex } from './Flex-BdQMekvA.js';
 export { G as Grid } from './Grid-MGUC698u.js';
 import { I as Icon } from './Icon-D8SPKeO4.js';
-export { I as InputMask } from './InputMask-CPuYMcw9.js';
+export { I as InputMask } from './InputMask-B13KumrK.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.js';
 export { L as Link, u as useLinkStyles } from './Link-eRsLWPaQ.js';
 export { L as LinkButton } from './LinkButton-2lXfrVoU.js';
-import { L as Listbox } from './Listbox-CUhMbFm2.js';
-export { a as ListboxOption, b as ListboxOptionGroup } from './Listbox-CUhMbFm2.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-BJI8BQJ-.js';
-export { M as Menu, a as MenuItem } from './Menu-t_11BIhU.js';
-export { N as NumberField } from './NumberField-Bjf9Tyvf.js';
+import { L as Listbox } from './Listbox-DxGx630W.js';
+export { a as ListboxOption, b as ListboxOptionGroup } from './Listbox-DxGx630W.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-C-cVQZHp.js';
+export { M as Menu, a as MenuItem } from './Menu-DUZqzpwg.js';
+export { N as NumberField } from './NumberField-DWPAy1eG.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-BAyXnhz2.js';
-export { P as Pagination } from './Pagination-DCBic619.js';
-import { P as Popover } from './Popover-CrksxqKk.js';
-export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-CrksxqKk.js';
-export { P as ProgressBar } from './ProgressBar-CgsAW2d8.js';
-export { R as Radio } from './Radio-C_rvxw74.js';
-export { R as RadioGroup } from './RadioGroup-DxBblSrx.js';
-export { S as SearchField } from './SearchField-Bb0uObwG.js';
-export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DC4BpdH5.js';
-export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-DunNE9R3.js';
-export { S as SelectTrigger } from './SelectTrigger-BYysLREL.js';
-export { S as SideNav, b as SideNavCollapsible, c as SideNavGroup, a as SideNavLink } from './SideNav-B9AWmF_H.js';
+export { P as Page } from './Page-BfH2mGSt.js';
+export { P as Pagination } from './Pagination-B_G9QcHf.js';
+import { P as Popover } from './Popover-v8R920kj.js';
+export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-v8R920kj.js';
+export { P as ProgressBar } from './ProgressBar-BWN2yv1s.js';
+export { R as Radio } from './Radio-C5riI-do.js';
+export { R as RadioGroup } from './RadioGroup-B7O06pVu.js';
+export { S as SearchField } from './SearchField-CbwGErC4.js';
+export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-CLDdes8W.js';
+export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-Ca07K1FW.js';
+export { S as SelectTrigger } from './SelectTrigger-CaXX1SHG.js';
+export { S as SideNav, b as SideNavCollapsible, c as SideNavGroup, a as SideNavLink } from './SideNav-nqq5sAwz.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-wmO8Epw0.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-DHTrvfXw.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-DQ_Hm-AI.js';
 export { S as Switch } from './Switch-C2ddZcr9.js';
-export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-0zx9hsw8.js';
+export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-CzNx3IdF.js';
 export { T as Text } from './Text-BqvcbXyp.js';
-export { T as Textarea } from './Textarea-CXd3NKkW.js';
-export { T as TextField } from './TextField-Cge6IRo5.js';
-export { T as TimeField } from './TimeField-4v5aCwiG.js';
-export { T as Toaster } from './Toaster-bON5Xc1P.js';
-export { t as toast } from './Toaster-D-rNSLTq.js';
+export { T as Textarea } from './Textarea-B2-6m291.js';
+export { T as TextField } from './TextField-uCHgwO5F.js';
+export { T as TimeField } from './TimeField-B5Jgy-Zg.js';
+export { T as Toaster } from './Toaster-CHyB-Mxs.js';
+export { t as toast } from './Toaster-CyiGDKMh.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-DjD5IMh0.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
-import { T as Tooltip } from './Tooltip-CtCLw_vx.js';
-export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-CtCLw_vx.js';
+import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { T as Tooltip } from './Tooltip-DhtVlhah.js';
+export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-DhtVlhah.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-Cv5fnZxs.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';

package/dist/internal/hooks/useFocusWithin/useFocusWithin.d.ts

@@ -2,6 +2,7 @@ import { FocusEventHandler } from 'react';
 export interface UseFocusWithinOptions {
     onFocus?: (event: React.FocusEvent) => void;
     onBlur?: (event: React.FocusEvent) => void;
+    otherRelatedElements?: HTMLElement[];
 }
 export interface UseFocusWithinReturnValue<T extends HTMLElement = HTMLElement> {
     props: {
@@ -25,4 +26,4 @@ export interface UseFocusWithinReturnValue<T extends HTMLElement = HTMLElement>
  *
  * return <div {...props}>Content</div>;
  */
-export declare function useFocusWithin<T extends HTMLElement = any>({ onBlur, onFocus, }?: UseFocusWithinOptions): UseFocusWithinReturnValue<T>;
+export declare function useFocusWithin<T extends HTMLElement = any>({ onBlur, onFocus, otherRelatedElements, }?: UseFocusWithinOptions): UseFocusWithinReturnValue<T>;

package/dist/internal/hooks/useKeyboardFocusables/useKeyboardFocusables.d.ts

@@ -49,6 +49,5 @@ type OptionProps = {
  */
 export declare const useKeyboardFocusables: (element: RefObject<HTMLElement> | HTMLElement | undefined, options?: OptionProps) => {
     focusables: FocusableElement[] | null;
-    updateFocusables: () => void;
 };
 export {};

package/dist/internal/hooks/useOnClickOutside/useOnClickOutside.d.ts

@@ -14,6 +14,10 @@ type UseOnClickOutsideProps = {
      * Array of target elements to monitor
      */
     targets: (HTMLElement | undefined)[];
+    /**
+     * Whether to disable the useOnClickOutside hook
+     */
+    disable?: boolean;
 };
 /**
  * Custom hook for detecting clicks outside of specified target elements.
@@ -30,5 +34,5 @@ type UseOnClickOutsideProps = {
  * @param props - Configuration object containing targets and optional callbacks
  * @returns void
  */
-export declare const useOnClickOutside: ({ onOutsidePress, targets, onClose, }: UseOnClickOutsideProps) => void;
+export declare const useOnClickOutside: ({ onOutsidePress, targets, onClose, disable, }: UseOnClickOutsideProps) => void;
 export {};

package/dist/{useFocusWithin-BhhgRXdZ.js → useFocusWithin-hi77jsrB.js}

@@ -2,7 +2,8 @@ import { useRef } from 'react';
 
 function useFocusWithin({
   onBlur,
-  onFocus
+  onFocus,
+  otherRelatedElements
 } = {}) {
   const isFocusedRef = useRef(false);
   const handleFocus = (event) => {
@@ -12,7 +13,9 @@ function useFocusWithin({
     }
   };
   const handleBlur = (event) => {
-    if (isFocusedRef.current && !containsRelatedTarget(event)) {
+    if (isFocusedRef.current && !containsRelatedTarget(event) && !otherRelatedElements?.some(
+      (element) => element.contains(event.relatedTarget)
+    )) {
       isFocusedRef.current = false;
       onBlur?.(event);
     }
@@ -29,4 +32,4 @@ function containsRelatedTarget(event) {
 }
 
 export { useFocusWithin as u };
-//# sourceMappingURL=useFocusWithin-BhhgRXdZ.js.map
+//# sourceMappingURL=useFocusWithin-hi77jsrB.js.map

package/dist/useFocusWithin-hi77jsrB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin-hi77jsrB.js","sources":["../src/internal/hooks/useFocusWithin/useFocusWithin.ts"],"sourcesContent":["import { FocusEventHandler, useRef } from \"react\";\nexport interface UseFocusWithinOptions {\n  onFocus?: (event: React.FocusEvent) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  otherRelatedElements?: HTMLElement[];\n}\n\nexport interface UseFocusWithinReturnValue<\n  T extends HTMLElement = HTMLElement,\n> {\n  props: {\n    onFocus: FocusEventHandler<T>;\n    onBlur: FocusEventHandler<T>;\n  };\n}\n\n/**\n * Custom hook for tracking focus state within a DOM element.\n *\n * @param options Configuration options for the hook\n * @param options.onFocus Optional callback when focus enters the element\n * @param options.onBlur Optional callback when focus leaves the element\n * @returns Object containing props for the element\n *\n * @example\n * const { props } = useFocusWithin({\n *   onFocus: () => console.log('Focus entered'),\n *   onBlur: () => console.log('Focus left')\n * });\n *\n * return <div {...props}>Content</div>;\n */\nexport function useFocusWithin<T extends HTMLElement = any>({\n  onBlur,\n  onFocus,\n  otherRelatedElements,\n}: UseFocusWithinOptions = {}): UseFocusWithinReturnValue<T> {\n  const isFocusedRef = useRef(false);\n\n  const handleFocus: FocusEventHandler<T> = (event) => {\n    if (!isFocusedRef.current) {\n      isFocusedRef.current = true;\n      onFocus?.(event);\n    }\n  };\n\n  const handleBlur: FocusEventHandler<T> = (event) => {\n    if (\n      isFocusedRef.current &&\n      !containsRelatedTarget(event) &&\n      !otherRelatedElements?.some((element) =>\n        element.contains(event.relatedTarget),\n      )\n    ) {\n      isFocusedRef.current = false;\n      onBlur?.(event);\n    }\n  };\n\n  return {\n    props: { onFocus: handleFocus, onBlur: handleBlur },\n  };\n}\n\nfunction containsRelatedTarget(event: React.FocusEvent) {\n  if (\n    event.currentTarget instanceof HTMLElement &&\n    event.relatedTarget instanceof HTMLElement\n  ) {\n    return event.currentTarget.contains(event.relatedTarget);\n  }\n\n  return false;\n}\n"],"names":[],"mappings":";;AAgCO,SAAS,cAAA,CAA4C;AAAA,EAC1D,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,GAA2B,EAAC,EAAiC;AAC3D,EAAA,MAAM,YAAA,GAAe,OAAO,KAAK,CAAA;AAEjC,EAAA,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AACnD,IAAA,IAAI,CAAC,aAAa,OAAA,EAAS;AACzB,MAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,MAAA,OAAA,GAAU,KAAK,CAAA;AAAA,IACjB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,UAAA,GAAmC,CAAC,KAAA,KAAU;AAClD,IAAA,IACE,aAAa,OAAA,IACb,CAAC,sBAAsB,KAAK,CAAA,IAC5B,CAAC,oBAAA,EAAsB,IAAA;AAAA,MAAK,CAAC,OAAA,KAC3B,OAAA,CAAQ,QAAA,CAAS,MAAM,aAAa;AAAA,KACtC,EACA;AACA,MAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AACvB,MAAA,MAAA,GAAS,KAAK,CAAA;AAAA,IAChB;AAAA,EACF,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,EAAE,OAAA,EAAS,WAAA,EAAa,QAAQ,UAAA;AAAW,GACpD;AACF;AAEA,SAAS,sBAAsB,KAAA,EAAyB;AACtD,EAAA,IACE,KAAA,CAAM,aAAA,YAAyB,WAAA,IAC/B,KAAA,CAAM,yBAAyB,WAAA,EAC/B;AACA,IAAA,OAAO,KAAA,CAAM,aAAA,CAAc,QAAA,CAAS,KAAA,CAAM,aAAa,CAAA;AAAA,EACzD;AAEA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/{useDialogTransitionStates-C1TtiwA_.js → useKeyboardFocusables-ek2mYel-.js}

@@ -1,5 +1,6 @@
-import { useEffect } from 'react';
-import { u as useOpenCloseTransitionStates } from './useOnClickOutside-B1ddwORK.js';
+import { useEffect, useState, useRef } from 'react';
+import { u as useOpenCloseTransitionStates } from './useOnClickOutside-C5AZE_I6.js';
+import { t as tabbable } from './DrawerContext-D4tWTLVf.js';
 
 const ATTRIBUTE_NAME_LIST = "data-anv-dialogs";
 const ATTRIBUTE_NAME_BOOL = "data-anv-dialogs-open";
@@ -60,5 +61,45 @@ const useDialogTransitionStates = (ref, openProp, options = {}) => {
   });
 };
 
-export { useDialogScrollLock as a, useDialogTransitionStates as u };
-//# sourceMappingURL=useDialogTransitionStates-C1TtiwA_.js.map
+const useKeyboardFocusables = (element, options = {
+  observeChange: true,
+  attributes: true,
+  characterData: true,
+  childList: true,
+  subtree: true
+}) => {
+  const [focusables, setFocusables] = useState(null);
+  const observerRef = useRef();
+  useEffect(() => {
+    const target = element instanceof HTMLElement ? element : element?.current;
+    if (!target) return;
+    if (!options.observeChange && !focusables) {
+      setFocusables(tabbable(target));
+      return;
+    }
+    const mutationCallback = () => {
+      const targetArr = tabbable(target);
+      if (targetArr.length === 0) return;
+      setFocusables(targetArr);
+    };
+    const observer = new MutationObserver(mutationCallback);
+    observerRef.current = observer;
+    observer.observe(target, {
+      childList: true,
+      // Observe changes to child elements
+      subtree: true,
+      // Observe changes to descendants of the target
+      attributes: true,
+      // Observe changes to attributes
+      characterData: true
+      // Observe changes to text content
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, [element, options, focusables]);
+  return { focusables };
+};
+
+export { useKeyboardFocusables as a, useDialogScrollLock as b, useDialogTransitionStates as u };
+//# sourceMappingURL=useKeyboardFocusables-ek2mYel-.js.map

package/dist/useKeyboardFocusables-ek2mYel-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardFocusables-ek2mYel-.js","sources":["../src/internal/hooks/useDialogScrollLock/useDialogScrollLock.ts","../src/internal/hooks/useDialogTransitionStates/useDialogTransitionStates.ts","../src/internal/hooks/useKeyboardFocusables/useKeyboardFocusables.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst ATTRIBUTE_NAME_LIST = \"data-anv-dialogs\";\nconst ATTRIBUTE_NAME_BOOL = \"data-anv-dialogs-open\";\n\n/**\n * Props for the useDialogScrollLock hook\n * @property {boolean} open - Whether the dialog is open\n * @property {string} id - Unique identifier for the dialog\n * @property {boolean} [enableScrollChaining] - Whether to enable scroll chaining\n * @property {React.RefObject<HTMLElement>} elementRef - Reference to the dialog element\n */\nexport interface UseDialogScrollLockProps {\n  /**\n   * Whether the dialog is open\n   */\n  open: boolean;\n  /**\n   * Unique identifier for the dialog\n   */\n  id: string;\n  /**\n   * Whether to enable scroll chaining\n   */\n  enableScrollChaining?: boolean;\n  /**\n   * Reference to the dialog element\n   */\n  elementRef: React.RefObject<HTMLElement>;\n}\n\n/**\n * Custom hook for managing dialog scroll lock in shadow DOM environments.\n *\n * Features:\n * - Manages scroll lock state for dialogs in shadow DOM\n * - Tracks multiple open dialogs with unique IDs\n * - Prevents scroll chaining when dialogs are open\n * - Automatically cleans up scroll lock on unmount\n * - Supports enabling/disabling scroll chaining\n * - Uses data attributes to track dialog state\n *\n * @param props - Configuration object containing dialog state and element reference\n * @returns void\n */\nexport const useDialogScrollLock = ({\n  open,\n  id,\n  enableScrollChaining,\n  elementRef,\n}: UseDialogScrollLockProps) => {\n  useEffect(() => {\n    if (enableScrollChaining) return () => {};\n    const root = elementRef.current?.getRootNode();\n    if (!(root instanceof ShadowRoot)) return () => {};\n\n    const updateDialogAttributes = (shouldAdd: boolean) => {\n      const currentDialogs =\n        root.host\n          .getAttribute(ATTRIBUTE_NAME_LIST)\n          ?.split(\" \")\n          .filter(Boolean) ?? [];\n\n      const newDialogs = new Set(currentDialogs);\n      if (shouldAdd) {\n        newDialogs.add(id);\n      } else {\n        newDialogs.delete(id);\n      }\n\n      const dialogList = Array.from(newDialogs);\n      root.host.setAttribute(ATTRIBUTE_NAME_LIST, dialogList.join(\" \"));\n\n      if (dialogList.length > 0) {\n        root.host.setAttribute(ATTRIBUTE_NAME_BOOL, \"true\");\n      } else {\n        root.host.removeAttribute(ATTRIBUTE_NAME_BOOL);\n      }\n    };\n\n    updateDialogAttributes(open);\n\n    return () => {\n      updateDialogAttributes(false);\n    };\n  }, [open, id, enableScrollChaining, elementRef]);\n};\n","import { RefObject } from \"react\";\nimport {\n  useOpenCloseTransitionStates,\n  type OpenCloseTransitionStateEffects,\n} from \"../useOpenCloseTransitionStates\";\n\n/**\n * Effects configuration for dialog transition states\n * @property {() => void} [onOpenAnimationStart] - Callback when opening animation starts\n * @property {() => void} [onCloseAnimationStart] - Callback when closing animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback when opening animation completes\n * @property {() => void} [onCloseAnimationComplete] - Callback when closing animation completes\n */\n\n/**\n * Custom hook for managing dialog transition states and animations.\n *\n * Features:\n * - Manages dialog open/close transition states\n * - Handles animation timing based on CSS animation duration\n * - Provides callbacks for animation lifecycle events\n * - Supports controlled dialog state management\n * - Automatically handles showModal() and close() calls\n * - Provides utility flags for open/closed states\n *\n * @param ref - The ref to the dialog element\n * @param openProp - The open prop controlling dialog visibility\n * @param options - Additional, optional options including callbacks for animation start, complete, and initialization\n * @returns Object containing dialog state, control functions, and utility flags\n */\n\n/**\n * Effects configuration for dialog transition states\n * @param openProp - The open prop controlling dialog visibility\n * @param options - The effects configuration\n * @returns The dialog transition state\n */\nexport const useDialogTransitionStates = (\n  ref: RefObject<HTMLDialogElement>,\n  openProp: boolean | undefined,\n  options: OpenCloseTransitionStateEffects = {},\n) => {\n  const { onOpenAnimationStart, onCloseAnimationComplete } = options;\n  return useOpenCloseTransitionStates(openProp, {\n    ...options,\n    onOpenAnimationStart: () => {\n      if (!ref.current) return;\n      ref.current.showModal();\n      onOpenAnimationStart?.();\n    },\n    onCloseAnimationComplete: () => {\n      if (!ref.current) return;\n      ref.current.close();\n      onCloseAnimationComplete?.();\n    },\n    durationMs: () => {\n      if (!ref.current || !window) return 0;\n      const duration = window.getComputedStyle(ref.current).animationDuration;\n      return parseFloat(duration) * 1000;\n    },\n  });\n};\n","import { RefObject, useEffect, useRef, useState } from \"react\";\nimport { FocusableElement, tabbable } from \"tabbable\";\n\n/**\n * Options for the useKeyboardFocusables hook\n */\ntype OptionProps =\n  | {\n      /**\n       * Disable mutation observer\n       */\n      observeChange: false;\n    }\n  | {\n      /**\n       * Enable mutation observer with optional configuration\n       */\n      observeChange: true;\n      /**\n       * Observe attribute changes\n       */\n      attributes?: boolean;\n      /**\n       * Observe text content changes\n       */\n      characterData?: boolean;\n      /**\n       * Observe child element changes\n       */\n      childList?: boolean;\n      /**\n       * Observe descendant changes\n       */\n      subtree?: boolean;\n    };\n\n/**\n * Custom hook for tracking keyboard focusable elements within a container.\n *\n * Features:\n * - Tracks all keyboard focusable elements within a target container\n * - Supports both ref objects and direct element references\n * - Optional mutation observer for real-time updates\n * - Debounced updates to prevent excessive re-renders\n * - Configurable mutation observer options\n * - Manual update function for immediate refresh\n * - Uses tabbable library for accurate focusable detection\n * - Automatically cleans up mutation observer\n *\n * @param element - Target element or ref to monitor for focusable elements\n * @param options - Configuration options for mutation observer behavior\n * @returns Object containing current focusable elements and update function\n */\nexport const useKeyboardFocusables = (\n  element: RefObject<HTMLElement> | HTMLElement | undefined,\n  options: OptionProps = {\n    observeChange: true,\n    attributes: true,\n    characterData: true,\n    childList: true,\n    subtree: true,\n  },\n) => {\n  const [focusables, setFocusables] = useState<FocusableElement[] | null>(null);\n  const observerRef = useRef<MutationObserver>();\n\n  useEffect(() => {\n    const target = element instanceof HTMLElement ? element : element?.current;\n    if (!target) return;\n    if (!options.observeChange && !focusables) {\n      setFocusables(tabbable(target as Element));\n      return;\n    }\n\n    const mutationCallback = () => {\n      const targetArr = tabbable(target as Element);\n      if (targetArr.length === 0) return;\n      setFocusables(targetArr);\n    };\n\n    const observer = new MutationObserver(mutationCallback);\n    observerRef.current = observer;\n    observer.observe(target, {\n      childList: true, // Observe changes to child elements\n      subtree: true, // Observe changes to descendants of the target\n      attributes: true, // Observe changes to attributes\n      characterData: true, // Observe changes to text content\n    });\n    return () => {\n      observer.disconnect();\n    };\n  }, [element, options, focusables]);\n\n  return { focusables };\n};\n"],"names":[],"mappings":"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"}

package/dist/useMergeRefs-Dfmtq9cI.js

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+
+function useMergeRefs(refs) {
+  return useMemo(() => mergeRefs(refs), refs);
+}
+function mergeRefs(refs) {
+  if (refs.every((ref) => ref == null)) {
+    return null;
+  }
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+export { mergeRefs as m, useMergeRefs as u };
+//# sourceMappingURL=useMergeRefs-Dfmtq9cI.js.map

package/dist/useMergeRefs-Dfmtq9cI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeRefs-Dfmtq9cI.js","sources":["../src/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["import {\n  useMemo,\n  type Ref,\n  type RefCallback,\n  type MutableRefObject,\n} from \"react\";\n\n/**\n * Custom hook for merging multiple React refs into a single callback ref.\n * @see https://floating-ui.com/docs/react-utils#usemergerefs\n *\n * Features:\n * - Merges an array of refs into a single callback ref\n * - Handles both function refs and object refs\n * - Optimized with useMemo for performance\n * - Returns null when all refs are null/undefined\n * - Supports generic types for type safety\n * - Automatically handles ref assignment and cleanup\n *\n * @param refs - Array of React refs to merge\n * @returns Single callback ref that handles all provided refs, or null if all refs are null\n */\nexport function useMergeRefs<Instance>(\n  refs: Array<Ref<Instance> | undefined>,\n): RefCallback<Instance> | null {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => mergeRefs(refs), refs);\n}\n\n/**\n * Merges an array of refs into a single callback ref.\n *\n * Features:\n * - Merges an array of refs into a single callback ref\n * - Handles both function refs and object refs\n *\n * @param refs - Array of React refs to merge\n * @returns\n */\nexport function mergeRefs<Instance>(\n  refs: Array<Ref<Instance> | undefined>,\n): RefCallback<Instance> | null {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        (ref as MutableRefObject<Instance | null>).current = value;\n      }\n    });\n  };\n}\n"],"names":[],"mappings":";;AAsBO,SAAS,aACd,IAAA,EAC8B;AAE9B,EAAA,OAAO,OAAA,CAAQ,MAAM,SAAA,CAAU,IAAI,GAAG,IAAI,CAAA;AAC5C;AAYO,SAAS,UACd,IAAA,EAC8B;AAC9B,EAAA,IAAI,KAAK,KAAA,CAAM,CAAC,GAAA,KAAQ,GAAA,IAAO,IAAI,CAAA,EAAG;AACpC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,CAAC,KAAA,KAAU;AAChB,IAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACpB,MAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,QAAA,GAAA,CAAI,KAAK,CAAA;AAAA,MACX,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,QAAC,IAA0C,OAAA,GAAU,KAAA;AAAA,MACvD;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAA;AACF;;;;"}

package/dist/useMergeRefs.js

@@ -1,2 +1,2 @@
-export { u as default, u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
+export { u as default, u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 //# sourceMappingURL=useMergeRefs.js.map

package/dist/{useOnClickOutside-B1ddwORK.js → useOnClickOutside-C5AZE_I6.js}

@@ -1,5 +1,4 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
-import { t as tabbable } from './DrawerContext-D4tWTLVf.js';
 
 const useOpenCloseTransitionStates = (openProp, options = {
   durationMs: 0
@@ -65,72 +64,14 @@ const useOpenCloseTransitionStates = (openProp, options = {
   };
 };
 
-const useKeyboardFocusables = (element, options = {
-  observeChange: true,
-  attributes: true,
-  characterData: true,
-  childList: true,
-  subtree: true
-}) => {
-  const [focusables, setFocusables] = useState(null);
-  const observerRef = useRef();
-  const mountedRef = useRef(true);
-  useEffect(() => {
-    const target = element instanceof HTMLElement ? element : element?.current;
-    if (!target) return;
-    if (observerRef.current) return;
-    if (!options.observeChange && !focusables) {
-      setFocusables(tabbable(target));
-      return;
-    }
-    let timeoutId = null;
-    const debounceDelay = 100;
-    const mutationCallback = () => {
-      const targetArr = tabbable(target);
-      if (targetArr.length === 0) return;
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-      timeoutId = setTimeout(() => {
-        if (!mountedRef.current) return;
-        setFocusables(targetArr);
-      }, debounceDelay);
-    };
-    const observer = new MutationObserver(mutationCallback);
-    observerRef.current = observer;
-    observer.observe(target, {
-      childList: true,
-      // Observe changes to child elements
-      subtree: true,
-      // Observe changes to descendants of the target
-      attributes: true,
-      // Observe changes to attributes
-      characterData: true
-      // Observe changes to text content
-    });
-  }, [element, options]);
-  useEffect(() => {
-    return () => {
-      mountedRef.current = false;
-      if (!observerRef.current) return;
-      observerRef.current.disconnect();
-    };
-  }, []);
-  const updateFocusables = () => {
-    const target = element instanceof HTMLElement ? element : element?.current;
-    if (!target) return;
-    setFocusables(tabbable(target));
-  };
-  return { focusables, updateFocusables };
-};
-
 const useOnClickOutside = ({
   onOutsidePress,
   targets,
-  onClose
+  onClose,
+  disable
 }) => {
   useEffect(() => {
-    if (typeof document === "undefined") return;
+    if (disable || typeof document === "undefined") return;
     let isClosable = false;
     const onMouseDownHandler = (e) => {
       let isTarget = false;
@@ -166,8 +107,8 @@ const useOnClickOutside = ({
       document.removeEventListener("mousedown", onMouseDownHandler);
       document.removeEventListener("mouseup", onMouseUpHandler);
     };
-  }, [onClose, onOutsidePress, targets]);
+  }, [onClose, onOutsidePress, targets, disable]);
 };
 
-export { useKeyboardFocusables as a, useOnClickOutside as b, useOpenCloseTransitionStates as u };
-//# sourceMappingURL=useOnClickOutside-B1ddwORK.js.map
+export { useOnClickOutside as a, useOpenCloseTransitionStates as u };
+//# sourceMappingURL=useOnClickOutside-C5AZE_I6.js.map

package/dist/useOnClickOutside-C5AZE_I6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside-C5AZE_I6.js","sources":["../src/internal/hooks/useOpenCloseTransitionStates/useOpenCloseTransitionStates.ts","../src/internal/hooks/useOnClickOutside/useOnClickOutside.ts"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from \"react\";\n\n/**\n * Possible states for open/close transitions\n */\nexport type OpenCloseTransitionStates =\n  | \"opening\"\n  | \"open\"\n  | \"closing\"\n  | \"closed\";\n\n/**\n * Effects configuration for open/close transition states\n * @property {() => void} [onOpenAnimationStart] - Callback when opening animation starts\n * @property {() => void} [onCloseAnimationStart] - Callback when closing animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback when opening animation completes\n * @property {() => void} [onCloseAnimationComplete] - Callback when closing animation completes\n * @property {number | (() => number)} [durationMs] - Duration of the animation in milliseconds (or a function that returns the duration)\n */\nexport type OpenCloseTransitionStateEffects = {\n  /**\n   * Callback when opening animation starts\n   */\n  onOpenAnimationStart?: () => void;\n  /**\n   * Callback when closing animation starts\n   */\n  onCloseAnimationStart?: () => void;\n  /**\n   * Callback when opening animation completes\n   */\n  onOpenAnimationComplete?: () => void;\n  /**\n   * Callback when closing animation completes\n   */\n  onCloseAnimationComplete?: () => void;\n};\n\nexport type OpenCloseTransitionState = {\n  state: OpenCloseTransitionStates;\n  beginClosing: () => void;\n  isOpenOrOpening: boolean;\n  isClosedOrClosing: boolean;\n};\n\nexport type OpenCloseTransitionStateOptions = {\n  durationMs: number | (() => number);\n  onOpenAnimationStart?: () => void;\n  onCloseAnimationStart?: () => void;\n  onOpenAnimationComplete?: () => void;\n  onCloseAnimationComplete?: () => void;\n};\n\n/**\n * Custom hook for managing open/close transition states and animations.\n *\n * @param openProp - The open prop controlling visibility\n * @param options - Additional, optional options including callbacks for animation start, complete, and initialization\n * @returns Object containing state, control functions, and utility flags\n */\nexport const useOpenCloseTransitionStates = (\n  openProp: boolean | undefined,\n  options: OpenCloseTransitionStateOptions = {\n    durationMs: 0,\n  },\n): OpenCloseTransitionState => {\n  const {\n    onOpenAnimationStart,\n    onCloseAnimationStart,\n    onOpenAnimationComplete,\n    onCloseAnimationComplete,\n    durationMs,\n  } = options;\n  const prevOpenProp = useRef<boolean | undefined>(openProp);\n  const [state, setState] = useState<OpenCloseTransitionStates>(\n    openProp ? \"open\" : \"closed\",\n  );\n\n  // Handle open/close prop changes\n  useEffect(() => {\n    if (prevOpenProp.current && !openProp) {\n      // previously open, now closed\n      setState(\"closing\");\n    } else if (!prevOpenProp.current && openProp) {\n      // previously closed, now open\n      setState(\"opening\");\n    } else {\n      // Note: Using \"opening\" here catches the case where the element is initially open, allowing callbacks and animations to run.\n      setState(openProp ? \"opening\" : \"closed\");\n    }\n    prevOpenProp.current = openProp;\n  }, [openProp]);\n\n  // Handle opening/closing animations\n  useEffect(() => {\n    if (!durationMs) return;\n    if (state === \"open\" || state === \"closed\") return;\n    if (state === \"opening\") {\n      onOpenAnimationStart?.();\n    } else if (state === \"closing\") {\n      onCloseAnimationStart?.();\n    }\n    const d: number =\n      typeof durationMs === \"function\" ? durationMs() : durationMs;\n    const timeout = setTimeout(() => {\n      if (state === \"opening\") {\n        setState(\"open\");\n        onOpenAnimationComplete?.();\n      } else if (state === \"closing\") {\n        setState(\"closed\");\n        onCloseAnimationComplete?.();\n      }\n    }, d);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [\n    state,\n    onOpenAnimationComplete,\n    onCloseAnimationComplete,\n    onOpenAnimationStart,\n    onCloseAnimationStart,\n    durationMs,\n  ]);\n\n  const beginClosing = useCallback(() => {\n    setState(\"closing\");\n  }, []);\n\n  return {\n    state,\n    beginClosing,\n    isOpenOrOpening: state === \"open\" || state === \"opening\",\n    isClosedOrClosing: state === \"closed\" || state === \"closing\",\n  };\n};\n","import { useEffect } from \"react\";\n\n/**\n * Props for the useOnClickOutside hook\n */\ntype UseOnClickOutsideProps = {\n  /**\n   * Callback when clicking outside targets\n   */\n  onOutsidePress?: (e: globalThis.MouseEvent) => void;\n  /**\n   * Callback when closing (after outside press)\n   */\n  onClose?: () => void;\n  /**\n   * Array of target elements to monitor\n   */\n  targets: (HTMLElement | undefined)[];\n  /**\n   * Whether to disable the useOnClickOutside hook\n   */\n  disable?: boolean;\n};\n\n/**\n * Custom hook for detecting clicks outside of specified target elements.\n *\n * Features:\n * - Detects clicks outside of multiple target elements\n * - Supports both mousedown and mouseup event handling\n * - Provides separate callbacks for outside press and close actions\n * - Handles SSR environments gracefully\n * - Automatically cleans up event listeners\n * - Uses composedPath for accurate event target detection\n * - Supports optional callbacks for flexible usage\n *\n * @param props - Configuration object containing targets and optional callbacks\n * @returns void\n */\nexport const useOnClickOutside = ({\n  onOutsidePress,\n  targets,\n  onClose,\n  disable,\n}: UseOnClickOutsideProps) => {\n  useEffect(() => {\n    if (disable || typeof document === \"undefined\") return;\n\n    let isClosable = false;\n    const onMouseDownHandler = (e: globalThis.MouseEvent) => {\n      let isTarget = false;\n      const path = e.composedPath();\n      for (const el of targets) {\n        if (el && path.includes(el)) {\n          isTarget = true;\n          break;\n        }\n      }\n\n      if (!isTarget) {\n        onOutsidePress?.(e);\n        isClosable = true;\n      }\n    };\n    const onMouseUpHandler = (e: globalThis.MouseEvent) => {\n      if (!isClosable) return;\n      let isTarget = false;\n      const path = e.composedPath();\n      for (const el of targets) {\n        if (el && path.includes(el)) {\n          isTarget = true;\n          break;\n        }\n      }\n      if (!isTarget) {\n        onClose?.();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", onMouseDownHandler);\n    document.addEventListener(\"mouseup\", onMouseUpHandler);\n    return () => {\n      document.removeEventListener(\"mousedown\", onMouseDownHandler);\n      document.removeEventListener(\"mouseup\", onMouseUpHandler);\n    };\n  }, [onClose, onOutsidePress, targets, disable]);\n};\n"],"names":[],"mappings":"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"}

package/dist/utils-CnKBdBNm.js

@@ -0,0 +1,50 @@
+import { D as DateTime } from './Calendar-Cn0fOgog.js';
+
+const DateModeToFormatMap = {
+  "mm/dd/yyyy": "MM/dd/yyyy",
+  "dd/mm/yyyy": "dd/MM/yyyy",
+  "yyyy/mm/dd": "yyyy/MM/dd"
+};
+const DateModeToPlaceholderMap = {
+  "dd/mm/yyyy": "__/__/____",
+  "mm/dd/yyyy": "__/__/____",
+  "yyyy/mm/dd": "____/__/__"
+};
+
+function convertStringToDate(v) {
+  if (v === void 0 || v === null) {
+    return v;
+  }
+  const date = DateTime.fromISO(v, { setZone: true, zone: "utc" }).startOf(
+    "day"
+  );
+  if (date.isValid) {
+    return date;
+  }
+  return null;
+}
+function validateDate({
+  date,
+  constraints
+}) {
+  const { required, unavailable, minDate, maxDate } = constraints;
+  if (!date) {
+    return required ? false : true;
+  }
+  if (unavailable?.dates?.some((d) => d.equals(date))) {
+    return false;
+  }
+  if (unavailable?.daysOfWeek?.includes(date.weekday)) {
+    return false;
+  }
+  if (minDate && date < minDate) {
+    return false;
+  }
+  if (maxDate && date > maxDate) {
+    return false;
+  }
+  return true;
+}
+
+export { DateModeToPlaceholderMap as D, DateModeToFormatMap as a, convertStringToDate as c, validateDate as v };
+//# sourceMappingURL=utils-CnKBdBNm.js.map

package/dist/utils-CnKBdBNm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CnKBdBNm.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.46.2",
+  "version": "1.46.3",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",