@servicetitan/anvil2 3.15.0 → 3.15.2

package/dist/{Chip-B4G4zaP-.js.map → Chip-DivZ3OuB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-B4G4zaP-.js","sources":["../src/components/Chip/internal/Chip.tsx","../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  forwardRef,\n  useContext,\n  useRef,\n  useLayoutEffect,\n  useState,\n  useId,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport tinycolor from \"tinycolor2\";\n\nimport { Avatar, type AvatarProps } from \"../../Avatar/internal/Avatar\";\nimport { useAccessibleColor } from \"../../../hooks\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\n\nimport styles from \"../Chip.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport { SrOnly } from \"../../SrOnly/SrOnly\";\nimport type { LayoutUtilProps, Size } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { ThemeProviderContext } from \"../../../providers/ThemeProvider/internal/ThemeProviderContext\";\n\nexport type ChipBaseProps = Omit<ComponentPropsWithoutRef<\"span\">, \"prefix\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /** Visible text. Also used as the avatar's accessible name. */\n    label: string;\n    /** Optional surface color; contrast-safe foreground and border are derived. */\n    color?: string;\n    /** Allows the label to wrap. Defaults to a single truncated line. */\n    textWrap?: boolean;\n    /** Content before the label. Public Chip maps this from `icon`. */\n    prefix?: ReactNode;\n    /** Image URL for an avatar before the label. */\n    avatar?: AvatarProps[\"image\"];\n    /** Content after the label. Public Chip supplies this slot. */\n    suffix?: ReactNode;\n  };\n\ntype ChipClickHandler = (\n  e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype ChipCloseHandler = (\n  e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype SmallChipHandlers =\n  | {\n      /** Makes the chip a focusable button. Cannot be combined with `onClose` at `size=\"small\"`. */\n      onClick?: ChipClickHandler;\n      onClose?: never;\n    }\n  | {\n      /** Renders a close control and announces removal. Cannot be combined with `onClick` at `size=\"small\"`. */\n      onClose?: ChipCloseHandler;\n      onClick?: never;\n    };\n\ntype SmallChipProps = ChipBaseProps & {\n  /** Compact scale. */\n  size: Extract<Size, \"small\">;\n} & SmallChipHandlers;\n\ntype MediumChipProps = ChipBaseProps & {\n  /** Default scale. Defaults to `medium`. */\n  size?: Extract<Size, \"medium\">;\n  /** Makes the chip a focusable button. */\n  onClick?: ChipClickHandler;\n  /** Renders a close control. Delete/Backspace also call this. */\n  onClose?: ChipCloseHandler;\n};\n\nexport type ChipProps = SmallChipProps | MediumChipProps;\n\n/** Renders the chip surface, avatar/prefix/suffix slots, and close control. */\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    prefix,\n    suffix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [isMultiline, setIsMultiline] = useState(false);\n  const descriptionId = useId();\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const getSingleLineHeight = (element: HTMLSpanElement | null) => {\n      if (avatar == null) return 0;\n      if (!element) return 0;\n      const computedStyle = getComputedStyle(element);\n      const lineHeight = parseFloat(computedStyle.lineHeight);\n      const paddingTop = parseFloat(computedStyle.paddingTop);\n      const paddingBottom = parseFloat(computedStyle.paddingBottom);\n      return lineHeight + paddingTop + paddingBottom;\n    };\n\n    const singleLineHeight = getSingleLineHeight(element);\n\n    const observer = new ResizeObserver(() => {\n      if (element && avatar != null) {\n        // 1.5× single-line height so rounding does not flip the avatar alignment.\n        setIsMultiline(element.clientHeight > singleLineHeight * 1.5);\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, [avatar]);\n\n  // TODO: localize; some languages put the removable hint before the label.\n  const removeText = \", removeable chip\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap,\n  });\n\n  const AvatarClassNames = cx(styles[\"avatar\"], {\n    [styles[\"multiline\"]]: textWrap && isMultiline,\n  });\n\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const mode = themeMode ?? \"light\";\n\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n\n  const bgObj = tinycolor(background);\n\n  const styleWithColor = {\n    \"--a2-inline-bg-color\": color && background,\n    \"--a2-inline-bg-color-hover\": color && bgObj.lighten(10).toHexString(),\n    \"--a2-inline-bg-color-active\": color && bgObj.darken(10).toHexString(),\n    \"--a2-inline-font-color\": color && foreground,\n    \"--a2-inline-border-color\": color && border,\n    \"--a2-inline-close-background-color-hover\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(10).toHexString()\n        : bgObj.darken(10).toHexString()\n      : undefined,\n    \"--a2-inline-close-background-color-active\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : undefined,\n    ...style,\n    ...layoutStyles,\n  };\n\n  const onKeyUpHandler = (e: KeyboardEvent<HTMLSpanElement>) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n\n      case \"Enter\":\n      case \"Space\":\n        onClick?.(e);\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <span\n      className={ChipClassNames}\n      style={styleWithColor}\n      data-anv=\"chip\"\n      role={onClick ? \"button\" : undefined}\n      {...(onClick || onClose ? { [\"aria-label\"]: newLabel } : {})}\n      {...(onClose ? { [\"aria-describedby\"]: descriptionId } : {})}\n      {...rest}\n      ref={ref}\n      onClick={onClick}\n      onKeyUp={onKeyUpHandler}\n      tabIndex={onClick || onClose ? 0 : tabIndex}\n    >\n      {avatar != null ? (\n        <span className={AvatarClassNames}>\n          <Avatar\n            className={styles.avatarInner}\n            name={label}\n            color={color}\n            image={avatar}\n            size={size === \"small\" ? \"xsmall\" : \"small\"}\n          />\n        </span>\n      ) : null}\n\n      {prefix != null ? <span className={styles.prefix}>{prefix}</span> : null}\n\n      <span className={styles.inner} ref={innerRef}>\n        {label}\n      </span>\n\n      {suffix != null ? <span className={styles.suffix}>{suffix}</span> : null}\n\n      {!!onClose && (\n        <>\n          <span\n            aria-hidden\n            className={styles[\"close\"]}\n            onClick={(e) => {\n              e.stopPropagation();\n              onClose(e);\n            }}\n          >\n            <Icon aria-hidden svg={Close} size={size} />\n          </span>\n          <SrOnly id={descriptionId}>\n            Press Delete or Backspace to remove.\n          </SrOnly>\n        </>\n      )}\n    </span>\n  );\n});\n\nChip.displayName = \"Chip\";\n","import {\n  type ChipProps as CoreChipProps,\n  Chip as CoreChip,\n} from \"./internal/Chip\";\nimport { Icon as CoreIcon, type IconProps as CoreIconProps } from \"../Icon\";\nimport type { AvatarProps as CoreAvatarProps } from \"../Avatar/internal/Avatar\";\n\nimport { forwardRef, type Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport type { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport type { AiMarkBooleanProps } from \"../../types/ai-marks\";\nimport { AiMark } from \"../AiMark/AiMark\";\n\n/**\n * Small chips accept `onClick` or `onClose`, not both.\n */\nexport type ChipProps = DistributiveOmit<\n  CoreChipProps,\n  \"prefix\" | \"avatar\" | \"suffix\"\n> &\n  DataTrackingId &\n  AiMarkBooleanProps &\n  (\n    | {\n        /** SVGR asset rendered before the label. Cannot be combined with `avatar`. */\n        icon?: CoreIconProps[\"svg\"];\n        avatar?: never;\n      }\n    | {\n        icon?: never;\n        /** Image URL for an avatar before the label. Cannot be combined with `icon`. */\n        avatar?: CoreAvatarProps[\"image\"];\n      }\n  );\n\n/**\n * Compact labeled tag. `onClose` adds a remove control; `onClick` makes the\n * chip a button.\n */\nexport const Chip = forwardRef(\n  (\n    {\n      icon,\n      aiMark,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    }: ChipProps,\n    ref: Ref<HTMLSpanElement>,\n  ) => {\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Chip\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const prefix =\n      icon != null ? (\n        <CoreIcon\n          svg={icon}\n          color=\"var(--a2-inline-font-color)\"\n          size={props.size}\n        />\n      ) : null;\n\n    const aiMarkType = props.color ? \"default\" : \"gradient\";\n\n    // Clickable chips do not morph the AI mark on hover/focus; the composed\n    // animation is misaligned against the static asset.\n    const suffix = aiMark ? (\n      <AiMark\n        type={aiMarkType}\n        size=\"small\"\n        color={props.color ? \"var(--int-font-color)\" : undefined}\n      />\n    ) : undefined;\n\n    const interactionProps = {\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n    };\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        {...interactionProps}\n        prefix={prefix}\n        suffix={suffix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","element","Close","CoreIcon","CoreChip"],"mappings":"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"}
+{"version":3,"file":"Chip-DivZ3OuB.js","sources":["../src/components/Chip/internal/Chip.tsx","../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  forwardRef,\n  useContext,\n  useRef,\n  useLayoutEffect,\n  useState,\n  useId,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport tinycolor from \"tinycolor2\";\n\nimport { Avatar, type AvatarProps } from \"../../Avatar/internal/Avatar\";\nimport { useAccessibleColor } from \"../../../hooks\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\n\nimport styles from \"../Chip.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport { SrOnly } from \"../../SrOnly/SrOnly\";\nimport type { LayoutUtilProps, Size } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { ThemeProviderContext } from \"../../../providers/ThemeProvider/internal/ThemeProviderContext\";\n\nexport type ChipBaseProps = Omit<ComponentPropsWithoutRef<\"span\">, \"prefix\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /** Visible text. Also used as the avatar's accessible name. */\n    label: string;\n    /** Optional surface color; contrast-safe foreground and border are derived. */\n    color?: string;\n    /** Allows the label to wrap. Defaults to a single truncated line. */\n    textWrap?: boolean;\n    /** Content before the label. Public Chip maps this from `icon`. */\n    prefix?: ReactNode;\n    /** Image URL for an avatar before the label. */\n    avatar?: AvatarProps[\"image\"];\n    /** Content after the label. Public Chip supplies this slot. */\n    suffix?: ReactNode;\n  };\n\ntype ChipClickHandler = (\n  e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype ChipCloseHandler = (\n  e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype SmallChipHandlers =\n  | {\n      /** Makes the chip a focusable button. Cannot be combined with `onClose` at `size=\"small\"`. */\n      onClick?: ChipClickHandler;\n      onClose?: never;\n    }\n  | {\n      /** Renders a close control and announces removal. Cannot be combined with `onClick` at `size=\"small\"`. */\n      onClose?: ChipCloseHandler;\n      onClick?: never;\n    };\n\ntype SmallChipProps = ChipBaseProps & {\n  /** Compact scale. */\n  size: Extract<Size, \"small\">;\n} & SmallChipHandlers;\n\ntype MediumChipProps = ChipBaseProps & {\n  /** Default scale. Defaults to `medium`. */\n  size?: Extract<Size, \"medium\">;\n  /** Makes the chip a focusable button. */\n  onClick?: ChipClickHandler;\n  /** Renders a close control. Delete/Backspace also call this. */\n  onClose?: ChipCloseHandler;\n};\n\nexport type ChipProps = SmallChipProps | MediumChipProps;\n\n/** Renders the chip surface, avatar/prefix/suffix slots, and close control. */\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    prefix,\n    suffix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [isMultiline, setIsMultiline] = useState(false);\n  const descriptionId = useId();\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const getSingleLineHeight = (element: HTMLSpanElement | null) => {\n      if (avatar == null) return 0;\n      if (!element) return 0;\n      const computedStyle = getComputedStyle(element);\n      const lineHeight = parseFloat(computedStyle.lineHeight);\n      const paddingTop = parseFloat(computedStyle.paddingTop);\n      const paddingBottom = parseFloat(computedStyle.paddingBottom);\n      return lineHeight + paddingTop + paddingBottom;\n    };\n\n    const singleLineHeight = getSingleLineHeight(element);\n\n    const observer = new ResizeObserver(() => {\n      if (element && avatar != null) {\n        // 1.5× single-line height so rounding does not flip the avatar alignment.\n        setIsMultiline(element.clientHeight > singleLineHeight * 1.5);\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, [avatar]);\n\n  // TODO: localize; some languages put the removable hint before the label.\n  const removeText = \", removeable chip\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap,\n  });\n\n  const AvatarClassNames = cx(styles[\"avatar\"], {\n    [styles[\"multiline\"]]: textWrap && isMultiline,\n  });\n\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const mode = themeMode ?? \"light\";\n\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n\n  const bgObj = tinycolor(background);\n\n  const styleWithColor = {\n    \"--a2-inline-bg-color\": color && background,\n    \"--a2-inline-bg-color-hover\": color && bgObj.lighten(10).toHexString(),\n    \"--a2-inline-bg-color-active\": color && bgObj.darken(10).toHexString(),\n    \"--a2-inline-font-color\": color && foreground,\n    \"--a2-inline-border-color\": color && border,\n    \"--a2-inline-close-background-color-hover\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(10).toHexString()\n        : bgObj.darken(10).toHexString()\n      : undefined,\n    \"--a2-inline-close-background-color-active\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : undefined,\n    ...style,\n    ...layoutStyles,\n  };\n\n  const onKeyUpHandler = (e: KeyboardEvent<HTMLSpanElement>) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n\n      case \"Enter\":\n      case \"Space\":\n        onClick?.(e);\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <span\n      className={ChipClassNames}\n      style={styleWithColor}\n      data-anv=\"chip\"\n      role={onClick ? \"button\" : undefined}\n      {...(onClick || onClose ? { [\"aria-label\"]: newLabel } : {})}\n      {...(onClose ? { [\"aria-describedby\"]: descriptionId } : {})}\n      {...rest}\n      ref={ref}\n      onClick={onClick}\n      onKeyUp={onKeyUpHandler}\n      tabIndex={onClick || onClose ? 0 : tabIndex}\n    >\n      {avatar != null ? (\n        <span className={AvatarClassNames}>\n          <Avatar\n            className={styles.avatarInner}\n            name={label}\n            color={color}\n            image={avatar}\n            size={size === \"small\" ? \"xsmall\" : \"small\"}\n          />\n        </span>\n      ) : null}\n\n      {prefix != null ? <span className={styles.prefix}>{prefix}</span> : null}\n\n      <span className={styles.inner} ref={innerRef}>\n        {label}\n      </span>\n\n      {suffix != null ? <span className={styles.suffix}>{suffix}</span> : null}\n\n      {!!onClose && (\n        <>\n          <span\n            aria-hidden\n            className={styles[\"close\"]}\n            onClick={(e) => {\n              e.stopPropagation();\n              onClose(e);\n            }}\n          >\n            <Icon aria-hidden svg={Close} size={size} />\n          </span>\n          <SrOnly id={descriptionId}>\n            Press Delete or Backspace to remove.\n          </SrOnly>\n        </>\n      )}\n    </span>\n  );\n});\n\nChip.displayName = \"Chip\";\n","import {\n  type ChipProps as CoreChipProps,\n  Chip as CoreChip,\n} from \"./internal/Chip\";\nimport { Icon as CoreIcon, type IconProps as CoreIconProps } from \"../Icon\";\nimport type { AvatarProps as CoreAvatarProps } from \"../Avatar/internal/Avatar\";\n\nimport { forwardRef, type Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport type { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport type { AiMarkBooleanProps } from \"../../types/ai-marks\";\nimport { AiMark } from \"../AiMark/AiMark\";\n\n/**\n * Small chips accept `onClick` or `onClose`, not both.\n */\nexport type ChipProps = DistributiveOmit<\n  CoreChipProps,\n  \"prefix\" | \"avatar\" | \"suffix\"\n> &\n  DataTrackingId &\n  AiMarkBooleanProps &\n  (\n    | {\n        /** SVGR asset rendered before the label. Cannot be combined with `avatar`. */\n        icon?: CoreIconProps[\"svg\"];\n        avatar?: never;\n      }\n    | {\n        icon?: never;\n        /** Image URL for an avatar before the label. Cannot be combined with `icon`. */\n        avatar?: CoreAvatarProps[\"image\"];\n      }\n  );\n\n/**\n * Compact labeled tag. `onClose` adds a remove control; `onClick` makes the\n * chip a button.\n */\nexport const Chip = forwardRef(\n  (\n    {\n      icon,\n      aiMark,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    }: ChipProps,\n    ref: Ref<HTMLSpanElement>,\n  ) => {\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Chip\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const prefix =\n      icon != null ? (\n        <CoreIcon\n          svg={icon}\n          color=\"var(--a2-inline-font-color)\"\n          size={props.size}\n        />\n      ) : null;\n\n    const aiMarkType = props.color ? \"default\" : \"gradient\";\n\n    // Clickable chips do not morph the AI mark on hover/focus; the composed\n    // animation is misaligned against the static asset.\n    const suffix = aiMark ? (\n      <AiMark\n        type={aiMarkType}\n        size=\"small\"\n        color={props.color ? \"var(--int-font-color)\" : undefined}\n      />\n    ) : undefined;\n\n    const interactionProps = {\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n    };\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        {...interactionProps}\n        prefix={prefix}\n        suffix={suffix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","element","Close","CoreIcon","CoreChip"],"mappings":"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"}

