@servicetitan/anvil2 3.0.3 → 3.0.5

package/dist/Drawer-Dg35inxH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-Dg35inxH.js","sources":["../src/components/Drawer/internal/useDrawerContext.ts","../src/components/Drawer/DrawerCancelButton.tsx","../src/components/Drawer/DrawerHeader.tsx","../src/components/Drawer/DrawerFooter.tsx","../src/components/Drawer/DrawerContent.tsx","../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawerContext } from \"./DrawerContext\";\n\n/**\n * Hook to access the drawer context.\n *\n * @returns The drawer context containing close function and ref\n * @throws Error if used outside of a DrawerContextProvider\n */\nexport function useDrawerContext() {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\n      \"useDrawerContext must be used within a DrawerContextProvider\",\n    );\n  }\n  return context;\n}\n","import { MouseEvent, forwardRef } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { useDrawerContext } from \"./internal/useDrawerContext\";\n\n/**\n * Props for the DrawerCancelButton component\n * @extends ButtonProps\n */\nexport type DrawerCancelButtonProps = ButtonProps & DataTrackingId;\n\n/**\n * A button component that automatically closes the drawer when clicked.\n *\n * Features:\n * - Automatically closes the drawer when clicked\n * - Extends Button component functionality\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard button props\n * - Proper focus management\n * - Can be used anywhere within the drawer context\n *\n * @example\n * <DrawerCancelButton appearance=\"ghost\" size=\"small\">\n *   Cancel\n * </DrawerCancelButton>\n */\nexport const DrawerCancelButton = forwardRef<\n  HTMLButtonElement,\n  DrawerCancelButtonProps\n>((props, ref) => {\n  const { onClick, ...rest } = props;\n  const { close } = useDrawerContext();\n  const data = {\n    children: childrenToString(props.children),\n    appearance: props.appearance,\n    size: props.size,\n    type: props.type,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DrawerCancelButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    close();\n  };\n  return (\n    <Button\n      aria-label=\"Close drawer\"\n      data-anv=\"drawer-cancel-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nDrawerCancelButton.displayName = \"DrawerCancelButton\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport styles from \"./Drawer.module.scss\";\nimport { Text } from \"../Text\";\nimport { DrawerCancelButton } from \"./DrawerCancelButton\";\nimport cx from \"classnames\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { useDrawerContext } from \"./internal/useDrawerContext\";\n\n/**\n * Props for the DrawerHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DrawerHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * Header component for the drawer that displays a title and close button.\n *\n * Features:\n * - Displays the drawer title as a headline\n * - Includes an accessible close button\n * - Sticky positioning at the top of the drawer\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Automatic close functionality\n *\n * @example\n * <Drawer.Header>Settings</Drawer.Header>\n */\nexport const DrawerHeader = forwardRef<HTMLHeadElement, DrawerHeaderProps>(\n  (props, ref) => {\n    const { className, children } = props;\n    const { headerRef } = useDrawerContext();\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerHeader\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const drawerHeaderClasses = cx(styles.header, className);\n\n    return (\n      <header\n        className={drawerHeaderClasses}\n        data-anv=\"drawer-header\"\n        data-tracking-id={trackingId}\n        ref={useMergeRefs([ref, headerRef])}\n      >\n        <Text variant=\"headline\" el=\"h1\">\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DrawerCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close drawer\"\n            data-anv=\"drawer-header-close-button\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport styles from \"./Drawer.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DrawerFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DrawerFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * When true, the footer will stick to the bottom of the drawer.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * Footer component for the drawer that displays action buttons and controls.\n *\n * Features:\n * - Flexible layout for action buttons and controls\n * - Optional sticky positioning at the bottom\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard footer element props\n * - Responsive design that adapts to content\n *\n * @example\n * <Drawer.Footer sticky>\n *   <Button onClick={handleSave}>Save</Button>\n *   <Button onClick={handleCancel}>Cancel</Button>\n * </Drawer.Footer>\n */\nexport const DrawerFooter = forwardRef<HTMLElement, DrawerFooterProps>(\n  (props, ref) => {\n    const { className, children, sticky = false, ...rest } = props;\n    const drawerFooterClasses = cx(styles.footer, className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={drawerFooterClasses}\n        data-anv=\"drawer-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport styles from \"./Drawer.module.scss\";\nimport cx from \"classnames\";\nimport { useDrawerContext } from \"./internal/useDrawerContext\";\n\n/**\n * Props for the DrawerContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DrawerContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * Content container for the drawer that holds the main content area.\n *\n * Features:\n * - Flexible content area with proper spacing\n * - Scrollable content when needed\n * - Optional sticky positioning below header\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard div element props\n * - Responsive design that adapts to content\n * - Proper focus management\n *\n * @example\n * // Basic content\n * <Drawer.Content>\n *   <p>This is the main content of the drawer.</p>\n * </Drawer.Content>\n *\n * @example\n * // Sticky content (e.g., search field that remains visible while scrolling)\n * <Drawer.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Drawer.Content>\n */\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n    const { headerRef } = useDrawerContext();\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"drawer-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...rest.style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import styles from \"./Drawer.module.scss\";\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useRef,\n  useId,\n  useCallback,\n  useEffect,\n  SyntheticEvent,\n  KeyboardEvent,\n  useMemo,\n  useLayoutEffect,\n} from \"react\";\nimport { DrawerHeader } from \"./DrawerHeader\";\nimport { DrawerFooter } from \"./DrawerFooter\";\nimport { DrawerContent } from \"./DrawerContent\";\nimport { DrawerCancelButton } from \"./DrawerCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport {\n  FocusableElement,\n  DisableCloseOnEscapeOrClickProps,\n  Size,\n} from \"../../types\";\nimport { registerLayer, unregisterLayer } from \"../../internal/utils\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\nimport { DrawerContext } from \"./internal/DrawerContext\";\nimport {\n  DrillDownContext,\n  DrillDownContextProps,\n} from \"../DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../DrillDown/internal/useDrillDownContextState\";\nimport drillDownStyles from \"../DrillDown/DrillDown.module.scss\";\nimport { useInitialFocus } from \"../Dialog/internal/useInitialFocus\";\n\n/**\n * Props for the Drawer component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DrawerProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * The size of the drawer.\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\" | \"xlarge\">;\n    /**\n     * Controls whether the drawer is open or closed.\n     * @default false\n     */\n    open?: boolean;\n    /**\n     * Callback function called after the drawer is animated closed.\n     */\n    onClose?: () => void;\n    /**\n     * Callback when clicking outside the drawer\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining behavior.\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n    /**\n     * Given an array of focusable elements, return the initial focus target.\n     * @param focusables - The focusable elements to pick from\n     * @returns The initial focus target\n     */\n    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n    /**\n     * Sets the default DrillDown index when used in an uncontrolled way\n     */\n    defaultDrillDownIndex?: DrillDownContextProps[\"index\"];\n    /**\n     * Callback to pass context to useDrillDown hook\n     */\n    onDrillDownContextChange?: (context: DrillDownContextProps) => void;\n  };\n\n/**\n * A slide-out drawer component that provides a modal-like experience from the side of the screen.\n *\n * Features:\n * - Slide-in animation from the side of the screen\n * - Keyboard navigation with focus trapping\n * - Escape key and click outside to close\n * - Configurable size variants (medium, large)\n * - Built-in toast support for notifications\n * - Automatic scroll locking when open\n * - Accessible with proper ARIA attributes\n * - Compound component structure with Header, Footer, Content, and CancelButton\n * - Transition state callbacks for animation control\n * - Optional scroll chaining support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer open={isOpen} onClose={handleClose} size=\"medium\">\n *   <Drawer.Header>Settings</Drawer.Header>\n *   <Drawer.Content>Drawer content goes here</Drawer.Content>\n *   <Drawer.Footer>\n *     <Button onClick={handleSave}>Save</Button>\n *     <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n *   </Drawer.Footer>\n * </Drawer>\n */\nexport const Drawer = Object.assign(\n  forwardRef<HTMLDialogElement, DrawerProps>(function DrawerInner(props, ref) {\n    const {\n      className,\n      open = false,\n      children,\n      onClose,\n      // onCancel is destructured so that it is not passed to the dialog in ...rest\n      onCancel,\n      onKeyDown,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size = \"medium\",\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\n      initialFocusResolver,\n      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n\n    const elRef = useRef<HTMLDialogElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n\n    const drillDownContextValue = useDrillDownContextState({\n      defaultDrillDownIndex,\n    });\n\n    const id = useId();\n\n    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {\n      onOpenAnimationStart: useCallback(() => {\n        onOpenAnimationStart?.();\n      }, [onOpenAnimationStart]),\n      onOpenAnimationComplete: useCallback(() => {\n        onOpenAnimationComplete?.();\n      }, [onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    const previousOpenRef = useRef(open);\n\n    useLayoutEffect(() => {\n      if (open && !previousOpenRef.current) {\n        drillDownContextValue.setHostTrigger?.(\n          document.activeElement instanceof HTMLElement\n            ? document.activeElement\n            : null,\n        );\n      }\n    }, [open, drillDownContextValue]);\n\n    useEffect(() => {\n      previousOpenRef.current = open;\n    }, [open]);\n\n    useEffect(() => {\n      if (state === \"closing\") {\n        drillDownContextValue.onHostClose?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    useEffect(() => {\n      if (state === \"closed\") {\n        drillDownContextValue.onHostClosed?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    const drillDownContextProviderValue = useMemo(\n      () => ({\n        ...drillDownContextValue,\n        hostIsInteractive: state !== \"closing\" && state !== \"closed\",\n      }),\n      [drillDownContextValue, state],\n    );\n\n    useLayoutEffect(() => {\n      onDrillDownContextChange?.(drillDownContextProviderValue);\n    }, [drillDownContextProviderValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const classNames = cx([styles.drawer, drillDownStyles.drawer], className, {\n      [styles.remove]: state === \"closing\",\n      [styles[size]]: size !== \"medium\",\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: false,\n    });\n    const firstFocusable = focusables?.[0];\n    const lastFocusable = focusables?.[focusables.length - 1];\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    // Register/unregister with layer manager for proper stacking\n    useEffect(() => {\n      if (open) {\n        registerLayer(id);\n      } else {\n        unregisterLayer(id);\n      }\n\n      // Cleanup when component unmounts\n      return () => {\n        unregisterLayer(id);\n      };\n    }, [open, id]);\n\n    const computeFocus = useCallback((focusables: FocusableElement[]) => {\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"drawer-header-close-button\",\n        ) || focusables[0]\n      );\n    }, []);\n\n    useInitialFocus(elRef, {\n      computeFocus: initialFocusResolver || computeFocus,\n    });\n\n    const onCancelHandler = (e: SyntheticEvent<HTMLDialogElement>) => {\n      e.preventDefault();\n\n      if (disableCloseOnEscape) return;\n      onClose?.();\n    };\n\n    useOnClickOutside({\n      onClickOutsideBegin: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClickOutside: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n      layerId: id,\n    });\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === firstFocusable) {\n          e.preventDefault();\n          (lastFocusable as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === lastFocusable && !e.shiftKey) {\n          e.preventDefault();\n          (firstFocusable as HTMLElement)?.focus();\n          return;\n        }\n      }\n    };\n\n    const contextValue = useMemo(() => {\n      return { close: () => onClose?.(), headerRef, state };\n    }, [onClose, state]);\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      <dialog\n        className={classNames}\n        data-anv=\"drawer\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={combinedRef}\n        onCancel={onCancelHandler}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={isOpenOrOpening}>\n          <ToasterPopover>\n            <ToasterContent id=\"drawer-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n\n        <DrillDownContext.Provider value={drillDownContextProviderValue}>\n          <DrawerContext.Provider value={contextValue}>\n            <section\n              ref={contentRef}\n              className={styles.container}\n              data-open={isOpenOrOpening}\n            >\n              {children}\n            </section>\n          </DrawerContext.Provider>\n        </DrillDownContext.Provider>\n      </dialog>\n    );\n  }),\n  {\n    /**\n     * Header component for the drawer that displays a title and close button.\n     *\n     * Features:\n     * - Displays the drawer title as a headline\n     * - Includes an accessible close button\n     * - Sticky positioning at the top of the drawer\n     * - Proper semantic HTML structure\n     * - Accessible with proper ARIA attributes\n     * - Consistent styling with the design system\n     * - Automatic close functionality\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Drawer.Header>Settings</Drawer.Header>\n     */\n    Header: DrawerHeader,\n    /**\n     * Footer component for the drawer that displays action buttons and controls.\n     *\n     * Features:\n     * - Flexible layout for action buttons and controls\n     * - Optional sticky positioning at the bottom\n     * - Proper semantic HTML structure\n     * - Accessible with proper ARIA attributes\n     * - Consistent styling with the design system\n     * - Supports all standard footer element props\n     * - Responsive design that adapts to content\n     *\n     * @example\n     * <Drawer.Footer sticky>\n     *   <Button onClick={handleSave}>Save</Button>\n     *   <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n     * </Drawer.Footer>\n     */\n    Footer: DrawerFooter,\n    /**\n     * Content container for the drawer that holds the main content area.\n     *\n     * Features:\n     * - Flexible content area with proper spacing\n     * - Scrollable content when needed\n     * - Proper semantic HTML structure\n     * - Accessible with proper ARIA attributes\n     * - Consistent styling with the design system\n     * - Supports all standard div element props\n     * - Responsive design that adapts to content\n     * - Proper focus management\n     *\n     * @example\n     * <Drawer.Content>\n     *   <p>This is the main content of the drawer.</p>\n     *   <p>It can contain any type of content.</p>\n     * </Drawer.Content>\n     */\n    Content: DrawerContent,\n    /**\n     * A button component that automatically closes the drawer when clicked.\n     *\n     * Features:\n     * - Automatically closes the drawer when clicked\n     * - Extends Button component functionality\n     * - Accessible with proper ARIA attributes\n     * - Consistent styling with the design system\n     * - Supports all standard button props\n     * - Proper focus management\n     * - Can be used anywhere within the drawer context\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Drawer.CancelButton appearance=\"ghost\" size=\"small\">\n     *   Cancel\n     * </Drawer.CancelButton>\n     */\n    CancelButton: DrawerCancelButton,\n  },\n);\nDrawer.displayName = \"Drawer\";\n"],"names":["Close","focusables"],"mappings":"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"}

