@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/{Dialog-BR6f-XRH.js → Dialog-DpH2Qvbd.js}

@@ -1,38 +1,19 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext, useRef, useState, useId, useCallback, useEffect } from 'react';
-import { useTrackingId } from './useTrackingId.js';
-import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
-import { c as cx } from './index-tZvMCc77.js';
-import { i as DialogContext, j as useDialogTransitionStates, u as useKeyboardFocusables, k as useDialogScrollLock, l as useOnClickOutside, g as getActiveElement, m as ToastProvider, n as ToasterPopover, o as ToasterContent } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, forwardRef, useRef, useState, useId, useCallback, useEffect } from 'react';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { T as Text } from './Text-CED_yrId-DsRYZw2-.js';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-
-import './Dialog.css';const dialog = "_dialog_17u1d_2";
-const container = "_container_17u1d_20";
-const content = "_content_17u1d_33";
-const header = "_header_17u1d_40";
-const footer = "_footer_17u1d_60";
-const closing = "_closing_17u1d_76";
-const large = "_large_17u1d_82";
-const fullscreen = "_fullscreen_17u1d_82";
-const sticky = "_sticky_17u1d_102";
-const styles = {
-	dialog: dialog,
-	container: container,
-	content: content,
-	header: header,
-	"close-container": "_close-container_17u1d_53",
-	footer: footer,
-	closing: closing,
-	large: large,
-	fullscreen: fullscreen,
-	sticky: sticky,
-	"close-button": "_close-button_17u1d_108"
-};
+import { c as cx } from './index-tZvMCc77.js';
+import { T as Text } from './Text-BqvcbXyp.js';
+import { B as Button } from './Button-BxFXQ0-n.js';
+import { D as DialogContext } from './DrawerContext-DboTgTmo.js';
+import { useTrackingId } from './useTrackingId.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { a as ToastProvider, b as ToasterPopover, c as ToasterContent } from './Toaster-BgjT0p8b.js';
+import { u as useDialogTransitionStates, a as useDialogScrollLock } from './useDialogTransitionStates-2NaE_noq.js';
+import { a as useKeyboardFocusables, b as useOnClickOutside } from './useOnClickOutside-BHEWMLa9.js';
+import { g as getActiveElement } from './getActiveElement-BcSyVE7S.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
 