package/dist/Chip.js

@@ -1,2 +1,2 @@
-export { C as Chip, C as default } from './Chip-B4G4zaP-.js';
+export { C as Chip, C as default } from './Chip-DivZ3OuB.js';
 //# sourceMappingURL=Chip.js.map

package/dist/Combobox.js

@@ -1,2 +1,2 @@
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-DvyQpdwv.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-15_SoeWw.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/{DataTable-DbuXfDNJ.js → DataTable-_XXxSbvH.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-B4G4zaP-.js';
+import { C as Chip } from './Chip-DivZ3OuB.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
 import * as React from 'react';
 import { useId, useRef, useCallback, useMemo, createContext, forwardRef, useState, useEffect, useContext, useLayoutEffect, useImperativeHandle, memo as memo$1, Fragment as Fragment$1, isValidElement } from 'react';
@@ -7,29 +7,29 @@ import { T as Tooltip } from './Tooltip-C_VcYS9P.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
 import { A as ANV_PART_ATTR } from './anvParts-DFVq7-Cm.js';
-import { C as Checkbox } from './Checkbox-DBE35nMv.js';
-import { B as Button } from './Button-Dwh_Nd4l.js';
+import { C as Checkbox } from './Checkbox-jomKCuAj.js';
+import { B as Button } from './Button-Dn6-01xl.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useNumberField } from './useNumberField-CXFYUZ_n.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-DIMfovCI.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-DrgqaUJj.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-C-6mULc_.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-D3sfHivW.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgDragIndicator } from './drag_indicator-BRHAPLSJ.js';
 import { u as usePortalScopeStyle, p as portalScopeClassNames } from './portalScopeClassNames-DA28LrXe.js';
 import { a as useOnClickOutside, r as registerLayer, u as unregisterLayer } from './useOnClickOutside-Zw5vzxSq.js';
 import { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';
 import { c as computePosition, o as offset, h as autoPlacement, d as shift, g as size, a as autoUpdate, s as safeShowPopover, b as safeHidePopover } from './floating-ui.react-dom-BIKT960u.js';
-import { F as FieldLabel } from './FieldLabel-CAusaqUY.js';
+import { F as FieldLabel } from './FieldLabel-FsNIjn8T.js';
 import { S as StatusIcon } from './StatusIcon-BqorkNJf.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 import { S as SvgKeyboardArrowLeft } from './keyboard_arrow_left-CiE1n99w.js';
 import { S as SvgKeyboardArrowRight } from './keyboard_arrow_right-DMloHg_F.js';
-import { a as PARTS$1, b as Pagination, P as Pagination$1 } from './Pagination-CAgXtt9t.js';
+import { a as PARTS$1, b as Pagination, P as Pagination$1 } from './Pagination-DianLtHs.js';
 import { useTrackingId } from './useTrackingId.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
@@ -1593,7 +1593,6 @@ const COLUMN_TYPE_DEFAULTS = {
   text: {
     align: "start",
     createRenderCell: () => void 0
-    // No formatter, use raw value
   },
   number: {
     align: "end",
@@ -4879,23 +4878,14 @@ function useReactTable(options) {
 }
 
 const PARTS = {
-  /** Body row container (`role="row"`). */
   row: "row",
-  /** Body cell (`role="gridcell"`). */
   cell: "cell",
-  /** Sortable header cell (click target for column sort). */
   sortToggle: "sort-toggle",
-  /** Per-row selection checkbox input. */
   selectCheckbox: "select-checkbox",
-  /** Header select-all checkbox input. */
   selectAllCheckbox: "select-all-checkbox",
-  /** Per-row expand/collapse button. */
   expandButton: "expand-button",
-  /** Header expand-all button. */
   expandAllButton: "expand-all-button",
-  /** Column resize handle. */
   resizeHandle: "resize-handle",
-  /** Active text/number editor inside an editable cell. */
   editableInput: "editable-input"
 };
 
@@ -7556,10 +7546,6 @@ function collectDescendantRowIds(row, out) {
   }
 }
 function DataTableBodyRowInner({
-  // columnOrder is no longer read directly; the row only needs the
-  // index map for cell positioning. It remains on the props for the
-  // memo-equality check downstream — when columnOrder identity changes
-  // (column reorder/pin change) the row re-renders.
   columnOrder: _columnOrder,
   columnIndexMap,
   row,
@@ -8080,12 +8066,8 @@ function CustomTableFooterRows({
         children: (() => {
           let columnIndex = 0;
           return Array.from({
-            length: (
-              // total columns
-              columnCount - // minus columns merged using colSpan
-              footerRow.reduce((acc, curr) => acc + curr.colSpan, 0) + // plus columns added in the custom footer row
-              footerRow.length
-            )
+            // Slot count = visible columns − extra span beyond 1 per cell.
+            length: columnCount - footerRow.reduce((acc, curr) => acc + curr.colSpan, 0) + footerRow.length
           }).map((_, index) => {
             const footer = footerRow[index] ?? { content: "", colSpan: 1 };
             const gridColumn = footer.colSpan > 1 ? `span ${footer.colSpan}` : void 0;
@@ -8406,9 +8388,9 @@ function getTanStackColumnDef({
     meta: {
       editMode: leafColumnDef.editConfig?.mode,
       editConfig: leafColumnDef.editConfig,
+      // Editable cells own the surface; overflow disclosure is not used.
       overflow: leafColumnDef.editConfig ? void 0 : leafColumnDef.overflow,
       columnDef: metaColumnDef,
-      // Store original for type narrowing
       getReadRenderResult: (value, context) => resolveReadRenderResult(value, context),
       headerAlign: resolveHeaderAlign(resolvedAlign),
       isGroupHeader: false
@@ -8435,7 +8417,6 @@ function getTanStackColumnDef({
         return rawStringA.localeCompare(rawStringB);
       }
     } : void 0,
-    // If custom sorting function is provided, use it
     ...leafColumnDef.sortable && typeof leafColumnDef.sortable === "function" ? {
       sortingFn: (rowA, rowB) => {
         if (typeof leafColumnDef.sortable === "function") {
@@ -9221,11 +9202,9 @@ function reducer(state, action, rowCount, columnCount) {
     case "FOCUS_TABLE": {
       return {
         ...state,
-        // Focus the focus restore point (i.e. the last focused cell when the table was blurred or 0,0 if never focused)
         focusedCell: state.focusRestorePoint
       };
     }
-    // Move to the next cell in the given direction
     case "MOVE_FOCUS": {
       let newFocusedCell;
       const currentColumnIndex = state.focusedCell?.columnIndex ?? 0;
@@ -9261,7 +9240,6 @@ function reducer(state, action, rowCount, columnCount) {
         focusedCell: newFocusedCell
       };
     }
-    // Jump to the first/last cell in the given direction
     case "JUMP_FOCUS": {
       let newFocusedCell;
       const currentColumnIndex = state.focusedCell?.columnIndex ?? 0;
@@ -9471,11 +9449,9 @@ function useDataTableVirtualizer({
   const shouldVirtualize = !disabled && (forced || rowCount >= VIRTUALIZATION_THRESHOLD);
   const virtualizer = useVirtualizer({
     count: shouldVirtualize ? rowCount : 0,
-    // `scrollRef` points at the outer TableContainer div, which does not
-    // itself scroll — the nested [data-anv="table-scroll-container"] child
-    // owns `overflow-y: auto`. Descend to that child so the virtualizer
-    // tracks the right element. Fall back to `scrollRef.current` for
-    // containers that one day collapse the scroll wrapper.
+    // The outer TableContainer does not scroll; overflow lives on
+    // [data-anv="table-scroll-container"]. Fall back to the outer node when
+    // that child is absent.
     getScrollElement: () => {
       const outer = scrollRef.current;
       if (!outer) return null;
@@ -9485,6 +9461,7 @@ function useDataTableVirtualizer({
     },
     estimateSize: () => DEFAULT_ESTIMATED_ROW_HEIGHT,
     overscan: 5,
+    // jsdom's getBoundingClientRect is 0; skip measure so estimateSize stays.
     measureElement: typeof window !== "undefined" && typeof navigator !== "undefined" && navigator.userAgent.indexOf("jsdom") === -1 ? (el) => el?.getBoundingClientRect().height ?? DEFAULT_ESTIMATED_ROW_HEIGHT : void 0
   });
   return useMemo(
@@ -9632,7 +9609,7 @@ function DataTableInner(props, ref) {
   ]);
   const {
     data: resolvedData,
-    //TODO: Table should represent error state
+    // Settled loader errors are unused; the table has no error surface.
     error: _error,
     isLoading
   } = useAsyncData(dataSource);
@@ -9840,7 +9817,6 @@ function DataTableInner(props, ref) {
       getPaginationRowModel: getPaginationRowModel()
     },
     ...isExpandable && { getExpandedRowModel: getExpandedRowModel() },
-    // Grouping row model is retained for future use; cheap to exclude now.
     getRowId: (row) => row.id.toString(),
     getSubRows: (row) => row.subRows ?? void 0,
     getRowCanExpand: (row) => {
@@ -9861,7 +9837,6 @@ function DataTableInner(props, ref) {
     },
     manualPagination: !isPaginated || isAsyncPaginated || isCursorPagination,
     columnResizeMode: "onChange",
-    // Server provides sorted data via loadPageData; disable client-side sort.
     manualSorting: isAsyncPaginated,
     // Pin ascending-first under manual sorting to keep the asc→desc→none cycle stable.
     sortDescFirst: isAsyncPaginated ? false : void 0,
@@ -10121,4 +10096,4 @@ function DataTableInner(props, ref) {
 const DataTable = forwardRef(DataTableInner);
 
 export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-DbuXfDNJ.js.map
+//# sourceMappingURL=DataTable-_XXxSbvH.js.map