package/dist/Drawer.d.ts

@@ -1,6 +1 @@
-export * from './components/Drawer/index'
-export {}
-import _default from './components/Drawer/index'
-export default _default
-export * from './components/Drawer/index'
 export {}

package/dist/Drawer.js

@@ -1,2 +1,2 @@
-export { D as Drawer, D as default } from './Drawer-CmoV9FWV.js';
+export { D as Drawer, D as default } from './Drawer-Dg35inxH.js';
 //# sourceMappingURL=Drawer.js.map

package/dist/DrillDown.d.ts

@@ -1,6 +1 @@
-export * from './components/DrillDown/index'
-export {}
-import _default from './components/DrillDown/index'
-export default _default
-export * from './components/DrillDown/index'
 export {}

package/dist/DrillDown.js

@@ -1,2 +1,2 @@
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, D as default, u as useDrillDown } from './useDrilldown-DWqp5gyZ.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, D as default, u as useDrillDown } from './useDrilldown-bIRsbg1m.js';
 //# sourceMappingURL=DrillDown.js.map

package/dist/EditCard-BfNq-T8n.js

@@ -0,0 +1,112 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as cx } from './index-De1g9FRV.js';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { S as SvgCheck } from './check-Cf67OWrZ.js';
+import { C as Card } from './Card-fBqg853U.js';
+import { T as Text } from './Text-BgPuOXJM.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { B as Button } from './Button-C_V2xQAs.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+
+import './EditCard.css';const container = "_container_1u530_23";
+const header = "_header_1u530_30";
+const heading = "_heading_1u530_38";
+const content = "_content_1u530_42";
+const footer = "_footer_1u530_49";
+const indicator = "_indicator_1u530_55";
+const styles = {
+	"edit-card": "_edit-card_1u530_1",
+	"edit-card-in-progress": "_edit-card-in-progress_1u530_8",
+	"edit-card-complete": "_edit-card-complete_1u530_13",
+	"edit-card-error": "_edit-card-error_1u530_18",
+	container: container,
+	header: header,
+	heading: heading,
+	content: content,
+	footer: footer,
+	indicator: indicator,
+	"indicator-in-progress": "_indicator-in-progress_1u530_78",
+	"indicator-complete": "_indicator-complete_1u530_84",
+	"indicator-error": "_indicator-error_1u530_91"
+};
+
+const SvgPriorityHigh = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 19, r: 2 }), /* @__PURE__ */ React.createElement("path", { d: "M12 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z" }));
+
+const EditCard = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      children,
+      className,
+      style,
+      headerText,
+      state,
+      editButtonText = "Edit",
+      saveButtonText = "Save",
+      disableEdit = false,
+      disableSave = false,
+      onStateChange,
+      ...rest
+    } = componentProps;
+    const kebabState = state?.replaceAll(" ", "-");
+    const editCardClassNames = cx(
+      styles["edit-card"],
+      styles[`edit-card-${kebabState}`],
+      className
+    );
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        padding: "large",
+        className: editCardClassNames,
+        "data-anv": "edit-card",
+        style,
+        ref,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(styles.indicator, styles[`indicator-${kebabState}`]),
+              children: [
+                state === "complete" && /* @__PURE__ */ jsx(Icon, { svg: SvgCheck }),
+                state === "error" && /* @__PURE__ */ jsx(Icon, { svg: SvgPriorityHigh })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+              /* @__PURE__ */ jsx(Text, { className: styles.heading, variant: "headline", el: "h3", children: typeof headerText === "string" ? headerText : headerText[state] }),
+              state !== "in progress" && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  disabled: disableEdit,
+                  onClick: () => onStateChange?.("edit"),
+                  children: editButtonText
+                }
+              )
+            ] }),
+            children && /* @__PURE__ */ jsx("div", { className: styles.content, style: layoutStyles, children }),
+            state === "in progress" && /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
+              /* @__PURE__ */ jsx(Button, { onClick: () => onStateChange?.("cancel"), children: "Cancel" }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  appearance: "primary",
+                  onClick: () => onStateChange?.("save"),
+                  disabled: disableSave,
+                  children: saveButtonText
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+EditCard.displayName = "EditCard";
+
+export { EditCard as E };
+//# sourceMappingURL=EditCard-BfNq-T8n.js.map

package/dist/EditCard-BfNq-T8n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCard-BfNq-T8n.js","sources":["../../hammer-icon/mdi/round/priority_high.svg","../src/components/EditCard/EditCard.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgPriorityHigh = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 19, r: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgPriorityHigh;\n","import cx from \"classnames\";\nimport styles from \"./EditCard.module.scss\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport PriorityHigh from \"@servicetitan/hammer-icon/mdi/round/priority_high.svg\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Card } from \"../Card\";\nimport { Text } from \"../Text\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\n\n/**\n * Props for the EditCard component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type EditCardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The header text to display. Can be a string or an object mapping states to different text.\n     */\n    headerText:\n      | string\n      | {\n          \"not started\": string;\n          \"in progress\": string;\n          error: string;\n          complete: string;\n        };\n    /**\n     * The current state of the edit card.\n     */\n    state: EditCardState;\n    /**\n     * Text to display on the save button.\n     * @default \"Save\"\n     */\n    saveButtonText?: string;\n    /**\n     * Text to display on the edit button.\n     * @default \"Edit\"\n     */\n    editButtonText?: string;\n    /**\n     * Whether to disable the edit button.\n     * @default false\n     */\n    disableEdit?: boolean;\n    /**\n     * Whether to disable the save button.\n     * @default false\n     */\n    disableSave?: boolean;\n    /**\n     * Callback function called when the state changes.\n     */\n    onStateChange?: (changeType: EditCardChange) => void;\n  };\n\n/**\n * The type of state change that can occur.\n * @property {\"edit\"} edit - User clicked the edit button to start editing\n * @property {\"save\"} save - User clicked the save button to save changes\n * @property {\"cancel\"} cancel - User clicked the cancel button to discard changes\n */\nexport type EditCardChange = \"edit\" | \"save\" | \"cancel\";\n\n/**\n * The current state of the edit card.\n * @property {\"not started\"} not started - Initial state, content is not being edited\n * @property {\"in progress\"} in progress - User is currently editing the content\n * @property {\"error\"} error - An error occurred during the edit process\n * @property {\"complete\"} complete - Edit was successfully completed\n */\nexport type EditCardState =\n  | \"not started\"\n  | \"in progress\"\n  | \"error\"\n  | \"complete\";\n\n/**\n * EditCard component for managing editable content with different states and actions.\n *\n * Features:\n * - Four distinct states: not started, in progress, error, and complete\n * - Visual indicators for each state with appropriate icons\n * - Dynamic header text that can change based on state\n * - Edit and save buttons with customizable text\n * - Optional button disabling for different states\n * - State change callbacks for handling user interactions\n * - Built on Card component with consistent styling\n * - Supports layout utilities for positioning and spacing\n * - Accessible with proper ARIA attributes\n * - Visual state indicators with color-coded borders\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <EditCard\n *   headerText=\"User Profile\"\n *   state=\"not started\"\n *   onStateChange={(change) => console.log(change)}\n * >\n *   <Text>Profile information goes here</Text>\n * </EditCard>\n */\nexport const EditCard = forwardRef<HTMLDivElement, EditCardProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      style,\n      headerText,\n      state,\n      editButtonText = \"Edit\",\n      saveButtonText = \"Save\",\n      disableEdit = false,\n      disableSave = false,\n      onStateChange,\n      ...rest\n    } = componentProps;\n\n    const kebabState = state?.replaceAll(\" \", \"-\");\n\n    const editCardClassNames = cx(\n      styles[\"edit-card\"],\n      styles[`edit-card-${kebabState}`],\n      className,\n    );\n\n    return (\n      <Card\n        padding=\"large\"\n        className={editCardClassNames}\n        data-anv=\"edit-card\"\n        style={style}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={cx(styles.indicator, styles[`indicator-${kebabState}`])}\n        >\n          {state === \"complete\" && <Icon svg={Check} />}\n          {state === \"error\" && <Icon svg={PriorityHigh} />}\n        </div>\n        <div className={styles.container}>\n          <div className={styles.header}>\n            <Text className={styles.heading} variant=\"headline\" el=\"h3\">\n              {typeof headerText === \"string\" ? headerText : headerText[state]}\n            </Text>\n            {state !== \"in progress\" && (\n              <Button\n                disabled={disableEdit}\n                onClick={() => onStateChange?.(\"edit\")}\n              >\n                {editButtonText}\n              </Button>\n            )}\n          </div>\n          {children && (\n            <div className={styles.content} style={layoutStyles}>\n              {children}\n            </div>\n          )}\n          {state === \"in progress\" && (\n            <div className={styles.footer}>\n              <Button onClick={() => onStateChange?.(\"cancel\")}>Cancel</Button>\n              <Button\n                appearance=\"primary\"\n                onClick={() => onStateChange?.(\"save\")}\n                disabled={disableSave}\n              >\n                {saveButtonText}\n              </Button>\n            </div>\n          )}\n        </div>\n      </Card>\n    );\n  },\n);\n\nEditCard.displayName = \"EditCard\";\n"],"names":["Check","PriorityHigh"],"mappings":"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"}

