@servicetitan/anvil2 3.0.3 → 3.0.5

package/dist/DialogCancelButton-CbtQcf2J.js

@@ -1,50 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, forwardRef } from 'react';
-import { B as Button } from './Button-Bnt8XUI7.js';
-import { D as DialogContext } from './DialogContext-DBgtApl9.js';
-import { useTrackingId } from './useTrackingId.js';
-
-function useDialogContext() {
-  const context = useContext(DialogContext);
-  if (!context) {
-    throw new Error(
-      "useDialogContext must be used within a DialogContextProvider"
-    );
-  }
-  return context;
-}
-
-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();
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      "aria-label": "Close dialog",
-      "data-anv": "dialog-cancel-button",
-      "data-tracking-id": trackingId,
-      onClick: onClickHandler,
-      ref,
-      ...rest
-    }
-  );
-});
-DialogCancelButton.displayName = "DialogCancelButton";
-
-export { DialogCancelButton as D, useDialogContext as u };
-//# sourceMappingURL=DialogCancelButton-CbtQcf2J.js.map

package/dist/DialogCancelButton-CbtQcf2J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogCancelButton-CbtQcf2J.js","sources":["../src/components/Dialog/internal/useDialogContext.ts","../src/components/Dialog/DialogCancelButton.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"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;ACcO,MAAM,kBAAA,GAAqB,UAAA,CAGhC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,GAAG,IAAA,EAAK,GAAI,KAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,gBAAA,EAAiB;AACnC,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,MAAM,KAAA,CAAM;AAAA,GACd;AAEA,EAAA,MAAM,aAAa,aAAA,CAAc;AAAA,IAC/B,IAAA,EAAM,oBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,IAAA,OAAA,GAAU,CAAC,CAAA;AACX,IAAA,KAAA,EAAM;AAAA,EACR,CAAA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,sBAAA;AAAA,MACT,kBAAA,EAAkB,UAAA;AAAA,MAClB,OAAA,EAAS,cAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}

package/dist/Divider-Ds3WKsKa.js

@@ -1,89 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-
-import './Divider.css';const container = "_container_klljw_1";
-const divider = "_divider_klljw_21";
-const content = "_content_klljw_40";
-const vertical = "_vertical_klljw_95";
-const styles = {
-	container: container,
-	divider: divider,
-	content: content,
-	"spacing-0": "_spacing-0_klljw_50",
-	"spacing-half": "_spacing-half_klljw_54",
-	"spacing-1": "_spacing-1_klljw_58",
-	"spacing-2": "_spacing-2_klljw_59",
-	"spacing-3": "_spacing-3_klljw_63",
-	"spacing-4": "_spacing-4_klljw_67",
-	"spacing-5": "_spacing-5_klljw_71",
-	"spacing-6": "_spacing-6_klljw_75",
-	"spacing-8": "_spacing-8_klljw_79",
-	"spacing-12": "_spacing-12_klljw_83",
-	"align-start": "_align-start_klljw_87",
-	"align-end": "_align-end_klljw_91",
-	vertical: vertical
-};
-
-const Divider = forwardRef(
-  (props, ref) => {
-    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
-    const { alignContent, ...restOfLayoutStyles } = layoutStyles;
-    const {
-      children,
-      className,
-      spacing = "0",
-      vertical = false,
-      style,
-      ...rest
-    } = componentProps;
-    const ContainerClasses = cx(styles["container"], className, {
-      [styles[`spacing-${spacing === 0.5 ? "half" : spacing}`]]: spacing,
-      [styles["vertical"]]: vertical,
-      [styles["align-start"]]: alignContent === "start",
-      [styles["align-end"]]: alignContent === "end"
-    });
-    const contentOrdering = () => {
-      if (children) {
-        if (alignContent === "start") {
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: styles["content"], children }),
-            /* @__PURE__ */ jsx("hr", { className: styles["divider"] })
-          ] });
-        }
-        if (alignContent === "end") {
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("hr", { className: styles["divider"] }),
-            /* @__PURE__ */ jsx("span", { className: styles["content"], children })
-          ] });
-        }
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("hr", { className: styles["divider"] }),
-          /* @__PURE__ */ jsx("span", { className: styles["content"], children }),
-          /* @__PURE__ */ jsx("hr", { className: styles["divider"] })
-        ] });
-      }
-      return /* @__PURE__ */ jsx("hr", { className: styles["divider"] });
-    };
-    const styleCombined = {
-      ...style,
-      ...restOfLayoutStyles
-    };
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-anv": "divider",
-        ref,
-        style: styleCombined,
-        ...rest,
-        className: ContainerClasses,
-        children: contentOrdering()
-      }
-    );
-  }
-);
-Divider.displayName = "Divider";
-
-export { Divider as D };
-//# sourceMappingURL=Divider-Ds3WKsKa.js.map