-function useDialogContext() {
+import './Dialog.css';function useDialogContext() {
   const context = useContext(DialogContext);
   if (!context) {
     throw new Error(
@@ -42,9 +23,20 @@ function useDialogContext() {
   return context;
 }
 
-const DialogCancelButton$1 = forwardRef((props, ref) => {
+const DialogCancelButton = forwardRef((props, ref) => {
   const { onClick, ...rest } = props;
   const { close } = useDialogContext();
+  const data = {
+    title: props.title,
+    appearance: props.appearance,
+    size: props.size,
+    type: props.type
+  };
+  const trackingId = useTrackingId({
+    name: "DialogCancelButton",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
   const onClickHandler = (e) => {
     onClick?.(e);
     close();
@@ -54,29 +46,62 @@ const DialogCancelButton$1 = forwardRef((props, ref) => {
     {
       "aria-label": "Close dialog",
       "data-anv": "dialog-cancel-button",
+      "data-tracking-id": trackingId,
       onClick: onClickHandler,
       ref,
       ...rest
     }
   );
 });
-DialogCancelButton$1.displayName = "DialogCancelButton";
+DialogCancelButton.displayName = "DialogCancelButton";
 
-const DialogHeader$1 = forwardRef(
+const dialog = "_dialog_17szu_2";
+const container = "_container_17szu_20";
+const content = "_content_17szu_33";
+const header = "_header_17szu_40";
+const footer = "_footer_17szu_60";
+const closing = "_closing_17szu_76";
+const large = "_large_17szu_82";
+const fullscreen = "_fullscreen_17szu_82";
+const sticky = "_sticky_17szu_102";
+const styles = {
+	dialog: dialog,
+	container: container,
+	content: content,
+	header: header,
+	"close-container": "_close-container_17szu_53",
+	footer: footer,
+	closing: closing,
+	large: large,
+	fullscreen: fullscreen,
+	sticky: sticky,
+	"close-button": "_close-button_17szu_108"
+};
+
+const DialogHeader = forwardRef(
   (props, ref) => {
     const { children, className, ...rest } = props;
+    const data = {
+      children: childrenToString(props.children)
+    };
+    const trackingId = useTrackingId({
+      name: "Dialog",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
     const headerClassNames = cx(className, styles["header"]);
     return /* @__PURE__ */ jsxs(
       "header",
       {
         className: headerClassNames,
         "data-anv": "dialog-header",
+        "data-tracking-id": trackingId,
         ref,
         ...rest,
         children: [
           /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children }),
           /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
-            DialogCancelButton$1,
+            DialogCancelButton,
             {
               className: styles["close-button"],
               size: "small",
@@ -90,9 +115,9 @@ const DialogHeader$1 = forwardRef(
     );
   }
 );
-DialogHeader$1.displayName = "DialogHeader";
+DialogHeader.displayName = "DialogHeader";
 
-const DialogFooter$1 = forwardRef(
+const DialogFooter = forwardRef(
   (props, ref) => {
     const { children, className, sticky = false, ...rest } = props;
     const footerClassNames = cx(styles["footer"], className, {
@@ -110,9 +135,9 @@ const DialogFooter$1 = forwardRef(
     );
   }
 );
-DialogFooter$1.displayName = "DialogFooter";
+DialogFooter.displayName = "DialogFooter";
 
-const DialogContent$1 = forwardRef(
+const DialogContent = forwardRef(
   (props, ref) => {
     const { children, className, ...rest } = props;
     const contentClassNames = cx(styles["content"], className);
@@ -128,9 +153,9 @@ const DialogContent$1 = forwardRef(
     );
   }
 );
-DialogContent$1.displayName = "DialogContent";
+DialogContent.displayName = "DialogContent";
 
-const DialogElement$1 = forwardRef(
+const DialogElement = forwardRef(
   (props, ref) => {
     const {
       className,
@@ -285,127 +310,7 @@ const DialogElement$1 = forwardRef(
     );
   }
 );
-DialogElement$1.displayName = "Dialog";
-const Dialog$1 = Object.assign(DialogElement$1, {
-  /**
-   * DialogHeader component for the header section of a Dialog.
-   *
-   * Features:
-   * - Displays dialog title with headline typography
-   * - Includes close button with proper accessibility
-   * - Sticky positioning for long content
-   * - Consistent spacing and styling
-   * - Automatic focus management
-   *
-   * @example
-   * <Dialog.Header>Confirm Delete</Dialog.Header>
-   */
-  Header: DialogHeader$1,
-  /**
-   * DialogFooter component for the footer section of a Dialog.
-   *
-   * Features:
-   * - Container for dialog action buttons
-   * - Optional sticky positioning for long content
-   * - Consistent spacing and alignment
-   * - Right-aligned button layout by default
-   * - Flexible content area for custom layouts
-   *
-   * @example
-   * <Dialog.Footer sticky>
-   *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>
-   *   <Button appearance="primary">Save</Button>
-   * </Dialog.Footer>
-   */
-  Footer: DialogFooter$1,
-  /**
-   * DialogContent component for the main content area of a Dialog.
-   *
-   * Features:
-   * - Main content container for dialog body
-   * - Flexible height with overflow handling
-   * - Consistent padding and spacing
-   * - Responsive design
-   * - Proper content scrolling for long content
-   *
-   * @example
-   * <Dialog.Content>
-   *   <p>This is the main content of the dialog.</p>
-   * </Dialog.Content>
-   */
-  Content: DialogContent$1,
-  /**
-   * DialogCancelButton component for cancel/close actions in a Dialog.
-   *
-   * Features:
-   * - Button that automatically closes the dialog when clicked
-   * - Extends all Button component props and functionality
-   * - Proper accessibility with close dialog semantics
-   * - Automatic focus management
-   * - Consistent styling with other dialog elements
-   *
-   * @example
-   * <Dialog.CancelButton appearance="ghost">Cancel</Dialog.CancelButton>
-   */
-  CancelButton: DialogCancelButton$1
-});
-
-const DialogElement = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(Dialog$1, { ref, ...props });
-  }
-);
-DialogElement.displayName = Dialog$1.displayName;
-const DialogHeader = forwardRef(
-  (props, ref) => {
-    const data = {
-      children: childrenToString(props.children)
-    };
-    const trackingId = useTrackingId({
-      name: "Dialog",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(DialogHeader$1, { ref, "data-tracking-id": trackingId, ...props });
-  }
-);
-DialogHeader.displayName = DialogHeader$1.displayName;
-const DialogFooter = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(DialogFooter$1, { ref, ...props });
-  }
-);
-DialogFooter.displayName = DialogFooter$1.displayName;
-const DialogContent = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(DialogContent$1, { ref, ...props });
-  }
-);
-DialogContent.displayName = DialogContent$1.displayName;
-const DialogCancelButton = forwardRef(
-  (props, ref) => {
-    const data = {
-      title: props.title,
-      appearance: props.appearance,
-      size: props.size,
-      type: props.type
-    };
-    const trackingId = useTrackingId({
-      name: "DialogCancelButton",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(
-      DialogCancelButton$1,
-      {
-        ref,
-        "data-tracking-id": trackingId,
-        ...props
-      }
-    );
-  }
-);
-DialogCancelButton.displayName = DialogCancelButton$1.displayName;
+DialogElement.displayName = "Dialog";
 const Dialog = Object.assign(DialogElement, {
   /**
    * DialogHeader component for the header section of a Dialog.
@@ -472,5 +377,5 @@ const Dialog = Object.assign(DialogElement, {
   CancelButton: DialogCancelButton
 });
 
-export { Dialog as D, DialogHeader as a, DialogFooter as b, DialogContent as c, DialogCancelButton as d };
-//# sourceMappingURL=Dialog-BR6f-XRH.js.map
+export { Dialog as D, DialogCancelButton as a, DialogContent as b, DialogFooter as c, DialogHeader as d };
+//# sourceMappingURL=Dialog-DpH2Qvbd.js.map

package/dist/Dialog-DpH2Qvbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-DpH2Qvbd.js","sources":["../src/components/Dialog/internal/useDialogContext.ts","../src/components/Dialog/DialogCancelButton.tsx","../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DialogContext } from \"./DialogContext\";\n\nexport function useDialogContext() {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\n      \"useDialogContext must be used within a DialogContextProvider\",\n    );\n  }\n  return context;\n}\n","import { MouseEvent, forwardRef } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\nimport { DataTrackingId } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\n/**\n * Props for the DialogCancelButton component\n * @extends ButtonProps\n */\nexport type DialogCancelButtonProps = ButtonProps & DataTrackingId;\n\n/**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\nexport const DialogCancelButton = forwardRef<\n  HTMLButtonElement,\n  DialogCancelButtonProps\n>((props, ref) => {\n  const { onClick, ...rest } = props;\n  const { close } = useDialogContext();\n  const data = {\n    title: props.title,\n    appearance: props.appearance,\n    size: props.size,\n    type: props.type,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DialogCancelButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    close();\n  };\n  return (\n    <Button\n      aria-label=\"Close dialog\"\n      data-anv=\"dialog-cancel-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nDialogCancelButton.displayName = \"DialogCancelButton\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport cx from \"classnames\";\n\nimport { Text } from \"../Text\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\n\n/**\n * Props for the DialogHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DialogHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  (props: DialogHeaderProps, ref) => {\n    const { children, className, ...rest } = props;\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Dialog\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const headerClassNames = cx(className, styles[\"header\"]);\n\n    return (\n      <header\n        className={headerClassNames}\n        data-anv=\"dialog-header\"\n        data-tracking-id={trackingId}\n        ref={ref}\n        {...rest}\n      >\n        <Text variant=\"headline\" el=\"h1\">\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DialogCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close dialog\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDialogHeader.displayName = \"DialogHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\n\n/**\n * Props for the DialogFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DialogFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *   <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef<HTMLElement, DialogFooterProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n\n    const footerClassNames = cx(styles[\"footer\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={footerClassNames}\n        data-anv=\"dialog-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDialogFooter.displayName = \"DialogFooter\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\n\n/**\n * Props for the DialogContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DialogContentProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n *   <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (props, ref) => {\n    const { children, className, ...rest } = props;\n\n    const contentClassNames = cx(styles[\"content\"], className);\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"dialog-content\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogContent.displayName = \"DialogContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  KeyboardEvent,\n} from \"react\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport { DisableCloseOnEscapeOrClickProps, Size } from \"../../types\";\nimport { DialogContext, DialogContextProps } from \"./internal/DialogContext\";\nimport styles from \"./Dialog.module.scss\";\nimport { getActiveElement } from \"../../internal/functions\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\n\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\n\n/**\n * Props for the Dialog component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DialogProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * @default false\n     */\n    fullScreen?: boolean;\n    /**\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"medium\" | \"large\">;\n\n    /**\n     * @default false\n     */\n    open?: boolean;\n    onClose?: () => void;\n    /**\n     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead\n     */\n    onOpen?: () => void;\n    /**\n     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback when clicking outside the dialog\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n  };\n\nexport const DialogElement = forwardRef<HTMLDialogElement, DialogProps>(\n  (props, ref) => {\n    const {\n      className,\n      open = false,\n      children,\n      onOpen,\n      onOpenChange,\n      onClose,\n      onKeyDown,\n      fullScreen = false,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size,\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\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 [hasOpenPopover, setHasOpenPopover] =\n      useState<DialogContextProps[\"hasOpenPopover\"]>(false);\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        onOpen?.(); // DEPRECATED\n      }, [onOpen, onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    // DEPRECATED\n    const initial = useRef(true);\n    useEffect(() => {\n      if (initial.current) {\n        initial.current = false;\n      } else {\n        onOpenChange?.(isOpenOrOpening);\n      }\n    }, [id, onOpenChange, isOpenOrOpening]);\n\n    const classNames = cx([styles[\"dialog\"]], className, {\n      [styles[\"closing\"]]: state === \"closing\",\n      [styles[\"fullscreen\"]]: fullScreen,\n      [styles[\"large\"]]: size === \"large\",\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: true,\n    });\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    useOnClickOutside({\n      onOutsidePress: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClose: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n    });\n\n    useEffect(() => {\n      if (!isOpenOrOpening) return;\n      if (!focusables) return;\n\n      const activeElement = getActiveElement(document);\n      if (!activeElement) return;\n\n      if (\n        activeElement.dataset.anv !== \"drawer-header-close-button\" &&\n        (focusables.includes(activeElement) ||\n          activeElement.tagName === \"DIALOG\")\n      ) {\n        return;\n      }\n\n      if (\n        focusables[0]?.dataset.anv === \"dialog-header-close-button\" &&\n        focusables[1]\n      ) {\n        focusables[1].focus();\n      } else {\n        focusables[0]?.focus();\n      }\n    }, [isOpenOrOpening, focusables]);\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Escape\") {\n        e.preventDefault();\n        if (disableCloseOnEscape) return;\n        if (hasOpenPopover) return;\n        onClose?.();\n        return;\n      }\n\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === focusables?.[0]) {\n          e.preventDefault();\n          (focusables[focusables.length - 1] as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === focusables?.[focusables.length - 1] && !e.shiftKey) {\n          e.preventDefault();\n          focusables[0].focus();\n          return;\n        }\n      }\n    };\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n      <dialog\n        className={classNames}\n        data-anv=\"dialog\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={useMergeRefs([ref, elRef])}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={open}>\n          <ToasterPopover>\n            <ToasterContent id=\"dialog-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n        <DialogContext.Provider\n          value={{\n            close: () => onClose?.(),\n            ref: elRef,\n            hasOpenPopover,\n            setHasOpenPopover,\n          }}\n        >\n          <section\n            ref={contentRef}\n            className={styles[\"container\"]}\n            data-open={open}\n          >\n            {children}\n          </section>\n        </DialogContext.Provider>\n      </dialog>\n    );\n  },\n);\n\nDialogElement.displayName = \"Dialog\";\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n *   <Dialog.Header>Confirm Action</Dialog.Header>\n *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n *   <Dialog.Footer>\n *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *     <Button appearance=\"primary\">Confirm</Button>\n *   </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(DialogElement, {\n  /**\n   * DialogHeader component for the header section of a Dialog.\n   *\n   * Features:\n   * - Displays dialog title with headline typography\n   * - Includes close button with proper accessibility\n   * - Sticky positioning for long content\n   * - Consistent spacing and styling\n   * - Automatic focus management\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Dialog.Header>Confirm Delete</Dialog.Header>\n   */\n  Header: DialogHeader,\n  /**\n   * DialogFooter component for the footer section of a Dialog.\n   *\n   * Features:\n   * - Container for dialog action buttons\n   * - Optional sticky positioning for long content\n   * - Consistent spacing and alignment\n   * - Right-aligned button layout by default\n   * - Flexible content area for custom layouts\n   *\n   * @example\n   * <Dialog.Footer sticky>\n   *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n   *   <Button appearance=\"primary\">Save</Button>\n   * </Dialog.Footer>\n   */\n  Footer: DialogFooter,\n  /**\n   * DialogContent component for the main content area of a Dialog.\n   *\n   * Features:\n   * - Main content container for dialog body\n   * - Flexible height with overflow handling\n   * - Consistent padding and spacing\n   * - Responsive design\n   * - Proper content scrolling for long content\n   *\n   * @example\n   * <Dialog.Content>\n   *   <p>This is the main content of the dialog.</p>\n   * </Dialog.Content>\n   */\n  Content: DialogContent,\n  /**\n   * DialogCancelButton component for cancel/close actions in a Dialog.\n   *\n   * Features:\n   * - Button that automatically closes the dialog when clicked\n   * - Extends all Button component props and functionality\n   * - Proper accessibility with close dialog semantics\n   * - Automatic focus management\n   * - Consistent styling with other dialog elements\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n   */\n  CancelButton: DialogCancelButton,\n});\n"],"names":["Close"],"mappings":"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"}

package/dist/Dialog.css

@@ -1,7 +1,6 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer base {
-  ._dialog_17u1d_2 {
+  ._dialog_17szu_2 {
     border: none;
     background: transparent;
     padding-block: 0;
@@ -16,10 +15,10 @@
     --ypos: 1.5rem;
     --dialog-padding: 1.5rem;
   }
-  ._dialog_17u1d_2::backdrop {
+  ._dialog_17szu_2::backdrop {
     background: #040404;
   }
-  ._dialog_17u1d_2 ._container_17u1d_20 {
+  ._dialog_17szu_2 ._container_17szu_20 {
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
     color: var(--foreground-color, #141414);
@@ -32,14 +31,14 @@
     overflow: auto;
     overscroll-behavior: contain;
   }
-  ._dialog_17u1d_2 ._container_17u1d_20 ._content_17u1d_33 {
+  ._dialog_17szu_2 ._container_17szu_20 ._content_17szu_33 {
     display: flex;
     flex-grow: 1;
     padding-block-start: 0.25rem;
     padding-block-end: 0.25rem;
     padding-inline: var(--dialog-padding);
   }
-  ._dialog_17u1d_2 ._header_17u1d_40 {
+  ._dialog_17szu_2 ._header_17szu_40 {
     position: sticky;
     top: 0;
     display: flex;
@@ -49,17 +48,17 @@
     background-color: var(--background-color, #ffffff);
     z-index: 1;
   }
-  ._dialog_17u1d_2 ._header_17u1d_40 h1 {
+  ._dialog_17szu_2 ._header_17szu_40 h1 {
     margin: 0;
   }
-  ._dialog_17u1d_2 ._header_17u1d_40 ._close-container_17u1d_53 {
+  ._dialog_17szu_2 ._header_17szu_40 ._close-container_17szu_53 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 1.5625rem;
     height: 1.5625rem;
   }
-  ._dialog_17u1d_2 ._footer_17u1d_60 {
+  ._dialog_17szu_2 ._footer_17szu_60 {
     display: flex;
     gap: 0.5rem;
     justify-content: flex-end;
@@ -69,22 +68,22 @@
   }
 }
 @layer state {
-  ._dialog_17u1d_2[open] {
-    animation: _open-dialog_17u1d_1 300ms forwards;
+  ._dialog_17szu_2[open] {
+    animation: _open-dialog_17szu_1 300ms forwards;
   }
-  ._dialog_17u1d_2[open]::backdrop {
-    animation: _open-backdrop_17u1d_1 200ms forwards;
+  ._dialog_17szu_2[open]::backdrop {
+    animation: _open-backdrop_17szu_1 200ms forwards;
   }
-  ._dialog_17u1d_2._closing_17u1d_76[open] {
-    animation: _close-dialog_17u1d_1 300ms forwards;
+  ._dialog_17szu_2._closing_17szu_76[open] {
+    animation: _close-dialog_17szu_1 300ms forwards;
   }
-  ._dialog_17u1d_2._closing_17u1d_76[open]::backdrop {
-    animation: _close-backdrop_17u1d_1 200ms forwards;
+  ._dialog_17szu_2._closing_17szu_76[open]::backdrop {
+    animation: _close-backdrop_17szu_1 200ms forwards;
   }
-  ._dialog_17u1d_2._large_17u1d_82:not(._fullscreen_17u1d_82) {
+  ._dialog_17szu_2._large_17szu_82:not(._fullscreen_17szu_82) {
     max-width: 35rem;
   }
-  ._dialog_17u1d_2._fullscreen_17u1d_82 {
+  ._dialog_17szu_2._fullscreen_17szu_82 {
     margin: 0;
     width: 100%;
     height: 100%;
@@ -94,31 +93,31 @@
     border-radius: 0;
     --ypos: 2.5rem;
   }
-  ._dialog_17u1d_2._fullscreen_17u1d_82 > ._container_17u1d_20 {
+  ._dialog_17szu_2._fullscreen_17szu_82 > ._container_17szu_20 {
     min-height: -webkit-fill-available;
     min-height: -moz-available;
     min-height: stretch;
     border-radius: 0;
   }
-  ._dialog_17u1d_2._fullscreen_17u1d_82::backdrop {
+  ._dialog_17szu_2._fullscreen_17szu_82::backdrop {
     background-color: #ffffff;
   }
-  ._dialog_17u1d_2 ._footer_17u1d_60._sticky_17u1d_102 {
+  ._dialog_17szu_2 ._footer_17szu_60._sticky_17szu_102 {
     position: sticky;
     inset-block-end: 0;
   }
 }
 @layer application {
-  ._dialog_17u1d_2 ._header_17u1d_40 ._close-button_17u1d_108 {
+  ._dialog_17szu_2 ._header_17szu_40 ._close-button_17szu_108 {
     color: var(--foreground-color, #141414);
   }
   @media (prefers-reduced-motion: reduce) {
-    ._dialog_17u1d_2 {
+    ._dialog_17szu_2 {
       --ypos: 0;
     }
   }
 }
-@keyframes _open-dialog_17u1d_1 {
+@keyframes _open-dialog_17szu_1 {
   from {
     opacity: 0;
     transform: translateY(var(--ypos));
@@ -128,7 +127,7 @@
     transform: translateY(0%);
   }
 }
-@keyframes _close-dialog_17u1d_1 {
+@keyframes _close-dialog_17szu_1 {
   from {
     opacity: 1;
     transform: translateY(0%);
@@ -138,7 +137,7 @@
     transform: translateY(var(--ypos));
   }
 }
-@keyframes _open-backdrop_17u1d_1 {
+@keyframes _open-backdrop_17szu_1 {
   from {
     opacity: 0;
   }
@@ -146,7 +145,7 @@
     opacity: 0.6;
   }
 }
-@keyframes _close-backdrop_17u1d_1 {
+@keyframes _close-backdrop_17szu_1 {
   from {
     opacity: 0.6;
   }
@@ -155,8 +154,8 @@
   }
 }
 body:has(
-      dialog[data-anv="dialog"][open]:not([data-anv-scroll-chaining="true"])
-    ) {
+    dialog[data-anv="dialog"][open]:not([data-anv-scroll-chaining="true"])
+  ) {
   overflow: hidden;
 }
 

package/dist/Dialog.js

@@ -1,2 +1,2 @@
-export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader, D as default } from './Dialog-BR6f-XRH.js';
+export { D as Dialog, a as DialogCancelButton, b as DialogContent, c as DialogFooter, d as DialogHeader, D as default } from './Dialog-DpH2Qvbd.js';
 //# sourceMappingURL=Dialog.js.map

package/dist/{Divider-B0xGfyWE-f5-ThMiS.js → Divider-DJe8kLf2.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
-import './Divider-B0xGfyWE.css';const container = "_container_1t0cy_2";
+import './Divider.css';const container = "_container_1t0cy_2";
 const divider = "_divider_1t0cy_23";
 const content = "_content_1t0cy_41";
 const vertical = "_vertical_1t0cy_52";
@@ -86,4 +86,4 @@ const Divider = forwardRef(
 Divider.displayName = "Divider";
 
 export { Divider as D };
-//# sourceMappingURL=Divider-B0xGfyWE-f5-ThMiS.js.map
+//# sourceMappingURL=Divider-DJe8kLf2.js.map

package/dist/Divider-DJe8kLf2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-DJe8kLf2.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, CSSProperties, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport styles from \"./Divider.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Divider component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends LayoutUtilProps\n */\nexport type DividerProps = ComponentPropsWithoutRef<\"span\"> &\n  LayoutUtilProps & {\n    /**\n     * Controls the alignment of content within the divider.\n     * @default center\n     */\n    alignContent?: \"start\" | \"center\" | \"end\";\n    /**\n     * Controls the spacing around the divider.\n     * @default \"0\"\n     */\n    spacing?:\n      | \"0\"\n      | \"half\"\n      | \"1\"\n      | \"2\"\n      | \"3\"\n      | \"4\"\n      | \"5\"\n      | \"6\"\n      | \"8\"\n      | \"12\"\n      | 0\n      | 0.5\n      | 1\n      | 2\n      | 3\n      | 4\n      | 5\n      | 6\n      | 8\n      | 12;\n    /**\n     * When true, renders the divider vertically instead of horizontally.\n     * @default false\n     */\n    vertical?: boolean;\n  };\n\n/**\n * Divider component for creating visual separators between content sections.\n *\n * Features:\n * - Horizontal and vertical divider orientations\n * - Optional content display within the divider\n * - Three content alignment options (start, center, end)\n * - Configurable spacing with predefined size tokens\n * - Supports layout utilities for positioning and spacing\n * - Flexible content placement with automatic line positioning\n * - Responsive design that adapts to container width\n *\n * @example\n * <Divider spacing=\"2\" alignContent=\"center\">\n *   <b>Section Title</b>\n * </Divider>\n */\nexport const Divider = forwardRef<HTMLSpanElement, DividerProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { alignContent, ...restOfLayoutStyles } =\n      layoutStyles as CSSProperties;\n    const {\n      children,\n      className,\n      spacing = \"0\",\n      vertical = false,\n      style,\n      ...rest\n    } = componentProps;\n    const ContainerClasses = classnames(styles[\"container\"], className, {\n      [styles[`spacing-${spacing === 0.5 ? \"half\" : spacing}`]]: spacing,\n      [styles[\"vertical\"]]: vertical,\n      [styles[\"align-start\"]]: alignContent === \"start\",\n      [styles[\"align-end\"]]: alignContent === \"end\",\n    });\n\n    const contentOrdering = () => {\n      if (children) {\n        if (alignContent === \"start\") {\n          return (\n            <>\n              <span className={styles[\"content\"]}>{children}</span>\n              <hr className={styles[\"divider\"]} />\n            </>\n          );\n        }\n        if (alignContent === \"end\") {\n          return (\n            <>\n              <hr className={styles[\"divider\"]} />\n              <span className={styles[\"content\"]}>{children}</span>\n            </>\n          );\n        }\n        return (\n          <>\n            <hr className={styles[\"divider\"]} />\n            <span className={styles[\"content\"]}>{children}</span>\n            <hr className={styles[\"divider\"]} />\n          </>\n        );\n      }\n      return <hr className={styles[\"divider\"]} />;\n    };\n\n    const styleCombined = {\n      ...style,\n      ...restOfLayoutStyles,\n    };\n\n    return (\n      <span\n        data-anv=\"divider\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n        className={ContainerClasses}\n      >\n        {contentOrdering()}\n      </span>\n    );\n  },\n);\n\nDivider.displayName = \"Divider\";\n"],"names":["classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEO,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,CAAC,OAAO,GAAQ,KAAA;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM,EAAE,YAAA,EAAc,GAAG,kBAAA,EACvB,GAAA,YAAA;AACF,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAU,GAAA,GAAA;AAAA,MACV,QAAW,GAAA,KAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,cAAA;AACJ,IAAA,MAAM,gBAAmB,GAAAA,EAAA,CAAW,MAAO,CAAA,WAAW,GAAG,SAAW,EAAA;AAAA,MAClE,CAAC,OAAO,CAAW,QAAA,EAAA,OAAA,KAAY,MAAM,MAAS,GAAA,OAAO,CAAE,CAAA,CAAC,GAAG,OAAA;AAAA,MAC3D,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,QAAA;AAAA,MACtB,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,YAAiB,KAAA,OAAA;AAAA,MAC1C,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,YAAiB,KAAA;AAAA,KACzC,CAAA;AAED,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,IAAI,iBAAiB,OAAS,EAAA;AAC5B,UAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAS,GAAI,QAAS,EAAA,CAAA;AAAA,4BAC7C,GAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AAAA,WACpC,EAAA,CAAA;AAAA;AAGJ,QAAA,IAAI,iBAAiB,KAAO,EAAA;AAC1B,UAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAS,CAAG,EAAA,CAAA;AAAA,gCACjC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAS,GAAI,QAAS,EAAA;AAAA,WAChD,EAAA,CAAA;AAAA;AAGJ,QAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAS,CAAG,EAAA,CAAA;AAAA,8BACjC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAS,GAAI,QAAS,EAAA,CAAA;AAAA,0BAC7C,GAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AAAA,SACpC,EAAA,CAAA;AAAA;AAGJ,MAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,MAAA,CAAO,SAAS,CAAG,EAAA,CAAA;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAS,EAAA,SAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAO,EAAA,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,gBAAA;AAAA,QAEV,QAAgB,EAAA,eAAA;AAAA;AAAA,KACnB;AAAA;AAGN;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/dist/{Divider-B0xGfyWE.css → Divider.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._container_1t0cy_2 {
     all: unset;

package/dist/Divider.js

@@ -1,2 +1,2 @@
-export { D as Divider, D as default } from './Divider-azRKjITG.js';
+export { D as Divider, D as default } from './Divider-DJe8kLf2.js';
 //# sourceMappingURL=Divider.js.map

package/dist/Dnd.js

@@ -1,2 +1,2 @@
-export { D as Dnd } from './index-CKfiQx8n-4nziUo7G.js';
+export { D as Dnd } from './index-CqdP5W00.js';
 //# sourceMappingURL=Dnd.js.map

package/dist/DndSort.css

@@ -1,6 +1,5 @@
 @layer starter, reset, base, state, application;
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {}
 @layer base {
   ._card_kt9y0_4[data-anv=draggable-card] {