@servicetitan/anvil2 2.7.0 → 2.8.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-wwXRpNgb.js → useDrilldown-C7eMBl68.js}

@@ -3,11 +3,11 @@ import * as React from 'react';
 import React__default, { forwardRef, useEffect, useRef, 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-BZV0wNKZ.js';
+import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as isFocusable, c as index_esm } from './usePopoverTransitionStates-B1opfxxn.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-a_D7tUgM.js';
+import { T as Text } from './Text-MVxRo6yx.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -1782,52 +1782,54 @@ const DrillDownPrevButton = forwardRef((props, ref) => {
 });
 DrillDownPrevButton.displayName = "DrillDownPrevButton";
 
-const DrillDownElement = forwardRef(
-  (props, ref) => {
-    const { index: indexProp, onClose, className, children, ...rest } = props;
-    const { index, setRegisteredIndices, setOnClose } = useDrillDownContext();
-    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;
-        }
-      });
-      return () => {
+const DrillDown = Object.assign(
+  forwardRef(
+    function DrillDownInner(props, ref) {
+      const { index: indexProp, onClose, className, children, ...rest } = props;
+      const { index, setRegisteredIndices, setOnClose } = useDrillDownContext();
+      useEffect(() => {
         setRegisteredIndices?.((registeredIndices) => {
           if (registeredIndices == null) return registeredIndices;
-          if (registeredIndices[indexProp] === 1) {
-            delete registeredIndices[indexProp];
+          if (registeredIndices[indexProp] == null) {
+            registeredIndices[indexProp] = 1;
             return registeredIndices;
           }
-          if (registeredIndices[indexProp] > 1) {
-            registeredIndices[indexProp] -= 1;
+          if (registeredIndices[indexProp]) {
+            registeredIndices[indexProp] += 1;
             return registeredIndices;
           }
         });
-      };
-    }, [indexProp, setRegisteredIndices]);
-    useEffect(() => {
-      if (onClose && indexProp != null) {
-        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 () => {
+          setRegisteredIndices?.((registeredIndices) => {
+            if (registeredIndices == null) return registeredIndices;
+            if (registeredIndices[indexProp] === 1) {
+              delete registeredIndices[indexProp];
+              return registeredIndices;
+            }
+            if (registeredIndices[indexProp] > 1) {
+              registeredIndices[indexProp] -= 1;
+              return registeredIndices;
+            }
+          });
+        };
+      }, [indexProp, setRegisteredIndices]);
+      useEffect(() => {
+        if (onClose && indexProp != null) {
+          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;
+    }
+  ),
+  {
+    Header: DrillDownHeader,
+    Content: DrillDownContent,
+    Footer: DrillDownFooter,
+    NextButton: DrillDownNextButton,
+    PrevButton: DrillDownPrevButton
   }
 );
-DrillDownElement.displayName = "DrillDown";
-const DrillDown = Object.assign(DrillDownElement, {
-  Header: DrillDownHeader,
-  Content: DrillDownContent,
-  Footer: DrillDownFooter,
-  NextButton: DrillDownNextButton,
-  PrevButton: DrillDownPrevButton
-});
+DrillDown.displayName = "DrillDown";
 
 function useDrillDown() {
   const contextRef = useRef(null);
@@ -1857,4 +1859,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-wwXRpNgb.js.map
+//# sourceMappingURL=useDrilldown-C7eMBl68.js.map