package/dist/Divider-Ds3WKsKa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-Ds3WKsKa.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,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM,EAAE,YAAA,EAAc,GAAG,kBAAA,EAAmB,GAC1C,YAAA;AACF,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,GAAU,GAAA;AAAA,MACV,QAAA,GAAW,KAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AACJ,IAAA,MAAM,gBAAA,GAAmBA,EAAA,CAAW,MAAA,CAAO,WAAW,GAAG,SAAA,EAAW;AAAA,MAClE,CAAC,OAAO,CAAA,QAAA,EAAW,OAAA,KAAY,MAAM,MAAA,GAAS,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA;AAAA,MAC3D,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,QAAA;AAAA,MACtB,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,YAAA,KAAiB,OAAA;AAAA,MAC1C,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,YAAA,KAAiB;AAAA,KACzC,CAAA;AAED,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,IAAI,iBAAiB,OAAA,EAAS;AAC5B,UAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS,CAAA;AAAA,4BAC9C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG;AAAA,WAAA,EACpC,CAAA;AAAA,QAEJ;AACA,QAAA,IAAI,iBAAiB,KAAA,EAAO;AAC1B,UAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,gCACjC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS;AAAA,WAAA,EAChD,CAAA;AAAA,QAEJ;AACA,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,8BACjC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS,CAAA;AAAA,0BAC9C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG;AAAA,SAAA,EACpC,CAAA;AAAA,MAEJ;AACA,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,IAC3C,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAS,SAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACJ,SAAA,EAAW,gBAAA;AAAA,QAEV,QAAA,EAAA,eAAA;AAAgB;AAAA,KACnB;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/dist/DndHandleButton-Dgt9G-dF.js

