@servicetitan/anvil2 2.7.1 → 2.9.0

package/dist/types/ai-marks.d.ts

@@ -0,0 +1,72 @@
+import { PopoverContentProps, PopoverDialogRoleProps } from '../internal/components/Popover';
+import { TooltipProps } from '../components';
+/**
+ * Minimal props for showing an AI mark as a boolean flag (for example on `Chip`).
+ * For the standalone icon component, use `AiMarkProps` on `AiMark` instead.
+ */
+export type AiMarkBooleanProps = {
+    /**
+     * When `true`, displays the AI indicator icon with no additional context.
+     */
+    aiMark?: boolean;
+};
+/**
+ * Configuration for an AI mark that opens a tooltip or popover for additional context.
+ * Discriminated union: set `type` to `"tooltip"` or `"popover"` to select the corresponding configuration shape.
+ */
+export type AiMarkWithTooltipOrPopoverConfig = {
+    /** Discriminant for the popover variant. */
+    type: "popover";
+    /**
+     * The content displayed inside the popover. When omitted, defaults to the standard AI disclaimer message and a Learn more link to the privacy policy.
+     */
+    content?: React.ReactNode;
+    /**
+     * Additional props passed to the underlying `Popover` component.
+     */
+    props?: Omit<PopoverDialogRoleProps, "children">;
+    /**
+     * Accessible label for the trigger button that opens the popover.
+     */
+    triggerLabel: string;
+    /**
+     * Additional props passed to the popover content container.
+     */
+    contentProps?: Pick<PopoverContentProps, "hideWhileClosed" | "scrollerRef">;
+} | {
+    /** Discriminant for the tooltip variant. */
+    type: "tooltip";
+    /**
+     * The text content displayed inside the tooltip. When omitted, defaults to "AI can make mistakes."
+     */
+    content?: string;
+    /**
+     * Additional props passed to the underlying `Tooltip` component.
+     */
+    props?: Omit<TooltipProps, "children">;
+    /**
+     * Accessible label for the trigger button that opens the tooltip.
+     */
+    triggerLabel: string;
+};
+/**
+ * Props that include an optional AI mark on a label or field.
+ */
+export type AiMarkWithTooltipOrPopoverProps = {
+    /**
+     * Accepts either a `boolean` or an `AiMarkWithTooltipOrPopoverConfig` object.
+     * - `true` — Displays the AI indicator icon with no additional context.
+     * - `AiMarkWithTooltipOrPopoverConfig` — Displays the AI indicator icon with a tooltip or popover for additional context.
+     */
+    aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;
+};
+/**
+ * Controls which axes have their padding collapsed so the component's layout
+ * footprint matches a plain inline icon on those axes. For interactive variants,
+ * the ghost button's hit area is unchanged; for non-interactive variants, padding
+ * is added to the non-collapsed axes.
+ * - `"inline"` — collapse the inline axis (left/right)
+ * - `"block"` — collapse the block axis (top/bottom)
+ * - `"all"` — collapse both axes
+ */
+export type AiMarkCollapsePadding = "inline" | "block" | "all";

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 export { type DataTrackingId } from './DataTrackingId';
 export { type DistributiveOmit } from './DistributiveOmit';
 export { type MaxLengthCounterProps } from './MaxLengthCounterProps';
+export * from './ai-marks';
 export * from './ianaZones';
 export * from './locales';
 export * from './props';

