@servicetitan/anvil2 1.50.1 → 1.50.2

package/dist/index.js

@@ -10,52 +10,52 @@ 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-CAYitkfM.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-BeFARXwq.js';
 export { C as Card } from './Card-Ch3sMUo5.js';
-export { C as Checkbox } from './Checkbox-zAKOGEBl.js';
-export { C as CheckboxGroup } from './Checkbox-DbBeuNdW.js';
+export { C as Checkbox } from './Checkbox-Chck2V5C.js';
+export { C as CheckboxGroup } from './Checkbox-BwFY38z1.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-DGAa9vgU.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-BTTWNSW1.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.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 DateField } from './DateField-B8JdMu94.js';
+export { D as DateFieldRange } from './DateFieldRange-DWAgi_T9.js';
+export { D as DateFieldSingle } from './DateFieldSingle-CQ6X-bVX.js';
+export { D as DateFieldYearless } from './DateFieldYearless-D6-NfIHu.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-CQM0vibm.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-BR-mg77X.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-BwabBKoZ.js';
-export { D as DialogCancelButton } from './DialogCancelButton-sTEfx5kf.js';
+export { D as Dialog, a as DialogContent, b as DialogFooter, c as DialogHeader } from './Dialog-Ba2oIATn.js';
+export { D as DialogCancelButton } from './DialogCancelButton-CBHyI0CI.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-GXeoK-r9.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-CWogbC68.js';
 export { E as EditCard } from './EditCard-Ds1UXJIS.js';
-export { F as FieldLabel } from './FieldLabel-jqlQ1Ldh.js';
+export { F as FieldLabel } from './FieldLabel-BWOIFXgt.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-CJC9xZHG.js';
+export { I as InputMask } from './InputMask-BzY1DJoV.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.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-D8mfK8Lu.js';
-export { M as Menu, a as MenuItem } from './Menu-Cn2JJe1Y.js';
-export { N as NumberField } from './NumberField-CjWLnD9X.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-C5OBwbHe.js';
+export { M as Menu, a as MenuItem } from './Menu-69JwGxYh.js';
+export { N as NumberField } from './NumberField-CcH25bnO.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-DEbpjQw0.js';
-export { P as Pagination } from './Pagination-BR8MiRaA.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 { P as Page } from './Page-B5HZSjSl.js';
+export { P as Pagination } from './Pagination-CkdBaQx6.js';
+import { P as Popover } from './Popover-D9SmGQTh.js';
+export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-D9SmGQTh.js';
+export { P as ProgressBar } from './ProgressBar-BABkqVmW.js';
+export { R as Radio } from './Radio-Cds2laHA.js';
+export { R as RadioGroup } from './RadioGroup-COVlUmwy.js';
 export { S as SearchField } from './SearchField-CJAo8dE0.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DK1cwC7A.js';