@@ -1,43 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { B as ButtonCompound } from './ButtonCompound-DsrK7G3q.js';
-import { c as cx } from './index-De1g9FRV.js';
-import * as React from 'react';
-import { forwardRef } from 'react';
-import { I as Icon } from './Icon-BMMbp40n.js';
-
-import './DndHandleButton.css';const handle = "_handle_1e7c4_2";
-const active = "_active_1e7c4_25";
-const handleStyles = {
-	handle: handle,
-	"handle-button": "_handle-button_1e7c4_10",
-	active: active
-};
-
-const SvgDragIndicator = (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("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }));
-
-function DndHandle({ className }) {
-  const handleClasses = cx(handleStyles.handle, className);
-  return /* @__PURE__ */ jsx(Icon, { svg: SvgDragIndicator, className: handleClasses, role: "presentation" });
-}
-
-const DndHandleButton = forwardRef(({ isActive = false, className, ...props }, ref) => {
-  const handleButtonClasses = cx(className, handleStyles["handle-button"], {
-    [handleStyles["active"]]: isActive
-  });
-  return /* @__PURE__ */ jsx(
-    ButtonCompound,
-    {
-      ref,
-      className: handleButtonClasses,
-      type: "button",
-      shape: "rounded",
-      "aria-label": "Drag handle",
-      ...props,
-      children: /* @__PURE__ */ jsx(DndHandle, {})
-    }
-  );
-});
-DndHandleButton.displayName = "DndHandleButton";
-
-export { DndHandleButton as D, DndHandle as a };
-//# sourceMappingURL=DndHandleButton-Dgt9G-dF.js.map

package/dist/DndHandleButton-Dgt9G-dF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndHandleButton-Dgt9G-dF.js","sources":["../../hammer-icon/mdi/round/drag_indicator.svg","../src/components/Dnd/DndHandle.tsx","../src/components/Dnd/DndHandleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgDragIndicator = (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(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgDragIndicator;\n","import { Icon } from \"../Icon\";\nimport DragIndicator from \"@servicetitan/hammer-icon/mdi/round/drag_indicator.svg\";\nimport styles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DndHandle component\n */\nexport type DndHandleProps = {\n  /**\n   * Additional CSS class names to apply to the drag handle.\n   */\n  className?: string;\n};\n\n/**\n * A reusable drag handle icon component for drag and drop interactions.\n *\n * Features:\n * - Standardized drag indicator icon\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className prop\n * - Consistent visual appearance across applications\n * - Lightweight and performant\n * - Supports all standard HTML element props\n *\n * @example\n * <DndHandle className=\"custom-drag-handle\" />\n */\nexport function DndHandle({ className }: { className?: string }) {\n  const handleClasses = cx(styles.handle, className);\n  return (\n    <Icon svg={DragIndicator} className={handleClasses} role=\"presentation\" />\n  );\n}\n","import { ButtonCompound } from \"../ButtonCompound\";\nimport handleStyles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { DndHandle } from \"./DndHandle\";\n\n/**\n * Props for the DndHandleButton component\n * @extends React.ComponentPropsWithoutRef<typeof ButtonCompound>\n */\nexport interface DndHandleButtonProps\n  extends React.ComponentPropsWithoutRef<typeof ButtonCompound> {\n  /**\n   * Indicates whether the handle is currently being dragged.\n   * @default false\n   */\n  isActive?: boolean;\n}\n\n/**\n * A reusable drag handle button component for drag and drop functionality.\n *\n * Features:\n * - Interactive button with drag handle icon\n * - Visual feedback for active drag state\n * - Accessible with proper ARIA attributes (defaults to \"Drag handle\")\n * - Extends ButtonCompound functionality\n * - Customizable styling through className prop\n * - Supports all standard button props\n * - Consistent visual appearance across applications\n *\n * @example\n * <DndHandleButton\n *   isActive={isDragging}\n *   aria-label=\"Drag task item\"\n *   className=\"custom-handle-button\"\n *   onClick={handleClick}\n * />\n */\nexport const DndHandleButton = forwardRef<\n  HTMLButtonElement,\n  DndHandleButtonProps\n>(({ isActive = false, className, ...props }, ref) => {\n  const handleButtonClasses = cx(className, handleStyles[\"handle-button\"], {\n    [handleStyles[\"active\"]]: isActive,\n  });\n\n  return (\n    <ButtonCompound\n      ref={ref}\n      className={handleButtonClasses}\n      type=\"button\"\n      shape=\"rounded\"\n      aria-label=\"Drag handle\"\n      {...props}\n    >\n      <DndHandle />\n    </ButtonCompound>\n  );\n});\n\nDndHandleButton.displayName = \"DndHandleButton\";\n"],"names":["styles","DragIndicator"],"mappings":";;;;;;;;;;;;;;;AACA,MAAM,gBAAgB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,qSAAqS,EAAE,CAAC,CAAC;;AC4BxgB,SAAS,SAAA,CAAU,EAAE,SAAA,EAAU,EAA2B;AAC/D,EAAA,MAAM,aAAA,GAAgB,EAAA,CAAGA,YAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AACjD,EAAA,2BACG,IAAA,EAAA,EAAK,GAAA,EAAKC,kBAAe,SAAA,EAAW,aAAA,EAAe,MAAK,cAAA,EAAe,CAAA;AAE5E;;ACKO,MAAM,eAAA,GAAkB,UAAA,CAG7B,CAAC,EAAE,QAAA,GAAW,OAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACpD,EAAA,MAAM,mBAAA,GAAsB,EAAA,CAAG,SAAA,EAAW,YAAA,CAAa,eAAe,CAAA,EAAG;AAAA,IACvE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,GAC3B,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,mBAAA;AAAA,MACX,IAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAM,SAAA;AAAA,MACN,YAAA,EAAW,aAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEJ,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,GACb;AAEJ,CAAC;AAED,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/Drawer-CmoV9FWV.js

@@ -1,441 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useContext, forwardRef, useState, useEffect, useRef, useId, useCallback, useLayoutEffect, useMemo } from 'react';
-import { S as SvgClose } from './close-DZj38AEh.js';
-import { T as Text } from './Text-C0F8AkvH.js';
-import { B as Button } from './Button-Bnt8XUI7.js';
-import { D as DrawerContext } from './DrawerContext-BSpnzXVZ.js';
-import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
-import { useTrackingId } from './useTrackingId.js';
-import { c as cx } from './index-De1g9FRV.js';
-import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as ToastProvider, b as ToasterPopover, c as ToasterContent } from './Toaster-r2MSja0X.js';
-import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-D1Bf9_yP.js';
-import { u as useDrillDownContextState, a as useDialogTransitionStates, b as useKeyboardFocusables, c as useInitialFocus } from './useInitialFocus-BIvXK1Rp.js';
-import { u as useDialogScrollLock } from './useDialogScrollLock-BW-aVboo.js';
-import { r as registerLayer, u as unregisterLayer, a as useOnClickOutside } from './useOnClickOutside-Zw5vzxSq.js';
-
-import './Drawer.css';const drawer = "_drawer_s6o44_1";
-const remove = "_remove_s6o44_39";
-const small = "_small_s6o44_46";
-const large = "_large_s6o44_50";
-const xlarge = "_xlarge_s6o44_54";
-const container = "_container_s6o44_58";
-const header = "_header_s6o44_71";
-const content = "_content_s6o44_95";
-const sticky = "_sticky_s6o44_101";
-const footer = "_footer_s6o44_112";
-const styles = {
-	"close-drawer": "_close-drawer_s6o44_1",
-	"open-drawer": "_open-drawer_s6o44_1",
-	"open-backdrop": "_open-backdrop_s6o44_1",
-	"close-backdrop": "_close-backdrop_s6o44_1",
-	drawer: drawer,
-	remove: remove,
-	small: small,
-	large: large,
-	xlarge: xlarge,
-	container: container,
-	header: header,
-	"close-container": "_close-container_s6o44_87",
-	content: content,
-	sticky: sticky,
-	footer: footer
-};
-
-function useDrawerContext() {
-  const context = useContext(DrawerContext);
-  if (!context) {
-    throw new Error(
-      "useDrawerContext must be used within a DrawerContextProvider"
-    );
-  }
-  return context;
-}
-
-const DrawerCancelButton = forwardRef((props, ref) => {
-  const { onClick, ...rest } = props;
-  const { close } = useDrawerContext();
-  const data = {
-    children: childrenToString(props.children),
-    appearance: props.appearance,
-    size: props.size,
-    type: props.type
-  };
-  const trackingId = useTrackingId({
-    name: "DrawerCancelButton",
-    data,
-    hasOverride: !!props["data-tracking-id"]
-  });
-  const onClickHandler = (e) => {
-    onClick?.(e);
-    close();
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      "aria-label": "Close drawer",
-      "data-anv": "drawer-cancel-button",
-      "data-tracking-id": trackingId,
-      onClick: onClickHandler,
-      ref,
-      ...rest
-    }
-  );
-});
-DrawerCancelButton.displayName = "DrawerCancelButton";
-
-const DrawerHeader = forwardRef(
-  (props, ref) => {
-    const { className, children } = props;
-    const { headerRef } = useDrawerContext();
-    const data = {
-      children: childrenToString(props.children)
-    };
-    const trackingId = useTrackingId({
-      name: "DrawerHeader",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    const drawerHeaderClasses = cx(styles.header, className);
-    return /* @__PURE__ */ jsxs(
-      "header",
-      {
-        className: drawerHeaderClasses,
-        "data-anv": "drawer-header",
-        "data-tracking-id": trackingId,
-        ref: useMergeRefs([ref, headerRef]),
-        children: [
-          /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children }),
-          /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
-            DrawerCancelButton,
-            {
-              className: styles["close-button"],
-              size: "small",
-              appearance: "ghost",
-              "aria-label": "Close drawer",
-              "data-anv": "drawer-header-close-button",
-              icon: SvgClose
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-DrawerHeader.displayName = "DrawerHeader";
-
-const DrawerFooter = forwardRef(
-  (props, ref) => {
-    const { className, children, sticky = false, ...rest } = props;
-    const drawerFooterClasses = cx(styles.footer, className, {
-      [styles["sticky"]]: sticky
-    });
-    return /* @__PURE__ */ jsx(
-      "footer",
-      {
-        className: drawerFooterClasses,
-        "data-anv": "drawer-footer",
-        ref,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DrawerFooter.displayName = "DrawerFooter";
-
-const DrawerContent = forwardRef(
-  (props, ref) => {
-    const { children, className, sticky = false, ...rest } = props;
-    const { headerRef } = useDrawerContext();
-    const [headerHeight, setHeaderHeight] = useState(0);
-    useEffect(() => {
-      const headerElement = headerRef?.current;
-      if (!sticky || !headerElement) return;
-      const updateHeight = () => {
-        setHeaderHeight(headerElement.offsetHeight || 0);
-      };
-      updateHeight();
-      const resizeObserver = new ResizeObserver(updateHeight);
-      resizeObserver.observe(headerElement);
-      return () => resizeObserver.disconnect();
-    }, [sticky, headerRef]);
-    const contentClassNames = cx(styles["content"], className, {
-      [styles["sticky"]]: sticky
-    });
-    const stickyStyle = sticky ? { top: `${headerHeight}px` } : void 0;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: contentClassNames,
-        "data-anv": "drawer-content",
-        ref,
-        style: { ...stickyStyle, ...rest.style },
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DrawerContent.displayName = "DrawerContent";
-
-const Drawer = Object.assign(
-  forwardRef(function DrawerInner(props, ref) {
-    const {
-      className,
-      open = false,
-      children,
-      onClose,
-      // onCancel is destructured so that it is not passed to the dialog in ...rest
-      onCancel,
-      onKeyDown,
-      disableCloseOnEscape = false,
-      onClickOutside,
-      disableCloseOnClickOutside = false,
-      size = "medium",
-      enableScrollChaining,
-      onOpenAnimationStart,
-      onOpenAnimationComplete,
-      onCloseAnimationStart,
-      onCloseAnimationComplete,
-      initialFocusResolver,
-      defaultDrillDownIndex,
-      onDrillDownContextChange,
-      ...rest
-    } = props;
-    const elRef = useRef(null);
-    const contentRef = useRef(null);
-    const toasterRef = useRef(null);
-    const headerRef = useRef(null);
-    const combinedRef = useMergeRefs([elRef, ref]);
-    const drillDownContextValue = useDrillDownContextState({
-      defaultDrillDownIndex
-    });
-    const id = useId();
-    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {
-      onOpenAnimationStart: useCallback(() => {
-        onOpenAnimationStart?.();
-      }, [onOpenAnimationStart]),
-      onOpenAnimationComplete: useCallback(() => {
-        onOpenAnimationComplete?.();
-      }, [onOpenAnimationComplete]),
-      onCloseAnimationStart: useCallback(() => {
-        onCloseAnimationStart?.();
-      }, [onCloseAnimationStart]),
-      onCloseAnimationComplete: useCallback(() => {
-        onCloseAnimationComplete?.();
-      }, [onCloseAnimationComplete])
-    });
-    const previousOpenRef = useRef(open);
-    useLayoutEffect(() => {
-      if (open && !previousOpenRef.current) {
-        drillDownContextValue.setHostTrigger?.(
-          document.activeElement instanceof HTMLElement ? document.activeElement : null
-        );
-      }
-    }, [open, drillDownContextValue]);
-    useEffect(() => {
-      previousOpenRef.current = open;
-    }, [open]);
-    useEffect(() => {
-      if (state === "closing") {
-        drillDownContextValue.onHostClose?.();
-      }
-    }, [state, drillDownContextValue]);
-    useEffect(() => {
-      if (state === "closed") {
-        drillDownContextValue.onHostClosed?.();
-      }
-    }, [state, drillDownContextValue]);
-    const drillDownContextProviderValue = useMemo(
-      () => ({
-        ...drillDownContextValue,
-        hostIsInteractive: state !== "closing" && state !== "closed"
-      }),
-      [drillDownContextValue, state]
-    );
-    useLayoutEffect(() => {
-      onDrillDownContextChange?.(drillDownContextProviderValue);
-    }, [drillDownContextProviderValue]);
-    const classNames = cx([styles.drawer, drillDownStyles.drawer], className, {
-      [styles.remove]: state === "closing",
-      [styles[size]]: size !== "medium"
-    });
-    const { focusables } = useKeyboardFocusables(contentRef, {
-      observeChange: false
-    });
-    const firstFocusable = focusables?.[0];
-    const lastFocusable = focusables?.[focusables.length - 1];
-    useDialogScrollLock({
-      open: isOpenOrOpening,
-      id,
-      enableScrollChaining,
-      elementRef: elRef
-    });
-    useEffect(() => {
-      if (open) {
-        registerLayer(id);
-      } else {
-        unregisterLayer(id);
-      }
-      return () => {
-        unregisterLayer(id);
-      };
-    }, [open, id]);
-    const computeFocus = useCallback((focusables2) => {
-      return focusables2.find(
-        (focusable) => focusable.dataset.anv !== "drawer-header-close-button"
-      ) || focusables2[0];
-    }, []);
-    useInitialFocus(elRef, {
-      computeFocus: initialFocusResolver || computeFocus
-    });
-    const onCancelHandler = (e) => {
-      e.preventDefault();
-      if (disableCloseOnEscape) return;
-      onClose?.();
-    };
-    useOnClickOutside({
-      onClickOutsideBegin: (e) => {
-        if (!open) return;
-        onClickOutside?.(e);
-      },
-      targets: [
-        contentRef.current,
-        toasterRef.current
-      ],
-      onClickOutside: () => {
-        if (disableCloseOnClickOutside || !open) return;
-        onClose?.();
-      },
-      layerId: id
-    });
-    const onKeyDownHandler = (e) => {
-      onKeyDown?.(e);
-      if (e.code === "Tab") {
-        if (e.shiftKey && e.target === firstFocusable) {
-          e.preventDefault();
-          lastFocusable?.focus();
-          return;
-        }
-        if (e.target === lastFocusable && !e.shiftKey) {
-          e.preventDefault();
-          firstFocusable?.focus();
-          return;
-        }
-      }
-    };
-    const contextValue = useMemo(() => {
-      return { close: () => onClose?.(), headerRef, state };
-    }, [onClose, state]);
-    return (
-      // dialog element does seem to be interactive on MDN guideline
-      /* @__PURE__ */ jsxs(
-        "dialog",
-        {
-          className: classNames,
-          "data-anv": "drawer",
-          "data-anv-scroll-chaining": enableScrollChaining,
-          "data-anv-transition-state": state,
-          ref: combinedRef,
-          onCancel: onCancelHandler,
-          onKeyDown: onKeyDownHandler,
-          ...rest,
-          children: [
-            /* @__PURE__ */ jsx(ToastProvider, { isDialogToaster: isOpenOrOpening, children: /* @__PURE__ */ jsx(ToasterPopover, { children: /* @__PURE__ */ jsx(ToasterContent, { id: "drawer-toaster", ref: toasterRef }) }) }),
-            /* @__PURE__ */ jsx(DrillDownContext.Provider, { value: drillDownContextProviderValue, children: /* @__PURE__ */ jsx(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-              "section",
-              {
-                ref: contentRef,
-                className: styles.container,
-                "data-open": isOpenOrOpening,
-                children
-              }
-            ) }) })
-          ]
-        }
-      )
-    );
-  }),
-  {
-    /**
-     * Header component for the drawer that displays a title and close button.
-     *
-     * Features:
-     * - Displays the drawer title as a headline
-     * - Includes an accessible close button
-     * - Sticky positioning at the top of the drawer
-     * - Proper semantic HTML structure
-     * - Accessible with proper ARIA attributes
-     * - Consistent styling with the design system
-     * - Automatic close functionality
-     * - Automatic tracking ID generation for analytics
-     *
-     * @example
-     * <Drawer.Header>Settings</Drawer.Header>
-     */
-    Header: DrawerHeader,
-    /**
-     * Footer component for the drawer that displays action buttons and controls.
-     *
-     * Features:
-     * - Flexible layout for action buttons and controls
-     * - Optional sticky positioning at the bottom
-     * - Proper semantic HTML structure
-     * - Accessible with proper ARIA attributes
-     * - Consistent styling with the design system
-     * - Supports all standard footer element props
-     * - Responsive design that adapts to content
-     *
-     * @example
-     * <Drawer.Footer sticky>
-     *   <Button onClick={handleSave}>Save</Button>
-     *   <Drawer.CancelButton>Cancel</Drawer.CancelButton>
-     * </Drawer.Footer>
-     */
-    Footer: DrawerFooter,
-    /**
-     * Content container for the drawer that holds the main content area.
-     *
-     * Features:
-     * - Flexible content area with proper spacing
-     * - Scrollable content when needed
-     * - Proper semantic HTML structure
-     * - Accessible with proper ARIA attributes
-     * - Consistent styling with the design system
-     * - Supports all standard div element props
-     * - Responsive design that adapts to content
-     * - Proper focus management
-     *
-     * @example
-     * <Drawer.Content>
-     *   <p>This is the main content of the drawer.</p>
-     *   <p>It can contain any type of content.</p>
-     * </Drawer.Content>
-     */
-    Content: DrawerContent,
-    /**
-     * A button component that automatically closes the drawer when clicked.
-     *
-     * Features:
-     * - Automatically closes the drawer when clicked
-     * - Extends Button component functionality
-     * - Accessible with proper ARIA attributes
-     * - Consistent styling with the design system
-     * - Supports all standard button props
-     * - Proper focus management
-     * - Can be used anywhere within the drawer context
-     * - Automatic tracking ID generation for analytics
-     *
-     * @example
-     * <Drawer.CancelButton appearance="ghost" size="small">
-     *   Cancel
-     * </Drawer.CancelButton>
-     */
-    CancelButton: DrawerCancelButton
-  }
-);
-Drawer.displayName = "Drawer";
-
-export { Drawer as D };
-//# sourceMappingURL=Drawer-CmoV9FWV.js.map