package/dist/{use-reduced-motion-DSpxmqyT.js → use-reduced-motion-CqjZZ5QB.js}

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { h as hasReducedMotionListener, i as initPrefersReducedMotion, p as prefersReducedMotion, w as warnOnce } from './proxy-BbFHSE6L.js';
+import { h as hasReducedMotionListener, i as initPrefersReducedMotion, p as prefersReducedMotion, w as warnOnce } from './proxy-DEehATlA.js';
 
 /**
  * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.
@@ -43,4 +43,4 @@ function useReducedMotion() {
 }
 
 export { useReducedMotion as u };
-//# sourceMappingURL=use-reduced-motion-DSpxmqyT.js.map
+//# sourceMappingURL=use-reduced-motion-CqjZZ5QB.js.map

package/dist/{use-reduced-motion-DSpxmqyT.js.map → use-reduced-motion-CqjZZ5QB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-reduced-motion-DSpxmqyT.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.12_@emotion+is-prop-valid@1.4.0_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"],"sourcesContent":["import { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\nimport { initPrefersReducedMotion } from './index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n"],"names":[],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,GAAG;AAC5B;AACA;AACA;AACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,IAAI,wBAAwB,EAAE;AACnE,IAAI,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC;AACvE,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC/C,QAAQ,QAAQ,CAAC,kBAAkB,KAAK,IAAI,EAAE,wFAAwF,EAAE,yBAAyB,CAAC;AAClK,IAAI;AACJ;AACA;AACA;AACA,IAAI,OAAO,kBAAkB;AAC7B;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"use-reduced-motion-CqjZZ5QB.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.12_@emotion+is-prop-valid@1.4.0_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"],"sourcesContent":["import { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\nimport { initPrefersReducedMotion } from './index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n"],"names":[],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,GAAG;AAC5B;AACA;AACA;AACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,IAAI,wBAAwB,EAAE;AACnE,IAAI,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC;AACvE,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC/C,QAAQ,QAAQ,CAAC,kBAAkB,KAAK,IAAI,EAAE,wFAAwF,EAAE,yBAAyB,CAAC;AAClK,IAAI;AACJ;AACA;AACA;AACA,IAAI,OAAO,kBAAkB;AAC7B;;;;","x_google_ignoreList":[0]}

package/dist/{useDrilldown-BW2XkUcK.js → useDrilldown-D6VZNSCX.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, useEffect, useRef, useCallback } from 'react';
+import React__default, { forwardRef, useRef, useEffect, useCallback } from 'react';
 import { a as getAugmentedNamespace, c as cx } from './index-De1g9FRV.js';
 import { d as drillDownStyles } from './DrillDown.module-C8VOhzaF.js';
-import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, a as isFocusable, b as index_esm } from './index.esm-K9kxJhLx.js';
+import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as isFocusable, c as index_esm } from './usePopoverTransitionStates-CDXCdyKa.js';
 import { u as useDrillDownContext } from './useDrillDownContext-BssSasVB.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
-import { B as Button } from './Button-CVsGhVJz.js';
-import { T as Text } from './Text-BJo4oMI2.js';
+import { B as Button } from './Button-BdrrhBTI.js';
+import { T as Text } from './Text-WiS8UZkY.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -1786,30 +1786,38 @@ const DrillDown = Object.assign(
   forwardRef(
     function DrillDownInner(props, ref) {
       const { index: indexProp, onClose, className, children, ...rest } = props;
-      const { index, setRegisteredIndices, setOnClose } = useDrillDownContext();
+      const {
+        index,
+        setRegisteredIndices,
+        setOnClose,
+        hostIsInteractive = true
+      } = useDrillDownContext();
+      const sectionRef = useRef(null);
+      const isActiveScreen = hostIsInteractive && index === indexProp;
       useEffect(() => {
         setRegisteredIndices?.((registeredIndices) => {
           if (registeredIndices == null) return registeredIndices;
-          if (registeredIndices[indexProp] == null) {
-            registeredIndices[indexProp] = 1;
-            return registeredIndices;
-          }
-          if (registeredIndices[indexProp]) {
-            registeredIndices[indexProp] += 1;
-            return registeredIndices;
+          const nextRegisteredIndices = [...registeredIndices];
+          if (nextRegisteredIndices[indexProp] == null) {
+            nextRegisteredIndices[indexProp] = 1;
+            return nextRegisteredIndices;
           }
+          nextRegisteredIndices[indexProp] += 1;
+          return nextRegisteredIndices;
         });
         return () => {
           setRegisteredIndices?.((registeredIndices) => {
             if (registeredIndices == null) return registeredIndices;
-            if (registeredIndices[indexProp] === 1) {
-              delete registeredIndices[indexProp];
-              return registeredIndices;
+            const nextRegisteredIndices = [...registeredIndices];
+            if (nextRegisteredIndices[indexProp] === 1) {
+              delete nextRegisteredIndices[indexProp];
+              return nextRegisteredIndices;
             }
-            if (registeredIndices[indexProp] > 1) {
-              registeredIndices[indexProp] -= 1;
-              return registeredIndices;
+            if (nextRegisteredIndices[indexProp] > 1) {
+              nextRegisteredIndices[indexProp] -= 1;
+              return nextRegisteredIndices;
             }
+            return nextRegisteredIndices;
           });
         };
       }, [indexProp, setRegisteredIndices]);
@@ -1818,7 +1826,25 @@ const DrillDown = Object.assign(
           setOnClose?.(onClose, indexProp);
         }
       }, [setOnClose, onClose, indexProp]);
-      return index === indexProp ? /* @__PURE__ */ jsx("div", { ...rest, className: cx(drillDownStyles["drilldown"], className), ref, children: /* @__PURE__ */ jsx(focusTrapReactExports.FocusTrap, { focusTrapOptions: { returnFocusOnDeactivate: false }, children: /* @__PURE__ */ jsx("section", { className: drillDownStyles["container"], children }) }) }) : null;
+      return isActiveScreen ? /* @__PURE__ */ jsx("div", { ...rest, className: cx(drillDownStyles["drilldown"], className), ref, children: /* @__PURE__ */ jsx(
+        focusTrapReactExports.FocusTrap,
+        {
+          active: hostIsInteractive,
+          focusTrapOptions: {
+            returnFocusOnDeactivate: false,
+            fallbackFocus: () => sectionRef.current ?? document.body
+          },
+          children: /* @__PURE__ */ jsx(
+            "section",
+            {
+              className: drillDownStyles["container"],
+              ref: sectionRef,
+              tabIndex: -1,
+              children
+            }
+          )
+        }
+      ) }) : null;
     }
   ),
   {
@@ -1859,4 +1885,4 @@ function useDrillDown() {
 }
 
 export { DrillDown as D, DrillDownHeader as a, DrillDownContent as b, DrillDownFooter as c, DrillDownNextButton as d, DrillDownPrevButton as e, useDrillDown as u };
-//# sourceMappingURL=useDrilldown-BW2XkUcK.js.map
+//# sourceMappingURL=useDrilldown-D6VZNSCX.js.map