@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/{InputMask-BuO8lNAB-DdxdO5Jw.js → InputMask-O_qi1p_3.js}

@@ -1,10 +1,75 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useMemo, isValidElement, cloneElement } from 'react';
-import { T as TextField } from './TextField-DoPP1CQ--UWAOTYiv.js';
-import { u as useMergeRefs } from './floating-ui.react-BFNinq1w.js';
-import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L-DbDuos5L.js';
+import { u as useMergeRefs } from './DrawerContext-DboTgTmo.js';
+import { T as TextField } from './TextField-DlsZEkS0.js';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
 
 const MASK_CHARS = ["a", "9", "*"];
+
+function applyMask(value, mask, defaultMaskCharacter) {
+  let maskedValue = "";
+  let valueIndex = 0;
+  for (let i = 0; i < mask.length; i++) {
+    const maskChar = mask[i];
+    if (MASK_CHARS.includes(maskChar)) {
+      while (valueIndex < value.length && !isAcceptableChar(value[valueIndex], maskChar)) {
+        valueIndex++;
+      }
+      if (valueIndex < value.length) {
+        maskedValue += value[valueIndex];
+        valueIndex++;
+      } else {
+        maskedValue += defaultMaskCharacter;
+      }
+    } else {
+      maskedValue += maskChar;
+    }
+  }
+  return maskedValue;
+}
+function isAcceptableChar(char, maskChar) {
+  if (maskChar === "9") {
+    return /\d/.test(char);
+  }
+  if (maskChar === "a") {
+    return /[a-zA-Z]/.test(char);
+  }
+  if (maskChar === "*") {
+    return /[a-zA-Z0-9]/.test(char);
+  }
+  return false;
+}
+function getNextOpenCharacterIndex(value, defaultMaskCharacter) {
+  let idx = value.indexOf(defaultMaskCharacter);
+  if (idx < 0) {
+    idx = value.length;
+  }
+  return idx;
+}
+function getFirstNonFixedCharacterIndex(startingIndex, fixedCharacterIndices) {
+  let idx = startingIndex;
+  while (fixedCharacterIndices.includes(idx)) {
+    idx++;
+  }
+  return idx;
+}
+function getLastFilledCharacterIndex(value, mask) {
+  let idx = value.split("").findLastIndex((char, i) => isAcceptableChar(char, mask[i]));
+  if (idx < 0) {
+    idx = 0;
+  }
+  return idx;
+}
+function getFirstFilledCharacterIndex(value, mask) {
+  let idx = value.split("").findIndex((char, i) => isAcceptableChar(char, mask[i]));
+  if (idx < 0) {
+    idx = 0;
+  }
+  return idx;
+}
+
 const InputMask = forwardRef(
   ({
     children,
@@ -13,7 +78,8 @@ const InputMask = forwardRef(
     value,
     defaultValue,
     onChange,
-    inputProps
+    inputProps,
+    "data-tracking-id": dataTrackingId
   }, ref) => {
     const [v, setV] = useOptionallyControlledState({
       controlledValue: value !== void 0 ? applyMask(value, mask, defaultMaskCharacter) : void 0,
@@ -165,79 +231,34 @@ const InputMask = forwardRef(
       }
       return v === applyMask("", mask, defaultMaskCharacter);
     }, [v, defaultMaskCharacter, mask]);
+    const data = {
+      label: "label" in mergedInputProps ? childrenToString(mergedInputProps.label) : null,
+      labelProps: "labelProps" in mergedInputProps ? mergedInputProps.labelProps : null,
+      prefix: childrenToString(mergedInputProps.prefix),
+      hint: "hint" in mergedInputProps ? childrenToString(mergedInputProps.hint) : null,
+      description: "description" in mergedInputProps ? childrenToString(mergedInputProps.description) : null,
+      size: mergedInputProps.size,
+      type: mergedInputProps.type
+    };
+    const trackingId = useTrackingId({
+      name: "InputMask",
+      data,
+      hasOverride: !!dataTrackingId
+    });
     return children && isValidElement(children) && children.type === "input" ? cloneElement(children, {
-      ...mergedInputProps
+      ...mergedInputProps,
+      "data-tracking-id": trackingId
     }) : /* @__PURE__ */ jsx(
       TextField,
       {
         "data-input-empty": isInputEmpty,
+        "data-tracking-id": trackingId,
         ...mergedInputProps
       }
     );
   }
 );
 InputMask.displayName = "InputMask";
-function applyMask(value, mask, defaultMaskCharacter) {
-  let maskedValue = "";
-  let valueIndex = 0;
-  for (let i = 0; i < mask.length; i++) {
-    const maskChar = mask[i];
-    if (MASK_CHARS.includes(maskChar)) {
-      while (valueIndex < value.length && !isAcceptableChar(value[valueIndex], maskChar)) {
-        valueIndex++;
-      }
-      if (valueIndex < value.length) {
-        maskedValue += value[valueIndex];
-        valueIndex++;
-      } else {
-        maskedValue += defaultMaskCharacter;
-      }
-    } else {
-      maskedValue += maskChar;
-    }
-  }
-  return maskedValue;
-}
-function isAcceptableChar(char, maskChar) {
-  if (maskChar === "9") {
-    return /\d/.test(char);
-  }
-  if (maskChar === "a") {
-    return /[a-zA-Z]/.test(char);
-  }
-  if (maskChar === "*") {
-    return /[a-zA-Z0-9]/.test(char);
-  }
-  return false;
-}
-function getNextOpenCharacterIndex(value, defaultMaskCharacter) {
-  let idx = value.indexOf(defaultMaskCharacter);
-  if (idx < 0) {
-    idx = value.length;
-  }
-  return idx;
-}
-function getFirstNonFixedCharacterIndex(startingIndex, fixedCharacterIndices) {
-  let idx = startingIndex;
-  while (fixedCharacterIndices.includes(idx)) {
-    idx++;
-  }
-  return idx;
-}
-function getLastFilledCharacterIndex(value, mask) {
-  let idx = value.split("").findLastIndex((char, i) => isAcceptableChar(char, mask[i]));
-  if (idx < 0) {
-    idx = 0;
-  }
-  return idx;
-}
-function getFirstFilledCharacterIndex(value, mask) {
-  let idx = value.split("").findIndex((char, i) => isAcceptableChar(char, mask[i]));
-  if (idx < 0) {
-    idx = 0;
-  }
-  return idx;
-}
 
 export { InputMask as I };
-//# sourceMappingURL=InputMask-BuO8lNAB-DdxdO5Jw.js.map
+//# sourceMappingURL=InputMask-O_qi1p_3.js.map

package/dist/InputMask-O_qi1p_3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask-O_qi1p_3.js","sources":["../src/components/InputMask/internal/constants.ts","../src/components/InputMask/internal/utils.ts","../src/components/InputMask/InputMask.tsx"],"sourcesContent":["export const MASK_CHARS = [\"a\", \"9\", \"*\"];\n","import { MASK_CHARS } from \"./constants\";\n\n/**\n * This function applies the mask to the input value, returning a new string that matches the mask's format.\n * @param value - a string representing the raw input value (e.g., what the user typed)\n * @param mask -  a string representing the desired input mask (e.g., \"99/99/9999\" for a date)\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a string representing the masked value (e.g., \"12/31/2025\" for a date)\n *\n * @example\n * applyMask(\"1234567890\", \"99/99/9999\", \"_\") // \"12/31/2025\"\n * applyMask(\"1234567890\", \"999-999-9999\", \"-\") // \"123-456-7890\"\n * applyMask(\"123\", \"99/99\", \"_\") // \"12/3_\"\n */\nexport function applyMask(\n  value: string,\n  mask: string,\n  defaultMaskCharacter: string,\n) {\n  let maskedValue = \"\";\n  let valueIndex = 0;\n  for (let i = 0; i < mask.length; i++) {\n    const maskChar = mask[i];\n    if (MASK_CHARS.includes(maskChar)) {\n      // Find next acceptable char in value\n      while (\n        valueIndex < value.length &&\n        !isAcceptableChar(value[valueIndex], maskChar)\n      ) {\n        valueIndex++;\n      }\n      if (valueIndex < value.length) {\n        maskedValue += value[valueIndex];\n        valueIndex++;\n      } else {\n        maskedValue += defaultMaskCharacter;\n      }\n    } else {\n      maskedValue += maskChar;\n    }\n  }\n  return maskedValue;\n}\n/**\n * This function checks if a character is acceptable for a given mask character.\n * @param char - a string representing the character to check\n * @param maskChar - a string representing the mask character\n * @returns a boolean indicating if the character is acceptable\n */\nfunction isAcceptableChar(char: string, maskChar: string) {\n  if (maskChar === \"9\") {\n    return /\\d/.test(char);\n  }\n  if (maskChar === \"a\") {\n    return /[a-zA-Z]/.test(char);\n  }\n  if (maskChar === \"*\") {\n    return /[a-zA-Z0-9]/.test(char);\n  }\n  return false;\n}\n/**\n * This function finds the next open character in a given value.\n * @param value - a string representing the value to search\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a number representing the index of the next open character\n */\nexport function getNextOpenCharacterIndex(\n  value: string,\n  defaultMaskCharacter: string,\n) {\n  let idx = value.indexOf(defaultMaskCharacter);\n  if (idx < 0) {\n    idx = value.length;\n  }\n  return idx;\n}\n/**\n * This function finds the first non-fixed character in the value.\n * @param startingIndex - a number representing the index to start searching from\n * @param fixedCharacterIndices - an array of numbers representing the indices of the fixed characters\n * @returns a number representing the index of the first non-fixed character\n */\nexport function getFirstNonFixedCharacterIndex(\n  startingIndex: number,\n  fixedCharacterIndices: number[],\n) {\n  let idx = startingIndex;\n  while (fixedCharacterIndices.includes(idx)) {\n    idx++;\n  }\n  return idx;\n}\n/**\n * This function finds the last filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the last filled character\n */\nexport function getLastFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findLastIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n/**\n * This function finds the first filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the first filled character\n */\nexport function getFirstFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n","import {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  KeyboardEvent,\n  InputHTMLAttributes,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useRef,\n  useMemo,\n  MouseEvent,\n} from \"react\";\nimport { useMergeRefs } from \"@floating-ui/react\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\nimport { TextField, TextFieldProps } from \"../TextField/internal/TextField\";\nimport { childrenToString } from \"../../internal/functions\";\nimport {\n  applyMask,\n  getLastFilledCharacterIndex,\n  getFirstFilledCharacterIndex,\n  getFirstNonFixedCharacterIndex,\n  getNextOpenCharacterIndex,\n} from \"./internal/utils\";\nimport { MASK_CHARS } from \"./internal/constants\";\nimport { DataTrackingId } from \"../../types\";\n\n/**\n * Props for InputMask when using with children\n */\ninterface InputMaskPropsWithChildren {\n  /**\n   * Custom input element to be wrapped with mask functionality.\n   */\n  children: ReactElement<InputHTMLAttributes<HTMLInputElement>>;\n  /**\n   * Additional props to pass to the input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Props for InputMask when using without children\n */\ninterface InputMaskPropsWithoutChildren {\n  /**\n   * No children allowed when using default TextField.\n   */\n  children?: never;\n  /**\n   * Props to pass to the default TextField component.\n   */\n  inputProps?: TextFieldProps;\n}\n\n/**\n * Configuration for custom mask handler matching\n */\ninterface ICustomMaskHandlerMatch {\n  /**\n   * Regular expression pattern to match against input.\n   */\n  matchPattern: RegExp;\n  /**\n   * Starting position in the input string.\n   */\n  startPosition: number;\n  /**\n   * Ending position in the input string.\n   */\n  endPosition: number;\n}\n\n/**\n * Configuration for custom mask handler application\n */\ninterface ICustomMaskHandlerApply {\n  /**\n   * Pattern to apply when match is found.\n   */\n  applyPattern: string;\n  /**\n   * Offset to apply to cursor position after transformation.\n   */\n  caretOffset: number;\n}\n\n/**\n * Custom mask handler for advanced input transformations\n */\ninterface ICustomMaskHandler {\n  /**\n   * Matching configuration for the handler.\n   */\n  match: ICustomMaskHandlerMatch;\n  /**\n   * Application configuration for the handler.\n   */\n  apply: ICustomMaskHandlerApply;\n}\n\n/**\n * Shared props for InputMask component\n */\ninterface SharedInputMaskProps {\n  /**\n   * The mask pattern to apply to the input.\n   * - \"9\" for digits only\n   * - \"a\" for letters only\n   * - \"*\" for alphanumeric\n   * - Any other character is treated as a fixed character\n   */\n  mask: string;\n  /**\n   * Character to display for unfilled mask positions.\n   * @default \"_\"\n   */\n  defaultMaskCharacter?: string;\n  /**\n   * Controlled value for the input.\n   */\n  value?: string;\n  /**\n   * Default value for uncontrolled input.\n   */\n  defaultValue?: string;\n  /**\n   * Callback function called when input value changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Array of custom mask handlers for advanced transformations.\n   */\n  customMaskHandler?: ICustomMaskHandler[];\n}\n\ntype SpecialChange = {\n  reason: \"Backspace\" | \"Delete\" | \"Edit\";\n  start: number;\n  end: number;\n};\n\n/**\n * Props for the InputMask component\n * @property {string} mask - The mask pattern to apply to the input (9 for digits, a for letters, * for alphanumeric)\n * @property {string} [defaultMaskCharacter] - Character to display for unfilled mask positions\n * @property {array} [customMaskHandler] - Array of custom mask handlers for advanced transformations\n * @property {object} [inputProps] - Props to pass to the input component\n * @property {ReactElement} [children] - Custom input element to be wrapped with mask functionality\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n */\nexport type InputMaskProps = SharedInputMaskProps &\n  (InputMaskPropsWithChildren | InputMaskPropsWithoutChildren) &\n  DataTrackingId;\n\n/**\n * InputMask component for applying input masks and formatting to text inputs.\n *\n * @deprecated Use the TextField component with custom masking instead. Over time, we intend to release additional components with built-in masking.\n */\nexport const InputMask = forwardRef<HTMLInputElement, InputMaskProps>(\n  (\n    {\n      children,\n      mask,\n      defaultMaskCharacter = \"_\",\n      value,\n      defaultValue,\n      onChange,\n      inputProps,\n      \"data-tracking-id\": dataTrackingId,\n    },\n    ref,\n  ) => {\n    const [v, setV] = useOptionallyControlledState({\n      controlledValue:\n        value !== undefined\n          ? applyMask(value, mask, defaultMaskCharacter)\n          : undefined,\n      defaultValue: applyMask(defaultValue || \"\", mask, defaultMaskCharacter),\n      // Omitting the onChange handler here because we want to handle it ourselves (i.e. send an event instead of just the value)\n    });\n    const specialChange = useRef<SpecialChange | null>(null);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const passInRef = useMergeRefs([inputRef, ref]);\n\n    const currentOpenCharacterCount = useMemo(() => {\n      return v.split(\"\").filter((char) => char === defaultMaskCharacter).length;\n    }, [v, defaultMaskCharacter]);\n\n    const fixedCharacterIndices = useMemo(() => {\n      const fixedIndices: number[] = [];\n      mask.split(\"\").forEach((char, i) => {\n        if (!MASK_CHARS.includes(char)) {\n          fixedIndices.push(i);\n        }\n      });\n      return fixedIndices;\n    }, [mask]);\n\n    const moveCursorTo = (start: number, end: number = start) => {\n      requestAnimationFrame(() => {\n        inputRef.current?.setSelectionRange(start, end);\n      });\n    };\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newVal = applyMask(e.target.value, mask, defaultMaskCharacter);\n      if (\n        // A single character was backspaced\n        specialChange.current?.reason === \"Backspace\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character before the backspace is a fixed character, we need to remove the filled character before the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start - 1)) {\n          const removeIndex = getLastFilledCharacterIndex(\n            newVal.slice(0, specialChange.current.start),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n          moveCursorTo(removeIndex, removeIndex);\n        } else {\n          const idx = Math.min(\n            getLastFilledCharacterIndex(newVal, mask) + 1,\n            specialChange.current.start - 1,\n          );\n          moveCursorTo(idx, idx);\n        }\n      } else if (\n        // A single character was deleted\n        specialChange.current?.reason === \"Delete\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character after the delete is a fixed character, we need to remove the filled character after the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start)) {\n          const removeIndex = getFirstFilledCharacterIndex(\n            newVal.slice(specialChange.current.start + 1),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n        }\n        const firstFilledIdx = getFirstFilledCharacterIndex(newVal, mask);\n        const targetIdx = Math.max(firstFilledIdx, specialChange.current.start);\n        moveCursorTo(targetIdx, targetIdx);\n      } else if (\n        specialChange.current?.reason === \"Edit\" &&\n        specialChange.current.start === specialChange.current.end // A single character was edited\n      ) {\n        const firstNonFixedIdx = getFirstNonFixedCharacterIndex(\n          specialChange.current.start + 1,\n          fixedCharacterIndices,\n        );\n        moveCursorTo(firstNonFixedIdx, firstNonFixedIdx);\n      } else {\n        const newIndex = getNextOpenCharacterIndex(\n          newVal,\n          defaultMaskCharacter,\n        );\n        moveCursorTo(newIndex, newIndex);\n      }\n\n      setV(newVal);\n      if (inputRef.current) {\n        inputRef.current.value = newVal;\n      }\n      onChange?.({ ...e, target: { ...e.target, value: newVal } });\n    };\n\n    const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n      requestAnimationFrame(() => {\n        if (\n          e.target.selectionStart === null ||\n          e.target.selectionStart === undefined ||\n          e.target.selectionStart >= v.length\n        ) {\n          const newIndex = getNextOpenCharacterIndex(v, defaultMaskCharacter);\n          moveCursorTo(newIndex, newIndex);\n        }\n      });\n      inputProps?.onFocus?.(e);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      const target = e.target as HTMLInputElement;\n      if (target.selectionStart === null || target.selectionEnd === null) {\n        return;\n      }\n      if (e.key === \"Backspace\") {\n        specialChange.current = {\n          reason: \"Backspace\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (e.key === \"Delete\") {\n        specialChange.current = {\n          reason: \"Delete\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (currentOpenCharacterCount === 0) {\n        specialChange.current = {\n          reason: \"Edit\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else {\n        specialChange.current = null;\n      }\n      inputProps?.onKeyDown?.(e);\n    };\n\n    const handleClick = (e: MouseEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onClick?.(e);\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onBlur?.(e);\n    };\n\n    const mergedInputProps = {\n      ...inputProps,\n      ...(children && isValidElement(children) ? children.props : {}),\n      value: v,\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onKeyDown: handleKeyDown,\n      onClick: handleClick,\n      onBlur: handleBlur,\n      ref: passInRef,\n    };\n\n    const isInputEmpty = useMemo(() => {\n      if (v.length === 0) {\n        return true;\n      }\n      return v === applyMask(\"\", mask, defaultMaskCharacter);\n    }, [v, defaultMaskCharacter, mask]);\n\n    const data = {\n      label:\n        \"label\" in mergedInputProps\n          ? childrenToString(mergedInputProps.label)\n          : null,\n      labelProps:\n        \"labelProps\" in mergedInputProps ? mergedInputProps.labelProps : null,\n      prefix: childrenToString(mergedInputProps.prefix),\n      hint:\n        \"hint\" in mergedInputProps\n          ? childrenToString(mergedInputProps.hint)\n          : null,\n      description:\n        \"description\" in mergedInputProps\n          ? childrenToString(mergedInputProps.description)\n          : null,\n      size: mergedInputProps.size,\n      type: mergedInputProps.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"InputMask\",\n      data,\n      hasOverride: !!dataTrackingId,\n    });\n\n    return children && isValidElement(children) && children.type === \"input\" ? (\n      cloneElement(children, {\n        ...mergedInputProps,\n        \"data-tracking-id\": trackingId,\n      } as InputHTMLAttributes<HTMLInputElement> & {\n        \"data-tracking-id\"?: string;\n      })\n    ) : (\n      <TextField\n        data-input-empty={isInputEmpty}\n        data-tracking-id={trackingId}\n        {...(mergedInputProps as TextFieldProps)}\n      />\n    );\n  },\n);\n\nInputMask.displayName = \"InputMask\";\n"],"names":[],"mappings":"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"}