package/dist/EditCard.d.ts

@@ -1,6 +1 @@
-export * from './components/EditCard/index'
-export {}
-import _default from './components/EditCard/index'
-export default _default
-export * from './components/EditCard/index'
 export {}

package/dist/EditCard.js

@@ -1,2 +1,2 @@
-export { E as EditCard, E as default } from './EditCard-DFBjxF9l.js';
+export { E as EditCard, E as default } from './EditCard-BfNq-T8n.js';
 //# sourceMappingURL=EditCard.js.map

package/dist/FieldLabel-xV6EdVwo.js

@@ -0,0 +1,180 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo, forwardRef } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
+import { T as Tooltip } from './Tooltip-DGo3OWqL.js';
+import { F as FieldLabelButton, A as AiMark } from './AiMark-DjOf60tj.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { S as SvgInfo } from './info-CYpG6tcI.js';
+
+import './FieldLabel.css';const INLINE_MARKDOWN_REGEX = /\*\*\*(.+?)\*\*\*|\*\*(.+?)\*\*|\*(.+?)\*|==(.+?)==|`(.+?)`/g;
+
+const highlight = "_highlight_1v2if_1";
+const code = "_code_1v2if_7";
+const styles$1 = {
+	highlight: highlight,
+	code: code
+};
+
+const parseInlineMarkdown = (text) => {
+  const parts = [];
+  let lastIndex = 0;
+  INLINE_MARKDOWN_REGEX.lastIndex = 0;
+  let match;
+  while ((match = INLINE_MARKDOWN_REGEX.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(text.substring(lastIndex, match.index));
+    }
+    const key = match.index;
+    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;
+    if (match[1]) {
+      parts.push(
+        /* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("em", { children: parseInlineMarkdown(match[1]) }) }, key)
+      );
+    } else if (match[2]) {
+      parts.push(/* @__PURE__ */ jsx("strong", { children: parseInlineMarkdown(match[2]) }, key));
+    } else if (match[3]) {
+      parts.push(/* @__PURE__ */ jsx("em", { children: parseInlineMarkdown(match[3]) }, key));
+    } else if (match[4]) {
+      parts.push(
+        /* @__PURE__ */ jsx("mark", { className: styles$1.highlight, children: parseInlineMarkdown(match[4]) }, key)
+      );
+    } else if (match[5]) {
+      parts.push(
+        /* @__PURE__ */ jsx("code", { className: styles$1.code, children: match[5] }, key)
+      );
+    }
+    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;
+    lastIndex = savedIndex;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.substring(lastIndex));
+  }
+  return parts;
+};
+
+const label = "_label_13ezo_1";
+const required = "_required_13ezo_50";
+const styles = {
+	label: label,
+	"top-container": "_top-container_13ezo_30",
+	"ai-mark-icon": "_ai-mark-icon_13ezo_34",
+	"label-text": "_label-text_13ezo_45",
+	required: required,
+	"info-container": "_info-container_13ezo_56",
+	"info-trigger": "_info-trigger_13ezo_62",
+	"info-content": "_info-content_13ezo_68"
+};
+
+const FieldLabelMoreInfoIcon = ({
+  moreInfo,
+  moreInfoId
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: styles["info-container"], children: [
+    moreInfoId && /* @__PURE__ */ jsx(SrOnly, { id: moreInfoId, children: moreInfo }),
+    /* @__PURE__ */ jsxs(
+      Tooltip,
+      {
+        placement: "top",
+        offset: 5,
+        fallbackPlacements: ["right", "bottom", "left"],
+        children: [
+          /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles["info-trigger"], children: /* @__PURE__ */ jsx(FieldLabelButton, { "aria-label": "More information", children: /* @__PURE__ */ jsx(Icon, { svg: SvgInfo }) }) }),
+          /* @__PURE__ */ jsx(Tooltip.Content, { className: styles["info-content"], children: moreInfo })
+        ]
+      }
+    )
+  ] });
+};
+
+const InlineMarkdown = ({ value = "" }) => {
+  const content = useMemo(() => parseInlineMarkdown(value), [value]);
+  return /* @__PURE__ */ jsx(Fragment, { children: content });
+};
+
+const FieldLabelElement = forwardRef(
+  ({
+    aiMark,
+    el: Element = "label",
+    children,
+    className,
+    moreInfo,
+    moreInfoId,
+    required,
+    moreInfoOpen: _moreInfoOpen,
+    // deprecated, ignored
+    ...props
+  }, ref) => {
+    const FieldLabelClassNames = cx([styles["label"]], className);
+    const labelText = /* @__PURE__ */ jsxs("span", { className: styles["label-text"], children: [
+      typeof children === "string" ? /* @__PURE__ */ jsx(InlineMarkdown, { value: children }) : children,
+      required ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles["required"], children: "*" }),
+        /* @__PURE__ */ jsx(SrOnly, { children: "Required" })
+      ] }) : null
+    ] });
+    const hasMoreInfoOrAiMark = moreInfo || aiMark;
+    if (Element === "label" && hasMoreInfoOrAiMark) {
+      const { htmlFor, id, ...labelProps } = props;
+      return /* @__PURE__ */ jsx("div", { className: FieldLabelClassNames, ref, children: /* @__PURE__ */ jsxs("div", { className: styles["top-container"], children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor,
+            id,
+            "data-anv": "label",
+            ...labelProps,
+            children: labelText
+          }
+        ),
+        moreInfo && /* @__PURE__ */ jsx(
+          FieldLabelMoreInfoIcon,
+          {
+            moreInfo,
+            moreInfoId
+          }
+        ),
+        aiMark && /* @__PURE__ */ jsx(
+          AiMark,
+          {
+            className: styles["ai-mark-icon"],
+            type: "gradient",
+            popoverOrTooltipConfig: typeof aiMark === "object" ? aiMark : void 0
+          }
+        )
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: FieldLabelClassNames,
+        "data-anv": "label",
+        ref,
+        ...props,
+        children: hasMoreInfoOrAiMark ? /* @__PURE__ */ jsxs("div", { className: styles["top-container"], children: [
+          labelText,
+          moreInfo && /* @__PURE__ */ jsx(
+            FieldLabelMoreInfoIcon,
+            {
+              moreInfo,
+              moreInfoId
+            }
+          ),
+          aiMark && /* @__PURE__ */ jsx(
+            AiMark,
+            {
+              className: styles["ai-mark-icon"],
+              type: "gradient",
+              popoverOrTooltipConfig: typeof aiMark === "object" ? aiMark : void 0
+            }
+          )
+        ] }) : labelText
+      }
+    );
+  }
+);
+FieldLabelElement.displayName = "FieldLabel";
+const FieldLabel = FieldLabelElement;
+
+export { FieldLabel as F, INLINE_MARKDOWN_REGEX as I };
+//# sourceMappingURL=FieldLabel-xV6EdVwo.js.map