-export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-CjbsPKZ4.js';
-export { S as SelectTrigger } from './SelectTrigger-D4AjiMKp.js';
+export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-C-Kjk5eS.js';
+export { S as SelectTrigger } from './SelectTrigger-C1U-PlLz.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';
@@ -64,18 +64,18 @@ export { S as Stepper, a as StepperFinalPanel, b as StepperList, c as StepperNex
 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-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';
+export { T as Textarea } from './Textarea-Cb0Qs2FH.js';
+export { T as TextField } from './TextField-BYGSTwkL.js';
+export { T as TimeField } from './TimeField-DBtJYC7t.js';
+export { T as Toaster } from './Toaster-Cerf91qp.js';
+export { t as toast } from './Toaster-DDrGllhh.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-CBy7srE2.js';
-export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-CBy7srE2.js';
+import { T as Tooltip } from './Tooltip-CkfkiQPz.js';
+export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-CkfkiQPz.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/internal/components/Label/Label.d.ts

@@ -13,11 +13,15 @@ export type LabelProps = Omit<ComponentPropsWithoutRef<"label">, "id"> & {
     required?: boolean;
     /** Additional information to display in a tooltip */
     moreInfo?: ReactNode;
+    /**
+     * @deprecated: Use `moreInfoOpen` instead.
+     */
+    openMoreInfo?: TooltipProps["open"];
     /**
      * Controls the open state of the more info tooltip.
      * @default false
      */
-    openMoreInfo?: TooltipProps["open"];
+    moreInfoOpen?: TooltipProps["open"];
 };
 /**
  * Internal component for rendering the info icon with tooltip.
@@ -25,10 +29,12 @@ export type LabelProps = Omit<ComponentPropsWithoutRef<"label">, "id"> & {
  * @param props - Component props
  * @param props.moreInfo - The content to display in the tooltip
  * @param props.openMoreInfo - Controls the tooltip open state
+ * @param props.moreInfoOpen - Controls the tooltip open state
  */
-export declare const LabelMoreInfoIcon: ({ moreInfo, openMoreInfo, }: {
+export declare const LabelMoreInfoIcon: ({ moreInfo, openMoreInfo, moreInfoOpen, }: {
     moreInfo: LabelProps["moreInfo"];
     openMoreInfo: LabelProps["openMoreInfo"];
+    moreInfoOpen: LabelProps["moreInfoOpen"];
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * Label component for form field labels with optional required indicator and help tooltip.
@@ -69,9 +75,13 @@ export declare const Label: import('react').ForwardRefExoticComponent<Omit<Omit<
     required?: boolean;
     /** Additional information to display in a tooltip */
     moreInfo?: ReactNode;
+    /**
+     * @deprecated: Use `moreInfoOpen` instead.
+     */
+    openMoreInfo?: TooltipProps["open"];
     /**
      * Controls the open state of the more info tooltip.
      * @default false
      */
-    openMoreInfo?: TooltipProps["open"];
+    moreInfoOpen?: TooltipProps["open"];
 } & import('react').RefAttributes<HTMLLabelElement>>;

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

@@ -3,13 +3,14 @@
  */
 type UseOnClickOutsideProps = {
     /**
-     * Callback when clicking outside targets
+     * Callback fired when a click begins outside target elements (on pointerdown)
      */
-    onOutsidePress?: (e: globalThis.MouseEvent) => void;
+    onClickOutsideBegin?: (e: PointerEvent) => void;
     /**
-     * Callback when closing (after outside press)
+     * Callback fired when a click completes outside target elements (on pointerup),
+     * but only if the click also began outside the targets
      */
-    onClose?: () => void;
+    onClickOutside?: (e: PointerEvent) => void;
     /**
      * Array of target elements to monitor
      */
@@ -29,8 +30,8 @@ type UseOnClickOutsideProps = {
  *
  * Features:
  * - Detects clicks outside of multiple target elements
- * - Supports both mousedown and mouseup event handling
- * - Provides separate callbacks for outside press and close actions
+ * - Supports both pointerdown and pointerup event handling (works for mouse and touch)
+ * - Provides separate callbacks for click begin and complete actions
  * - Handles SSR environments gracefully
  * - Automatically cleans up event listeners
  * - Uses composedPath for accurate event target detection
@@ -39,5 +40,5 @@ type UseOnClickOutsideProps = {
  * @param props - Configuration object containing targets and optional callbacks
  * @returns void
  */
-export declare const useOnClickOutside: ({ onOutsidePress, targets, onClose, disable, layerId, }: UseOnClickOutsideProps) => void;
+export declare const useOnClickOutside: ({ onClickOutsideBegin, targets, onClickOutside, disable, layerId, }: UseOnClickOutsideProps) => void;
 export {};

package/dist/types/props.d.ts

@@ -64,3 +64,8 @@ export type SemanticColor = "primary" | "secondary" | "critical" | "warning";
 export type Size = "0" | "xsmall" | "small" | "medium" | "large" | "xlarge";
 export type Status = "info" | "success" | "warning" | "danger";
 export type Svg = FC<SVGProps<SVGSVGElement>>;
+/**
+ * Represents the state of a checkbox-style selection.
+ * Used by SelectField, MultiSelectField, and similar components.
+ */
+export type CheckState = "indeterminate" | "loading" | "checked" | "unchecked";

package/dist/{useInitialFocus-BpmW7pDB.js → useInitialFocus-D_ESGka7.js}

@@ -1,6 +1,6 @@
-import { u as useOpenCloseTransitionStates } from './useOnClickOutside-BDzuUjmY.js';
+import { u as useOpenCloseTransitionStates } from './useOpenCloseTransitionStates-CiTYrLGi.js';
 import { useState, useRef, useEffect } from 'react';
-import { t as tabbable } from './DrawerContext-Cs3k160L.js';
+import { t as tabbable } from './DrawerContext-rJvgnn3O.js';
 
 const useDialogTransitionStates = (ref, openProp, options = {}) => {
   const { onOpenAnimationStart, onCloseAnimationComplete } = options;
@@ -90,4 +90,4 @@ const useInitialFocus = (dialogRef, { computeFocus }) => {
 };
 
 export { useKeyboardFocusables as a, useInitialFocus as b, useDialogTransitionStates as u };
-//# sourceMappingURL=useInitialFocus-BpmW7pDB.js.map
+//# sourceMappingURL=useInitialFocus-D_ESGka7.js.map

package/dist/{useInitialFocus-BpmW7pDB.js.map → useInitialFocus-D_ESGka7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useInitialFocus-BpmW7pDB.js","sources":["../src/internal/hooks/useDialogTransitionStates/useDialogTransitionStates.ts","../src/internal/hooks/useKeyboardFocusables/useKeyboardFocusables.ts","../src/components/Dialog/internal/useInitialFocus.ts"],"sourcesContent":["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","import { RefObject, useEffect } from \"react\";\nimport { FocusableElement, tabbable } from \"tabbable\";\n\nexport type InitialFocusOptions = {\n  /**\n   * Function to pick the initial focus target, given an array of focusable elements\n   */\n  computeFocus?: (focusables: FocusableElement[]) => FocusableElement;\n};\n\n/**\n * Hook to set initial focus for a dialog (e.g. Dialog, Drawer) when it is opened.\n * @param dialogRef - Ref to the dialog element\n * @param options - Options for the hook\n * @param options.computeFocus - Function to pick the initial focus target, given an array of focusable elements\n */\nexport const useInitialFocus = (\n  /**\n   * Ref to the dialog element\n   */\n  dialogRef: RefObject<HTMLDialogElement>,\n  { computeFocus }: InitialFocusOptions,\n) => {\n  useEffect(() => {\n    if (!dialogRef.current) {\n      return () => {};\n    }\n    // Create a MutationObserver to check if dialogRef.current is open or closed\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.attributeName === \"open\" &&\n          mutation.target === dialogRef.current &&\n          mutation.target instanceof HTMLDialogElement &&\n          mutation.target.open === true\n        ) {\n          const focusables = tabbable(dialogRef.current);\n          const target = computeFocus?.(focusables) || focusables[0];\n          target?.focus();\n        }\n      });\n    });\n    observer.observe(dialogRef.current, {\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    return () => {\n      observer.disconnect();\n    };\n  }, [dialogRef, computeFocus]);\n};\n"],"names":[],"mappings":";;;;AAqCO,MAAM,4BAA4B,CACvC,GAAA,EACA,QAAA,EACA,OAAA,GAA2C,EAAC,KACzC;AACH,EAAA,MAAM,EAAE,oBAAA,EAAsB,wBAAA,EAAyB,GAAI,OAAA;AAC3D,EAAA,OAAO,6BAA6B,QAAA,EAAU;AAAA,IAC5C,GAAG,OAAA;AAAA,IACH,sBAAsB,MAAM;AAC1B,MAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,QAAQ,SAAA,EAAU;AACtB,MAAA,oBAAA,IAAuB;AAAA,IACzB,CAAA;AAAA,IACA,0BAA0B,MAAM;AAC9B,MAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,QAAQ,KAAA,EAAM;AAClB,MAAA,wBAAA,IAA2B;AAAA,IAC7B,CAAA;AAAA,IACA,YAAY,MAAM;AAChB,MAAA,IAAI,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,QAAQ,OAAO,CAAA;AACpC,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,gBAAA,CAAiB,GAAA,CAAI,OAAO,CAAA,CAAE,iBAAA;AACtD,MAAA,OAAO,UAAA,CAAW,QAAQ,CAAA,GAAI,GAAA;AAAA,IAChC;AAAA,GACD,CAAA;AACH;;ACRO,MAAM,qBAAA,GAAwB,CACnC,OAAA,EACA,OAAA,GAAuB;AAAA,EACrB,aAAA,EAAe,IAAA;AAAA,EACf,UAAA,EAAY,IAAA;AAAA,EACZ,aAAA,EAAe,IAAA;AAAA,EACf,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS;AACX,CAAA,KACG;AACH,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAoC,IAAI,CAAA;AAC5E,EAAA,MAAM,cAAc,MAAA,EAAyB;AAE7C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAA,GAAS,OAAA,YAAmB,WAAA,GAAc,OAAA,GAAU,OAAA,EAAS,OAAA;AACnE,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,IAAI,CAAC,OAAA,CAAQ,aAAA,IAAiB,CAAC,UAAA,EAAY;AACzC,MAAA,aAAA,CAAc,QAAA,CAAS,MAAiB,CAAC,CAAA;AACzC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,MAAM,SAAA,GAAY,SAAS,MAAiB,CAAA;AAC5C,MAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC5B,MAAA,aAAA,CAAc,SAAS,CAAA;AAAA,IACzB,CAAA;AAEA,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,gBAAgB,CAAA;AACtD,IAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AACtB,IAAA,QAAA,CAAS,QAAQ,MAAA,EAAQ;AAAA,MACvB,SAAA,EAAW,IAAA;AAAA;AAAA,MACX,OAAA,EAAS,IAAA;AAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA;AAAA,MACZ,aAAA,EAAe;AAAA;AAAA,KAChB,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,OAAA,EAAS,UAAU,CAAC,CAAA;AAEjC,EAAA,OAAO,EAAE,UAAA,EAAW;AACtB;;AC9EO,MAAM,eAAA,GAAkB,CAI7B,SAAA,EACA,EAAE,cAAa,KACZ;AACH,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACtB,MAAA,OAAO,MAAM;AAAA,MAAC,CAAA;AAAA,IAChB;AAEA,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAC,SAAA,KAAc;AACnD,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,QAAA,KAAa;AAC9B,QAAA,IACE,QAAA,CAAS,aAAA,KAAkB,MAAA,IAC3B,QAAA,CAAS,MAAA,KAAW,SAAA,CAAU,OAAA,IAC9B,QAAA,CAAS,MAAA,YAAkB,iBAAA,IAC3B,QAAA,CAAS,MAAA,CAAO,SAAS,IAAA,EACzB;AACA,UAAA,MAAM,UAAA,GAAa,QAAA,CAAS,SAAA,CAAU,OAAO,CAAA;AAC7C,UAAA,MAAM,MAAA,GAAS,YAAA,GAAe,UAAU,CAAA,IAAK,WAAW,CAAC,CAAA;AACzD,UAAA,MAAA,EAAQ,KAAA,EAAM;AAAA,QAChB;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AACD,IAAA,QAAA,CAAS,OAAA,CAAQ,UAAU,OAAA,EAAS;AAAA,MAClC,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,MAAM;AAAA,KACzB,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,YAAY,CAAC,CAAA;AAC9B;;;;"}
+{"version":3,"file":"useInitialFocus-D_ESGka7.js","sources":["../src/internal/hooks/useDialogTransitionStates/useDialogTransitionStates.ts","../src/internal/hooks/useKeyboardFocusables/useKeyboardFocusables.ts","../src/components/Dialog/internal/useInitialFocus.ts"],"sourcesContent":["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","import { RefObject, useEffect } from \"react\";\nimport { FocusableElement, tabbable } from \"tabbable\";\n\nexport type InitialFocusOptions = {\n  /**\n   * Function to pick the initial focus target, given an array of focusable elements\n   */\n  computeFocus?: (focusables: FocusableElement[]) => FocusableElement;\n};\n\n/**\n * Hook to set initial focus for a dialog (e.g. Dialog, Drawer) when it is opened.\n * @param dialogRef - Ref to the dialog element\n * @param options - Options for the hook\n * @param options.computeFocus - Function to pick the initial focus target, given an array of focusable elements\n */\nexport const useInitialFocus = (\n  /**\n   * Ref to the dialog element\n   */\n  dialogRef: RefObject<HTMLDialogElement>,\n  { computeFocus }: InitialFocusOptions,\n) => {\n  useEffect(() => {\n    if (!dialogRef.current) {\n      return () => {};\n    }\n    // Create a MutationObserver to check if dialogRef.current is open or closed\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.attributeName === \"open\" &&\n          mutation.target === dialogRef.current &&\n          mutation.target instanceof HTMLDialogElement &&\n          mutation.target.open === true\n        ) {\n          const focusables = tabbable(dialogRef.current);\n          const target = computeFocus?.(focusables) || focusables[0];\n          target?.focus();\n        }\n      });\n    });\n    observer.observe(dialogRef.current, {\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    return () => {\n      observer.disconnect();\n    };\n  }, [dialogRef, computeFocus]);\n};\n"],"names":[],"mappings":"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"}

package/dist/useOnClickOutside-Zw5vzxSq.js

@@ -0,0 +1,71 @@
+import { useRef, useEffect } from 'react';
+
+const WINDOW_PROPERTY_LAYER_STACK = "__ANVIL_LAYER_MANAGER__";
+const getGlobalLayers = () => {
+  if (typeof window === "undefined") {
+    return [];
+  }
+  if (!window[WINDOW_PROPERTY_LAYER_STACK]) {
+    window[WINDOW_PROPERTY_LAYER_STACK] = [];
+  }
+  return window[WINDOW_PROPERTY_LAYER_STACK];
+};
+const registerLayer = (id) => {
+  const layers = getGlobalLayers();
+  if (!layers.includes(id)) {
+    layers.push(id);
+  }
+};
+const unregisterLayer = (id) => {
+  const layers = getGlobalLayers();
+  const index = layers.indexOf(id);
+  if (index !== -1) {
+    layers.splice(index, 1);
+  }
+};
+const isTopLayer = (id) => {
+  const layers = getGlobalLayers();
+  return layers[layers.length - 1] === id;
+};
+
+const useOnClickOutside = ({
+  onClickOutsideBegin,
+  targets,
+  onClickOutside,
+  disable,
+  layerId
+}) => {
+  const pressStartedOutsideRef = useRef(false);
+  useEffect(() => {
+    if (disable || typeof document === "undefined") return;
+    const isOutsideTargets = (e) => {
+      const path = e.composedPath();
+      return !targets.some((el) => el && path.includes(el));
+    };
+    const handlePointerDown = (e) => {
+      const isOutside = isOutsideTargets(e);
+      pressStartedOutsideRef.current = isOutside;
+      if (isOutside && (!layerId || isTopLayer(layerId))) {
+        onClickOutsideBegin?.(e);
+      }
+    };
+    const handlePointerUp = (e) => {
+      const startedOutside = pressStartedOutsideRef.current;
+      pressStartedOutsideRef.current = false;
+      if (startedOutside && isOutsideTargets(e)) {
+        if (!layerId || isTopLayer(layerId)) {
+          onClickOutside?.(e);
+        }
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("pointerup", handlePointerUp);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("pointerup", handlePointerUp);
+    };
+  }, [onClickOutside, onClickOutsideBegin, targets, disable, layerId]);
+};
+
+export { useOnClickOutside as a, registerLayer as r, unregisterLayer as u };
+//# sourceMappingURL=useOnClickOutside-Zw5vzxSq.js.map

package/dist/useOnClickOutside-Zw5vzxSq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside-Zw5vzxSq.js","sources":["../src/internal/utils/layerManager.ts","../src/internal/hooks/useOnClickOutside/useOnClickOutside.ts"],"sourcesContent":["/**\n * Global layer manager for tracking overlay component stacking order.\n * Uses window-level state to support cross-bundle communication (e.g., MFEs).\n *\n * When multiple Dialog/Drawer components are open, only the topmost layer\n * should respond to outside click events. This manager tracks the z-order\n * to enable that behavior.\n */\n\nconst WINDOW_PROPERTY_LAYER_STACK = \"__ANVIL_LAYER_MANAGER__\" as const;\n\n// Declare global window property (matches DndSort pattern)\ndeclare global {\n  interface Window {\n    [WINDOW_PROPERTY_LAYER_STACK]?: string[];\n  }\n}\n\n/**\n * Get or initialize the global layer stack on the window object.\n * This ensures all instances of the design system share the same layer stack,\n * even across different bundles (e.g., base app + MFEs).\n *\n * @returns The global layers array\n */\nconst getGlobalLayers = (): string[] => {\n  // SSR safety check (matches usePrefersColorScheme pattern)\n  if (typeof window === \"undefined\") {\n    return [];\n  }\n\n  if (!window[WINDOW_PROPERTY_LAYER_STACK]) {\n    window[WINDOW_PROPERTY_LAYER_STACK] = [];\n  }\n\n  return window[WINDOW_PROPERTY_LAYER_STACK];\n};\n\n/**\n * Register a new layer in the stack.\n * If the layer is already registered, this is a no-op.\n *\n * @param id - Unique identifier for the layer\n */\nexport const registerLayer = (id: string): void => {\n  const layers = getGlobalLayers();\n  if (!layers.includes(id)) {\n    layers.push(id);\n  }\n};\n\n/**\n * Unregister a layer from the stack.\n * If the layer is not found, this is a no-op.\n *\n * @param id - Unique identifier for the layer\n */\nexport const unregisterLayer = (id: string): void => {\n  const layers = getGlobalLayers();\n  const index = layers.indexOf(id);\n  if (index !== -1) {\n    layers.splice(index, 1);\n  }\n};\n\n/**\n * Check if a layer is the topmost layer in the stack.\n *\n * @param id - Unique identifier for the layer\n * @returns True if the layer is on top, false otherwise\n */\nexport const isTopLayer = (id: string): boolean => {\n  const layers = getGlobalLayers();\n  return layers[layers.length - 1] === id;\n};\n\n/**\n * Get all registered layers in order (bottom to top).\n * Returns a readonly copy for debugging purposes.\n *\n * @returns Readonly array of layer IDs\n */\nexport const getLayers = (): readonly string[] => {\n  const layers = getGlobalLayers();\n  return [...layers];\n};\n","import { useEffect, useRef } from \"react\";\nimport { isTopLayer } from \"../../utils\";\n\n/**\n * Props for the useOnClickOutside hook\n */\ntype UseOnClickOutsideProps = {\n  /**\n   * Callback fired when a click begins outside target elements (on pointerdown)\n   */\n  onClickOutsideBegin?: (e: PointerEvent) => void;\n  /**\n   * Callback fired when a click completes outside target elements (on pointerup),\n   * but only if the click also began outside the targets\n   */\n  onClickOutside?: (e: PointerEvent) => 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   * Optional layer ID for stacking management. When provided, callbacks will only\n   * fire if this layer is the topmost layer in the stack.\n   */\n  layerId?: string;\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 pointerdown and pointerup event handling (works for mouse and touch)\n * - Provides separate callbacks for click begin and complete 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  onClickOutsideBegin,\n  targets,\n  onClickOutside,\n  disable,\n  layerId,\n}: UseOnClickOutsideProps) => {\n  const pressStartedOutsideRef = useRef(false);\n\n  useEffect(() => {\n    if (disable || typeof document === \"undefined\") return;\n\n    const isOutsideTargets = (e: PointerEvent) => {\n      const path = e.composedPath();\n      return !targets.some((el) => el && path.includes(el));\n    };\n\n    const handlePointerDown = (e: PointerEvent) => {\n      const isOutside = isOutsideTargets(e);\n      pressStartedOutsideRef.current = isOutside;\n\n      if (isOutside && (!layerId || isTopLayer(layerId))) {\n        onClickOutsideBegin?.(e);\n      }\n    };\n\n    const handlePointerUp = (e: PointerEvent) => {\n      const startedOutside = pressStartedOutsideRef.current;\n      pressStartedOutsideRef.current = false; // Reset for next interaction\n\n      if (startedOutside && isOutsideTargets(e)) {\n        if (!layerId || isTopLayer(layerId)) {\n          onClickOutside?.(e);\n        }\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    document.addEventListener(\"pointerup\", handlePointerUp);\n\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown);\n      document.removeEventListener(\"pointerup\", handlePointerUp);\n    };\n  }, [onClickOutside, onClickOutsideBegin, targets, disable, layerId]);\n};\n"],"names":[],"mappings":"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"}

package/dist/useOpenCloseTransitionStates-CiTYrLGi.js

@@ -0,0 +1,68 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+
+const useOpenCloseTransitionStates = (openProp, options = {
+  durationMs: 0
+}) => {
+  const {
+    onOpenAnimationStart,
+    onCloseAnimationStart,
+    onOpenAnimationComplete,
+    onCloseAnimationComplete,
+    durationMs
+  } = options;
+  const prevOpenProp = useRef(openProp);
+  const [state, setState] = useState(
+    openProp ? "open" : "closed"
+  );
+  useEffect(() => {
+    if (prevOpenProp.current && !openProp) {
+      setState("closing");
+    } else if (!prevOpenProp.current && openProp) {
+      setState("opening");
+    } else {
+      setState(openProp ? "opening" : "closed");
+    }
+    prevOpenProp.current = openProp;
+  }, [openProp]);
+  useEffect(() => {
+    if (!durationMs) return;
+    if (state === "open" || state === "closed") return;
+    if (state === "opening") {
+      onOpenAnimationStart?.();
+    } else if (state === "closing") {
+      onCloseAnimationStart?.();
+    }
+    const d = typeof durationMs === "function" ? durationMs() : durationMs;
+    const timeout = setTimeout(() => {
+      if (state === "opening") {
+        setState("open");
+        onOpenAnimationComplete?.();
+      } else if (state === "closing") {
+        setState("closed");
+        onCloseAnimationComplete?.();
+      }
+    }, d);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [
+    state,
+    onOpenAnimationComplete,
+    onCloseAnimationComplete,
+    onOpenAnimationStart,
+    onCloseAnimationStart,
+    durationMs
+  ]);
+  const beginClosing = useCallback(() => {
+    setState("closing");
+  }, []);
+  return {
+    state,
+    beginClosing,
+    isOpenOrOpening: state === "open" || state === "opening",
+    isClosedOrClosing: state === "closed" || state === "closing"
+  };
+};
+
+export { useOpenCloseTransitionStates as u };
+//# sourceMappingURL=useOpenCloseTransitionStates-CiTYrLGi.js.map

package/dist/useOpenCloseTransitionStates-CiTYrLGi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenCloseTransitionStates-CiTYrLGi.js","sources":["../src/internal/hooks/useOpenCloseTransitionStates/useOpenCloseTransitionStates.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"],"names":[],"mappings":";;AA4DO,MAAM,4BAAA,GAA+B,CAC1C,QAAA,EACA,OAAA,GAA2C;AAAA,EACzC,UAAA,EAAY;AACd,CAAA,KAC6B;AAC7B,EAAA,MAAM;AAAA,IACJ,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA,uBAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACF,GAAI,OAAA;AACJ,EAAA,MAAM,YAAA,GAAe,OAA4B,QAAQ,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA;AAAA,IACxB,WAAW,MAAA,GAAS;AAAA,GACtB;AAGA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,CAAa,OAAA,IAAW,CAAC,QAAA,EAAU;AAErC,MAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IACpB,CAAA,MAAA,IAAW,CAAC,YAAA,CAAa,OAAA,IAAW,QAAA,EAAU;AAE5C,MAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IACpB,CAAA,MAAO;AAEL,MAAA,QAAA,CAAS,QAAA,GAAW,YAAY,QAAQ,CAAA;AAAA,IAC1C;AACA,IAAA,YAAA,CAAa,OAAA,GAAU,QAAA;AAAA,EACzB,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAGb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAA,EAAY;AACjB,IAAA,IAAI,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,QAAA,EAAU;AAC5C,IAAA,IAAI,UAAU,SAAA,EAAW;AACvB,MAAA,oBAAA,IAAuB;AAAA,IACzB,CAAA,MAAA,IAAW,UAAU,SAAA,EAAW;AAC9B,MAAA,qBAAA,IAAwB;AAAA,IAC1B;AACA,IAAA,MAAM,CAAA,GACJ,OAAO,UAAA,KAAe,UAAA,GAAa,YAAW,GAAI,UAAA;AACpD,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,IAAI,UAAU,SAAA,EAAW;AACvB,QAAA,QAAA,CAAS,MAAM,CAAA;AACf,QAAA,uBAAA,IAA0B;AAAA,MAC5B,CAAA,MAAA,IAAW,UAAU,SAAA,EAAW;AAC9B,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,wBAAA,IAA2B;AAAA,MAC7B;AAAA,IACF,GAAG,CAAC,CAAA;AAEJ,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG;AAAA,IACD,KAAA;AAAA,IACA,uBAAA;AAAA,IACA,wBAAA;AAAA,IACA,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA,EAAiB,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,SAAA;AAAA,IAC/C,iBAAA,EAAmB,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU;AAAA,GACrD;AACF;;;;"}

package/dist/{usePopoverSupport-CCSCHnit.js → usePopoverSupport-CldZmxFl.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { s as supportsPopover } from './DrawerContext-Cs3k160L.js';
+import { s as supportsPopover } from './DrawerContext-rJvgnn3O.js';
 
 function usePopoverSupport() {
   const [popoverSupported, setPopoverSupported] = useState(
@@ -12,4 +12,4 @@ function usePopoverSupport() {
 }
 
 export { usePopoverSupport as u };
-//# sourceMappingURL=usePopoverSupport-CCSCHnit.js.map
+//# sourceMappingURL=usePopoverSupport-CldZmxFl.js.map

package/dist/{usePopoverSupport-CCSCHnit.js.map → usePopoverSupport-CldZmxFl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePopoverSupport-CCSCHnit.js","sources":["../src/internal/hooks/usePopoverSupport/usePopoverSupport.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { supportsPopover } from \"../../functions/supportsPopover\";\n\nexport function usePopoverSupport() {\n  const [popoverSupported, setPopoverSupported] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    setPopoverSupported(supportsPopover());\n  }, []);\n\n  return popoverSupported;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA;AAAA,IAC9C;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,mBAAA,CAAoB,iBAAiB,CAAA;AAAA,EACvC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,gBAAA;AACT;;;;"}
+{"version":3,"file":"usePopoverSupport-CldZmxFl.js","sources":["../src/internal/hooks/usePopoverSupport/usePopoverSupport.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { supportsPopover } from \"../../functions/supportsPopover\";\n\nexport function usePopoverSupport() {\n  const [popoverSupported, setPopoverSupported] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    setPopoverSupported(supportsPopover());\n  }, []);\n\n  return popoverSupported;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA;AAAA,IAC9C;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,mBAAA,CAAoB,iBAAiB,CAAA;AAAA,EACvC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,gBAAA;AACT;;;;"}

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

@@ -1,4 +1,4 @@
-import { D as DateTime } from './Calendar-CAYitkfM.js';
+import { D as DateTime } from './Calendar-BeFARXwq.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-Bkbn9cyk.js.map
+//# sourceMappingURL=utils-u8cyv323.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"utils-u8cyv323.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.50.1",
+  "version": "1.50.2",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -68,7 +68,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.1",
-    "@figma/code-connect": "^1.3.4",
+    "@figma/code-connect": "^1.3.12",
     "@storybook/addon-a11y": "9.1.17",
     "@storybook/addon-docs": "9.1.17",
     "@storybook/addon-links": "9.1.17",
@@ -128,6 +128,7 @@
     "playwright:install": "playwright install",
     "playwright:report": "playwright show-report",
     "figma:connect": "figma connect",
-    "figma:publish": "figma connect publish"
+    "figma:publish": "figma connect publish",
+    "figma:generate-icon-connect": "node scripts/generateIconCodeConnect.mjs"
   }
 }

package/dist/Checkbox-DbBeuNdW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-DbBeuNdW.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  FocusEventHandler,\n  useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<FieldLabelProps, \"labelProps\"> & {\n    /**\n     * required flag for label\n     * @accessibility This does not enforce error when nothing is selected.\n     * @default false\n     */\n    required?: boolean;\n\n    /**\n     * legend for the fieldset\n     */\n    legend: string | ReactElement;\n  };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n *   <Checkbox label=\"Technology\" />\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    children,\n    legend,\n    moreInfo,\n    onBlur,\n    onFocus,\n    required,\n    style,\n    ...rest\n  } = componentProps;\n\n  const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n  const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    alignItems:\n      layoutStyles?.alignItems ??\n      (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n  };\n\n  const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n    onFocus?.(e);\n    setOpenInfo(true);\n  };\n\n  const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n    onBlur?.(e);\n    setOpenInfo(false);\n  };\n\n  const labelClassNames = cx(styles[\"label\"], {\n    [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n  });\n\n  return (\n    <fieldset\n      role=\"group\"\n      data-anv=\"checkbox-group\"\n      className={checkboxGroupClassNames}\n      ref={ref}\n      style={styleCombined}\n      onFocus={focusHandler}\n      onBlur={blurHandler}\n      {...rest}\n    >\n      <legend className={styles[\"legend\"]}>\n        {legend}\n        {required && \", required\"}\n        {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n      </legend>\n      <FieldLabel\n        aria-hidden\n        moreInfo={moreInfo}\n        required={required}\n        openMoreInfo={openInfo}\n        className={labelClassNames}\n      >\n        {legend}\n      </FieldLabel>\n      <div\n        className={styles[\"children\"]}\n        style={{\n          flexDirection: layoutStyles?.flexDirection,\n          gap: layoutStyles?.gap,\n        }}\n      >\n        {children}\n      </div>\n    </fieldset>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n  forwardRef,\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n  Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"onChange\" | \"onClick\" | \"indeterminate\"\n  > & {\n    /**\n     * Controlled state\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Uncontrolled state\n     * @default false\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Indeterminate state of the checkbox\n     * @accessibility Applies aria-checked=\"mixed\"\n     * @default false\n     */\n    indeterminate?: boolean;\n\n    /**\n     * Callback when checkbox is changed\n     */\n    onChange?: (\n      e?: ChangeEvent<HTMLInputElement>,\n      state?: CheckboxState,\n    ) => void;\n\n    /**\n     * Callback when checkbox is clicked\n     */\n    onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n    /**\n     * label for checkbox\n     * @accessibility This should either be a string or have text content inside for accessibility\n     */\n    label?: string | ReactElement;\n\n    /**\n     * Error state for the checkbox\n     * @accessibility Applies aria-invalid=\"true\"\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Icon overrides\n     */\n    icons?: {\n      checked?: Svg;\n      indeterminate?: Svg;\n      unchecked?: Svg;\n    };\n\n    description?: HelperProps[\"description\"];\n\n    /**\n     * When `true`, hides the checkbox for visual users.\n     * @default false\n     */\n    hideCheckbox?: boolean;\n  };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      indeterminate,\n      onChange,\n      onClick,\n      value,\n      className,\n      disabled,\n      error,\n      icons,\n      checked: checkedProp,\n      defaultChecked,\n      label,\n      style,\n      required,\n      description,\n      hideCheckbox = false,\n      ...rest\n    } = componentProps;\n    const {\n      checked: checkedIcon = CheckboxChecked,\n      indeterminate: indeterminateIcon = CheckboxIndeterminate,\n      unchecked: uncheckedIcon = CheckboxOutline,\n    } = { ...icons };\n\n    const isControlled = typeof checkedProp !== \"undefined\";\n\n    const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n    };\n\n    const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n      onClick?.(e, {\n        value,\n        checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n      });\n    };\n\n    const helperUid = useId();\n\n    const wrapperClassNames = cx(\n      styles[\"wrapper\"],\n      { [styles[\"focus\"]]: hideCheckbox },\n      className,\n    );\n\n    const checkboxClassNames = cx(styles[\"checkbox\"], {\n      [styles[\"error\"]]: error,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={wrapperClassNames}\n        style={styleCombined}\n        data-anv=\"checkbox\"\n      >\n        <label className={checkboxClassNames}>\n          <input\n            type=\"checkbox\"\n            disabled={disabled}\n            value={value}\n            onChange={onChangeHandler}\n            onClick={onClickHandler}\n            aria-checked={\n              indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n            }\n            checked={isControlled ? checkedProp : undefined}\n            defaultChecked={defaultChecked}\n            aria-invalid={error}\n            aria-describedby={description ? helperUid : undefined}\n            ref={ref}\n            {...rest}\n          />\n\n          <span\n            className={cx(styles[\"icon-wrapper\"], {\n              [styles[\"sr-only\"]]: hideCheckbox,\n            })}\n            aria-hidden\n          >\n            <Icon\n              size=\"large\"\n              svg={indeterminateIcon}\n              className={styles[\"icon-indeterminate\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={checkedIcon}\n              className={styles[\"icon-checked\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={uncheckedIcon}\n              className={styles[\"icon-unchecked\"]}\n            />\n          </span>\n\n          <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n            {label}\n\n            {required && (\n              <span aria-hidden className={styles[\"required-asterisk\"]}>\n                *\n              </span>\n            )}\n          </span>\n        </label>\n\n        {description ? (\n          <div className={styles[\"helper-wrapper\"]}>\n            <Helper id={helperUid} description={description} />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}