package/dist/InputMask.js

@@ -1,2 +1,2 @@
-export { I as InputMask, I as default } from './InputMask-BOUlnmiF.js';
+export { I as InputMask, I as default } from './InputMask-O_qi1p_3.js';
 //# sourceMappingURL=InputMask.js.map

package/dist/Link-eRsLWPaQ.js

@@ -0,0 +1,103 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { l as linkStyles } from './Link.module-Cf17JWod.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+
+const SvgOpenInNew = (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: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z" }));
+
+const LinkHeadless = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        rel: "noopener noreferrer",
+        "data-anv": "link-headless",
+        ref,
+        ...props,
+        children: [
+          children,
+          props.target === "_blank" && /* @__PURE__ */ jsx(Icon, { className: linkStyles["open-in-new"], inherit: true, svg: SvgOpenInNew })
+        ]
+      }
+    );
+  }
+);
+LinkHeadless.displayName = "LinkHeadless";
+
+const useLinkStyles = (props) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const { className, appearance = "primary", quiet, style } = componentProps;
+  const linkClassNames = cx([linkStyles["link"]], className, {
+    [linkStyles["quiet"]]: quiet,
+    [linkStyles["secondary"]]: appearance === "secondary"
+  });
+  const styleCombined = Object.assign({}, style, layoutStyles);
+  return { linkClassNames, styleCombined };
+};
+
+const Link$1 = forwardRef((props, ref) => {
+  const { appearance, className, quiet, style, children, ...rest } = props;
+  const { linkClassNames, styleCombined } = useLinkStyles({
+    appearance,
+    className,
+    quiet,
+    style
+  });
+  return /* @__PURE__ */ jsx(
+    LinkHeadless,
+    {
+      className: linkClassNames,
+      "data-anv": "link",
+      ref,
+      style: styleCombined,
+      ...rest,
+      children
+    }
+  );
+});
+Link$1.displayName = "Link";
+
+const Link = forwardRef(
+  (props, ref) => {
+    const { onClick, pathname, children, search, ...rest } = props;
+    const data = {
+      appearance: props.appearance,
+      quiet: props.quiet,
+      children: childrenToString(children)
+    };
+    const handleClick = (...args) => {
+      if (pathname) {
+        const to = pathname + (search ?? "");
+        args[0].preventDefault();
+        history.pushState(null, "", to);
+        onClick?.(...args);
+      } else {
+        onClick?.(...args);
+      }
+    };
+    const trackingId = useTrackingId({
+      name: "Link",
+      data,
+      hasOverride: !!rest["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        onClick: handleClick,
+        ref,
+        "data-tracking-id": trackingId,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Link.displayName = Link$1.displayName;
+
+export { Link as L, useLinkStyles as u };
+//# sourceMappingURL=Link-eRsLWPaQ.js.map

package/dist/Link-eRsLWPaQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-eRsLWPaQ.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (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: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"quiet\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", quiet, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"quiet\"]]: quiet,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /** Whether the link should have a quieter, less prominent appearance */\n        quiet?: boolean;\n      }\n    | {\n        /** The visual appearance of the link. Secondary appearance cannot be quiet. */\n        appearance: \"secondary\";\n        quiet?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" quiet>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, quiet, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    quiet,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" quiet>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      quiet: props.quiet,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["styles","OpenInNew","Link","BaseLink"],"mappings":"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"}

package/dist/{Link-MiffPrW9.css → Link.css}

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

package/dist/Link.js

@@ -1,2 +1,2 @@
-export { L as Link, L as default } from './Link-C4N_cV3i.js';
+export { L as Link, L as default, u as useLinkStyles } from './Link-eRsLWPaQ.js';
 //# sourceMappingURL=Link.js.map

package/dist/Link.module-Cf17JWod.js

@@ -0,0 +1,12 @@
+import './Link.css';const link = "_link_4o01j_2";
+const secondary = "_secondary_4o01j_43";
+const quiet = "_quiet_4o01j_52";
+const linkStyles = {
+	link: link,
+	"open-in-new": "_open-in-new_4o01j_27",
+	secondary: secondary,
+	quiet: quiet
+};
+
+export { linkStyles as l };
+//# sourceMappingURL=Link.module-Cf17JWod.js.map

package/dist/Link.module-Cf17JWod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module-Cf17JWod.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/LinkButton.js

@@ -1,13 +1,27 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { l as linkStyles } from './Link.module-Cf17JWod.js';
 import { useTrackingId } from './useTrackingId.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
-import { s as styles$1 } from './Link-MiffPrW9-Cx1zYWSF.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
-import './LinkButton.css';const LinkButton$1 = forwardRef(
+import './LinkButton.css';const styles = {
+	"link-button": "_link-button_rbbxj_1"
+};
+
+const LinkButton = forwardRef(
   (props, ref) => {
+    const data = {
+      appearance: props.appearance,
+      quiet: props.quiet,
+      children: childrenToString(props.children)
+    };
+    const trackingId = useTrackingId({
+      name: "Link",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
       children,
@@ -17,10 +31,15 @@ import './LinkButton.css';const LinkButton$1 = forwardRef(
       style,
       ...rest
     } = componentProps;
-    const linkClassNames = cx([styles$1["link"]], className, {
-      [styles$1["quiet"]]: quiet,
-      [styles$1["secondary"]]: appearance === "secondary"
-    });
+    const linkClassNames = cx(
+      [linkStyles["link"]],
+      styles["link-button"],
+      className,
+      {
+        [linkStyles["quiet"]]: quiet,
+        [linkStyles["secondary"]]: appearance === "secondary"
+      }
+    );
     const styleCombined = {
       ...style,
       ...layoutStyles
@@ -32,38 +51,7 @@ import './LinkButton.css';const LinkButton$1 = forwardRef(
         "data-anv": "link-button",
         ref,
         style: styleCombined,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-LinkButton$1.displayName = "LinkButton";
-
-const styles = {
-	"link-button": "_link-button_rbbxj_1"
-};
-
-const LinkButton = forwardRef(
-  (props, ref) => {
-    const { children, className, ...rest } = props;
-    const data = {
-      appearance: props.appearance,
-      quiet: props.quiet,
-      children: childrenToString(children)
-    };
-    const trackingId = useTrackingId({
-      name: "Link",
-      data,
-      hasOverride: !!rest["data-tracking-id"]
-    });
-    const classes = cx(styles["link-button"], className);
-    return /* @__PURE__ */ jsx(
-      LinkButton$1,
-      {
-        ref,
         "data-tracking-id": trackingId,
-        className: classes,
         ...rest,
         children
       }

package/dist/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sources":["../../hammer-react/dist/LinkButton-MeeAFNaq.js","../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { s as styles } from './Link-MiffPrW9.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nconst LinkButton = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      appearance = \"primary\",\n      quiet,\n      style,\n      ...rest\n    } = componentProps;\n    const linkClassNames = cx([styles[\"link\"]], className, {\n      [styles[\"quiet\"]]: quiet,\n      [styles[\"secondary\"]]: appearance === \"secondary\"\n    });\n    const styleCombined = {\n      ...style,\n      ...layoutStyles\n    };\n    return /* @__PURE__ */ jsx(\n      \"button\",\n      {\n        className: linkClassNames,\n        \"data-anv\": \"link-button\",\n        ref,\n        style: styleCombined,\n        ...rest,\n        children\n      }\n    );\n  }\n);\nLinkButton.displayName = \"LinkButton\";\n\nexport { LinkButton as L };\n//# sourceMappingURL=LinkButton-MeeAFNaq.js.map\n","import {\n  LinkButton as CoreLinkButton,\n  childrenToString,\n  LinkButtonProps as CoreLinkButtonProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport styles from \"./LinkButton.module.scss\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport cx from \"classnames\";\n\n/**\n * Props for the Link component.\n * @extends CoreLinkButtonProps\n * @extends DataTrackingId\n */\nexport type LinkButtonProps = CoreLinkButtonProps &\n  DataTrackingId &\n  (\n    | {\n        /**\n         * The visual appearance of the LinkButton.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Only available when appearance is \"primary\".\n         */\n        quiet?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be quiet.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        quiet?: false;\n      }\n  );\n\nexport const LinkButton = forwardRef(\n  (props: LinkButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const { children, className, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      quiet: props.quiet,\n      children: childrenToString(children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    const classes = cx(styles[\"link-button\"], className);\n    return (\n      <CoreLinkButton\n        ref={ref}\n        data-tracking-id={trackingId}\n        className={classes}\n        {...rest}\n      >\n        {children}\n      </CoreLinkButton>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n"],"names":["LinkButton","styles","CoreLinkButton"],"mappings":";;;;;;;;AAMA,MAAMA,YAAU,GAAG,UAAU;AAC7B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,UAAU,GAAG,SAAS;AAC5B,MAAM,KAAK;AACX,MAAM,KAAK;AACX,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,cAAc,GAAG,EAAE,CAAC,CAACC,QAAM,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE;AAC3D,MAAM,CAACA,QAAM,CAAC,OAAO,CAAC,GAAG,KAAK;AAC9B,MAAM,CAACA,QAAM,CAAC,WAAW,CAAC,GAAG,UAAU,KAAK;AAC5C,KAAK,CAAC;AACN,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,uBAAuB,GAAG;AAC9B,MAAM,QAAQ;AACd,MAAM;AACN,QAAQ,SAAS,EAAE,cAAc;AACjC,QAAQ,UAAU,EAAE,aAAa;AACjC,QAAQ,GAAG;AACX,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG,IAAI;AACf,QAAQ;AACR;AACA,KAAK;AACL;AACA,CAAC;AACDD,YAAU,CAAC,WAAW,GAAG,YAAY;;;;;;ACM9B,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAgC,KAAA;AACvD,IAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACzC,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAA,EAAU,iBAAiB,QAAQ;AAAA,KACrC;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,IAAA,CAAK,kBAAkB;AAAA,KACvC,CAAA;AAED,IAAA,MAAM,OAAU,GAAA,EAAA,CAAG,MAAO,CAAA,aAAa,GAAG,SAAS,CAAA;AACnD,IACE,uBAAA,GAAA;AAAA,MAACE,YAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QAClB,SAAW,EAAA,OAAA;AAAA,QACV,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}
+{"version":3,"file":"LinkButton.js","sources":["../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport styles from \"./LinkButton.module.scss\";\nimport linkStyles from \"../Link/internal/Link.module.scss\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Link component.\n * @extends CoreLinkButtonProps\n * @extends DataTrackingId\n */\nexport type LinkButtonProps = Omit<\n  ComponentPropsWithoutRef<\"button\">,\n  \"type\" | \"disabled\"\n> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the LinkButton.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Only available when appearance is \"primary\".\n         */\n        quiet?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be quiet.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        quiet?: false;\n      }\n  ) &\n  DataTrackingId;\n\nexport const LinkButton = forwardRef(\n  (props: LinkButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      appearance: props.appearance,\n      quiet: props.quiet,\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      appearance = \"primary\",\n      quiet,\n      style,\n      ...rest\n    } = componentProps;\n\n    const linkClassNames = cx(\n      [linkStyles[\"link\"]],\n      styles[\"link-button\"],\n      className,\n      {\n        [linkStyles[\"quiet\"]]: quiet,\n        [linkStyles[\"secondary\"]]: appearance === \"secondary\",\n      },\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        className={linkClassNames}\n        data-anv=\"link-button\"\n        ref={ref}\n        style={styleCombined}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n"],"names":[],"mappings":";;;;;;;;;;;;AA+CO,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAgC,KAAA;AACvD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAa,GAAA,SAAA;AAAA,MACb,KAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,cAAA;AAEJ,IAAA,MAAM,cAAiB,GAAA,EAAA;AAAA,MACrB,CAAC,UAAW,CAAA,MAAM,CAAC,CAAA;AAAA,MACnB,OAAO,aAAa,CAAA;AAAA,MACpB,SAAA;AAAA,MACA;AAAA,QACE,CAAC,UAAA,CAAW,OAAO,CAAC,GAAG,KAAA;AAAA,QACvB,CAAC,UAAA,CAAW,WAAW,CAAC,GAAG,UAAe,KAAA;AAAA;AAC5C,KACF;AAEA,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,cAAA;AAAA,QACX,UAAS,EAAA,aAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAO,EAAA,aAAA;AAAA,QACP,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}