package/dist/FieldLabel-xV6EdVwo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel-xV6EdVwo.js","sources":["../src/internal/utils/inlineMarkdownRegex.ts","../src/internal/functions/inlineMarkdown.tsx","../src/components/FieldLabel/internal/FieldLabelMoreInfoIcon.tsx","../src/internal/components/InlineMarkdown/InlineMarkdown.tsx","../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["/**\n * Shared regex for parsing inline markdown constructs.\n * Matches (in order): bold-italic `***`, bold `**`, italic `*`, highlight `==`, code `` ` ``\n */\nexport const INLINE_MARKDOWN_REGEX =\n  /\\*\\*\\*(.+?)\\*\\*\\*|\\*\\*(.+?)\\*\\*|\\*(.+?)\\*|==(.+?)==|`(.+?)`/g;\n","import { ReactNode } from \"react\";\nimport styles from \"../components/InlineMarkdown/InlineMarkdown.module.scss\";\nimport { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Parses a limited set of inline markdown constructs in a string and returns React nodes.\n * `lastIndex` is reset at the start of each call and saved/restored around recursive calls\n * so a single shared regex instance is safe for nested parsing.\n *\n * Supported constructs (matched in order):\n * - `***text***` → `<strong><em>text</em></strong>`\n * - `**text**` → `<strong>text</strong>`\n * - `*text*` → `<em>text</em>`\n * - `==text==` → `<mark>`\n * - `` `text` `` → `<code>` (no nested markdown inside code)\n *\n * For plain-text stripping (e.g. aria-label), use `stripInlineMarkdown` from\n * `./stripInlineMarkdown` — it has no style dependencies.\n *\n * @param text - The string to parse\n * @returns Array of React nodes representing the parsed content\n */\nexport const parseInlineMarkdown = (text: string): ReactNode[] => {\n  const parts: ReactNode[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(text)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(text.substring(lastIndex, match.index));\n    }\n\n    const key = match.index;\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n\n    if (match[1]) {\n      // ***bold italic***\n      parts.push(\n        <strong key={key}>\n          <em>{parseInlineMarkdown(match[1])}</em>\n        </strong>,\n      );\n    } else if (match[2]) {\n      // **bold**\n      parts.push(<strong key={key}>{parseInlineMarkdown(match[2])}</strong>);\n    } else if (match[3]) {\n      // *italic*\n      parts.push(<em key={key}>{parseInlineMarkdown(match[3])}</em>);\n    } else if (match[4]) {\n      // ==highlight==\n      parts.push(\n        <mark key={key} className={styles.highlight}>\n          {parseInlineMarkdown(match[4])}\n        </mark>,\n      );\n    } else if (match[5]) {\n      // `code` — no recursion inside code\n      parts.push(\n        <code key={key} className={styles.code}>\n          {match[5]}\n        </code>,\n      );\n    }\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < text.length) {\n    parts.push(text.substring(lastIndex));\n  }\n\n  return parts;\n};\n","import { FieldLabelProps } from \"../FieldLabel\";\nimport { Tooltip } from \"../../Tooltip\";\nimport { FieldLabelButton } from \"./FieldLabelButton\";\nimport { Icon } from \"../../Icon\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport styles from \"../FieldLabel.module.scss\";\nimport { SrOnly } from \"../../SrOnly\";\n\n/**\n * Internal component for rendering the info icon button with tooltip.\n *\n * @param props - Component props\n * @param props.moreInfo - The content to display in the tooltip\n * @param props.moreInfoId - ID for the visually-hidden description span, used by aria-describedby on the associated input\n */\nexport const FieldLabelMoreInfoIcon = ({\n  moreInfo,\n  moreInfoId,\n}: {\n  moreInfo: FieldLabelProps[\"moreInfo\"];\n  moreInfoId?: string;\n}) => {\n  return (\n    <div className={styles[\"info-container\"]}>\n      {moreInfoId && <SrOnly id={moreInfoId}>{moreInfo}</SrOnly>}\n      <Tooltip\n        placement=\"top\"\n        offset={5}\n        fallbackPlacements={[\"right\", \"bottom\", \"left\"]}\n      >\n        <Tooltip.Trigger className={styles[\"info-trigger\"]}>\n          <FieldLabelButton aria-label=\"More information\">\n            <Icon svg={Info} />\n          </FieldLabelButton>\n        </Tooltip.Trigger>\n        <Tooltip.Content className={styles[\"info-content\"]}>\n          {moreInfo}\n        </Tooltip.Content>\n      </Tooltip>\n    </div>\n  );\n};\n","import { useMemo } from \"react\";\nimport { parseInlineMarkdown } from \"../../functions/inlineMarkdown\";\n\n/**\n * Props for the InlineMarkdown component\n * @property {string} [value] - The markdown string to parse and render\n */\nexport interface InlineMarkdownProps {\n  value?: string;\n}\n\n/**\n * Renders a string with limited inline markdown constructs as formatted React content.\n *\n * Features:\n * - Bold: `**text**`\n * - Italic: `*text*`\n * - Bold and italic: `***text***`\n * - Highlight: `==text==`\n * - Inline code: `` `text` ``\n * - Memoized rendering for performance\n * - Passes through plain strings with no overhead\n *\n * @example\n * <InlineMarkdown value=\"Save **now** or `discard`\" />\n */\nexport const InlineMarkdown = ({ value = \"\" }: InlineMarkdownProps) => {\n  const content = useMemo(() => parseInlineMarkdown(value), [value]);\n  return <>{content}</>;\n};\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactNode,\n  type Ref,\n  type ElementType,\n  type JSX,\n  type JSXElementConstructor,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./FieldLabel.module.scss\";\nimport { TooltipProps } from \"../Tooltip\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelMoreInfoIcon } from \"./internal/FieldLabelMoreInfoIcon\";\nimport { AiMarkWithTooltipOrPopoverProps } from \"../../types\";\nimport { AiMark } from \"../../components/AiMark\";\nimport { InlineMarkdown } from \"../../internal/components/InlineMarkdown\";\n\ntype IntrinsicAttributes<\n  E extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>,\n> = JSX.LibraryManagedAttributes<E, ComponentPropsWithoutRef<E>>;\n\ntype FieldLabelOwnProps<E extends ElementType = ElementType> =\n  AiMarkWithTooltipOrPopoverProps & {\n    /** The HTML element to render */\n    el?: E;\n    /** Unique identifier for the label element */\n    id?: string;\n    /**\n     * Whether the field is required. Shows a red asterisk (*) when true.\n     * @default false\n     */\n    required?: boolean;\n    /** Additional information to display in a tooltip */\n    moreInfo?: ReactNode;\n    /** ID for the sr-only description span, referenced via aria-describedby on the associated input. @internal */\n    moreInfoId?: string;\n    /**\n     * Controls the open state of the more info tooltip.\n     * @default false\n     * @deprecated The more info tooltip is now triggered by a keyboard-accessible button. This prop has no effect.\n     */\n    moreInfoOpen?: TooltipProps[\"open\"];\n  };\n\n/**\n * Props for the FieldLabel component.\n */\nexport type FieldLabelProps<E extends ElementType = ElementType> =\n  FieldLabelOwnProps<E> &\n    Omit<IntrinsicAttributes<E>, keyof FieldLabelOwnProps>;\n\n/**\n * FieldLabel component for form field labels with optional required indicator and help tooltip.\n *\n * Features:\n * - Accessible form label with proper semantic HTML\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Screen reader support for required field announcement\n * - Keyboard-accessible info icon button for additional field context\n * - Flexible content support for label text and help information\n * - Proper ARIA attributes and semantic structure\n * - Responsive design with consistent typography\n * - Polymorphic element support for different HTML elements\n *\n * @example\n * <FieldLabel htmlFor=\"email\" required>\n *   Email Address\n * </FieldLabel>\n * <input id=\"email\" type=\"email\" />\n *\n * @example\n * <FieldLabel\n *   el=\"label\"\n *   htmlFor=\"password\"\n *   required\n *   moreInfo=\"Password must be at least 8 characters long\"\n * >\n *   Password\n * </FieldLabel>\n * <input id=\"password\" type=\"password\" />\n *\n * @example\n * <FieldLabel el=\"legend\" required>\n *   Form Section\n * </FieldLabel>\n */\nconst FieldLabelElement = forwardRef(\n  (\n    {\n      aiMark,\n      el: Element = \"label\",\n      children,\n      className,\n      moreInfo,\n      moreInfoId,\n      required,\n      moreInfoOpen: _moreInfoOpen, // deprecated, ignored\n      ...props\n    }: FieldLabelProps,\n    ref,\n  ) => {\n    const FieldLabelClassNames = cx([styles[\"label\"]], className);\n\n    const labelText = (\n      <span className={styles[\"label-text\"]}>\n        {/* TODO(v4.0.0): remove typeof check — children will always be string */}\n        {typeof children === \"string\" ? (\n          <InlineMarkdown value={children} />\n        ) : (\n          children\n        )}\n        {required ? (\n          <>\n            <span aria-hidden className={styles[\"required\"]}>\n              *\n            </span>\n            <SrOnly>Required</SrOnly>\n          </>\n        ) : null}\n      </span>\n    );\n\n    const hasMoreInfoOrAiMark = moreInfo || aiMark;\n\n    // When el=\"label\" with moreInfo, a <button> cannot be a descendant of <label> per HTML spec.\n    // Restructure: outer div wrapper + inner <label display:contents> + button as siblings.\n    if (Element === \"label\" && hasMoreInfoOrAiMark) {\n      const { htmlFor, id, ...labelProps } =\n        props as ComponentPropsWithoutRef<\"label\">;\n      return (\n        <div className={FieldLabelClassNames} ref={ref as Ref<HTMLDivElement>}>\n          <div className={styles[\"top-container\"]}>\n            <label\n              htmlFor={htmlFor}\n              id={id}\n              data-anv=\"label\"\n              {...(labelProps as ComponentPropsWithoutRef<\"label\">)}\n            >\n              {labelText}\n            </label>\n            {moreInfo && (\n              <FieldLabelMoreInfoIcon\n                moreInfo={moreInfo}\n                moreInfoId={moreInfoId}\n              />\n            )}\n            {aiMark && (\n              <AiMark\n                className={styles[\"ai-mark-icon\"]}\n                type=\"gradient\"\n                popoverOrTooltipConfig={\n                  typeof aiMark === \"object\" ? aiMark : undefined\n                }\n              />\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Element\n        className={FieldLabelClassNames}\n        data-anv=\"label\"\n        ref={ref}\n        {...props}\n      >\n        {hasMoreInfoOrAiMark ? (\n          <div className={styles[\"top-container\"]}>\n            {labelText}\n            {moreInfo && (\n              <FieldLabelMoreInfoIcon\n                moreInfo={moreInfo}\n                moreInfoId={moreInfoId}\n              />\n            )}\n            {aiMark && (\n              <AiMark\n                className={styles[\"ai-mark-icon\"]}\n                type=\"gradient\"\n                popoverOrTooltipConfig={\n                  typeof aiMark === \"object\" ? aiMark : undefined\n                }\n              />\n            )}\n          </div>\n        ) : (\n          labelText\n        )}\n      </Element>\n    );\n  },\n);\n\nFieldLabelElement.displayName = \"FieldLabel\";\n\nexport const FieldLabel = FieldLabelElement as <\n  E extends ElementType = \"label\",\n>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: FieldLabelProps<E> & { ref?: React.Ref<any> },\n) => JSX.Element;\n"],"names":["styles","Info"],"mappings":"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"}

package/dist/FieldLabel.css

@@ -9,11 +9,10 @@
   border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
   padding: var(--a2-size-half, 0.125rem);
 }
-}.anvil2 {._label_1hcxw_1 {
+}.anvil2 {._label_13ezo_1 {
   --a2-mod-field-label-foreground-color: var(--a2-field-label-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-field-label-required-color: var(--a2-field-label-required-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
   --a2-mod-tooltip-display: flex;
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-mod-field-label-foreground-color);
@@ -31,37 +30,37 @@
   gap: var(--a2-size-1, 0.25rem);
   justify-items: flex-start;
   line-height: 1;
-}._label_1hcxw_1 label {
+}._label_13ezo_1 label {
   font-size: inherit;
   line-height: 1;
   margin-block-end: 0;
-}._label_1hcxw_1:has(._top-container_1hcxw_31) {
+}._label_13ezo_1:has(._top-container_13ezo_30) {
   width: 100%;
-}._label_1hcxw_1 ._ai-mark-icon_1hcxw_35 {
+}._label_13ezo_1 ._ai-mark-icon_13ezo_34 {
   margin-inline-start: auto;
-}._top-container_1hcxw_31 {
+}._top-container_13ezo_30 {
   align-items: flex-start;
   display: flex;
   gap: var(--a2-size-1, 0.25rem);
   width: 100%;
-}._label-text_1hcxw_46 {
+}._label-text_13ezo_45 {
   font-weight: var(--a2-font-weight-semibold, 600);
   line-height: var(--a2-font-size-400, 1rem);
-}._required_1hcxw_51 {
+}._required_13ezo_50 {
   color: var(--a2-mod-field-label-required-color);
   margin-inline-end: var(--a2-size-half, 0.125rem);
   margin-inline-start: var(--a2-size-half, 0.125rem);
-}._info-container_1hcxw_57 {
+}._info-container_13ezo_56 {
   height: var(--a2-font-size-400, 1rem);
   position: relative;
   width: var(--a2-size-7, 1.75rem);
-}._info-trigger_1hcxw_63 {
+}._info-trigger_13ezo_62 {
   left: -var(--a2-size-1, 0.25rem);
   position: absolute;
   top: calc(-1 * (var(--a2-size-1, 0.25rem) + var(--a2-size-half, 0.125rem)));
-}._info-content_1hcxw_69 {
+}._info-content_13ezo_68 {
   max-width: 15rem !important;
-}legend._label_1hcxw_1 {
+}legend._label_13ezo_1 {
   border: 0 !important;
   color: var(--a2-mod-field-label-foreground-color) !important;
   margin-block-end: var(--a2-size-2, 0.5rem);

package/dist/FieldLabel.d.ts

@@ -1,6 +1 @@
-export * from './components/FieldLabel/index'
-export {}
-import _default from './components/FieldLabel/index'
-export default _default
-export * from './components/FieldLabel/index'
 export {}

package/dist/FieldLabel.js

@@ -1,2 +1,2 @@
-export { F as FieldLabel, F as default } from './FieldLabel-rHPbiyR3.js';
+export { F as FieldLabel, F as default } from './FieldLabel-xV6EdVwo.js';
 //# sourceMappingURL=FieldLabel.js.map

package/dist/FieldMessage-mTGdycSA.js

@@ -0,0 +1,81 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { S as StatusIcon } from './StatusIcon-BwULopyH.js';
+
+import './FieldMessage.css';const messages = "_messages_r9ou8_1";
+const styles = {
+	messages: messages,
+	"error-container": "_error-container_r9ou8_23",
+	"warning-container": "_warning-container_r9ou8_30",
+	"status-icon": "_status-icon_r9ou8_37"
+};
+
+function normalizeMessages(val) {
+  if (val === void 0) return [];
+  if (Array.isArray(val)) return val;
+  return [val];
+}
+const FieldMessage = forwardRef(
+  (props, ref) => {
+    const {
+      id,
+      hint,
+      description,
+      error,
+      warning,
+      errorAriaLive: _errorAriaLive,
+      errorMessage,
+      className,
+      ...rest
+    } = props;
+    const errorMessages = normalizeMessages(error);
+    const warningMessages = normalizeMessages(warning);
+    const allErrors = errorMessages.length === 0 && errorMessage ? [errorMessage] : errorMessages;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...rest,
+        className: cx(styles["messages"], className),
+        ref,
+        id,
+        children: [
+          hint ?? null,
+          description ? /* @__PURE__ */ jsx("span", { children: description }) : null,
+          allErrors.map((msg, index) => /* @__PURE__ */ jsxs("div", { className: styles["error-container"], children: [
+            /* @__PURE__ */ jsx(
+              StatusIcon,
+              {
+                size: "small",
+                variant: "error",
+                rootProps: {
+                  "aria-hidden": true,
+                  className: styles["status-icon"]
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: styles["error-message"], "aria-live": "assertive", children: msg })
+          ] }, index)),
+          warningMessages.map((msg, index) => /* @__PURE__ */ jsxs("div", { className: styles["warning-container"], children: [
+            /* @__PURE__ */ jsx(
+              StatusIcon,
+              {
+                size: "small",
+                variant: "warning",
+                rootProps: {
+                  "aria-hidden": true,
+                  className: styles["status-icon"]
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: styles["warning-message"], "aria-live": "polite", children: msg })
+          ] }, index))
+        ]
+      }
+    );
+  }
+);
+FieldMessage.displayName = "FieldMessage";
+
+export { FieldMessage as F };
+//# sourceMappingURL=FieldMessage-mTGdycSA.js.map