@servicetitan/anvil2 3.0.1 → 3.0.2

package/dist/InteractiveCard-CnW0m_F-.js

@@ -1,87 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { C as Card } from './Card-DSFuXUGk.js';
-import { c as cx } from './index-De1g9FRV.js';
-
-import './InteractiveCard.css';const styles = {
-	"card-wrapper": "_card-wrapper_1ygty_4",
-	"card-action": "_card-action_1ygty_16",
-	"bg-stronger": "_bg-stronger_1ygty_32",
-	"bg-strong": "_bg-strong_1ygty_32",
-	"card-content": "_card-content_1ygty_43"
-};
-
-const InteractiveCard = forwardRef(
-  (props, ref) => {
-    const {
-      wrapperProps,
-      actionProps,
-      contentProps = {},
-      children,
-      "data-interactive": dataInteractive
-    } = props;
-    const {
-      "aria-label": ariaLabel,
-      className: wrapperClassName,
-      style: wrapperStyle,
-      ...restWrapperProps
-    } = wrapperProps;
-    const { "aria-label": actionAriaLabel, ...restActionProps } = actionProps;
-    const {
-      padding = "medium",
-      background,
-      className: contentClassName,
-      ...restContentProps
-    } = contentProps;
-    const actionClassNames = cx(styles["card-action"], {
-      [styles[`bg-${background}`]]: !!background
-    });
-    const contentClassNames = cx(styles["card-content"], contentClassName);
-    const wrapperClassNames = cx(styles["card-wrapper"], wrapperClassName);
-    const isLink = "href" in restActionProps;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...restWrapperProps,
-        role: "group",
-        "aria-label": ariaLabel,
-        className: wrapperClassNames,
-        style: wrapperStyle,
-        ref,
-        children: [
-          isLink ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              ...restActionProps,
-              "aria-label": actionAriaLabel,
-              className: actionClassNames,
-              "data-interactive": dataInteractive
-            }
-          ) : /* @__PURE__ */ jsx(
-            "button",
-            {
-              ...restActionProps,
-              "aria-label": actionAriaLabel,
-              className: actionClassNames,
-              "data-interactive": dataInteractive,
-              type: "button"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Card,
-            {
-              padding,
-              className: contentClassNames,
-              ...restContentProps,
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-InteractiveCard.displayName = "InteractiveCard";
-
-export { InteractiveCard as I };
-//# sourceMappingURL=InteractiveCard-CnW0m_F-.js.map

package/dist/InteractiveCard-CnW0m_F-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InteractiveCard-CnW0m_F-.js","sources":["../src/beta/components/InteractiveCard/InteractiveCard.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  InteractiveCardProps,\n  ActionLinkProps,\n  ActionButtonProps,\n} from \"./types\";\nimport { Card } from \"../../../components/Card\";\n\nimport cx from \"classnames\";\nimport styles from \"./InteractiveCard.module.scss\";\n\n/**\n * InteractiveCard component for creating clickable cards with nested interactive elements.\n *\n * Features:\n * - Clickable card area that can be a button or link\n * - Supports nested interactive elements without accessibility violations\n * - Uses sibling structure with pointer-events to avoid nested button issues\n * - Box-shadow feedback on hover and focus of any interactive element\n * - Full keyboard accessibility with proper focus management\n * - Touch-friendly with mobile support\n * - Customizable padding and background variants via contentProps\n * - WCAG AA 2.2 compliant\n * - Required ARIA labels for screen reader support\n * - Supports all Card props for styling and layout via contentProps\n *\n * @example\n * // Button card with nested actions\n * <InteractiveCard\n *   wrapperProps={{ \"aria-label\": \"Kitchen Measurement 2 card\" }}\n *   actionProps={{\n *     \"aria-label\": \"Expand Kitchen Measurement 2\",\n *     onClick: handleExpand,\n *   }}\n *   contentProps={{ padding: \"large\" }}\n * >\n *   <Text variant=\"headline\">Kitchen Measurement 2</Text>\n *   <Button>Exact Size</Button>\n *   <Button>Block Size</Button>\n * </InteractiveCard>\n *\n * @example\n * // Link card with nested actions\n * <InteractiveCard\n *   wrapperProps={{ \"aria-label\": \"Tommy Lee's Project card\" }}\n *   actionProps={{\n *     \"aria-label\": \"Navigate to Tommy Lee's Project\",\n *     href: \"/project/123\",\n *   }}\n *   contentProps={{ padding: \"large\" }}\n * >\n *   <Text variant=\"headline\">Tommy Lee's Project</Text>\n *   <IconButton icon={Edit} onClick={(e) => {\n *     e.preventDefault();\n *     handleEdit();\n *   }} />\n * </InteractiveCard>\n */\nexport const InteractiveCard = forwardRef<HTMLDivElement, InteractiveCardProps>(\n  (props, ref) => {\n    const {\n      wrapperProps,\n      actionProps,\n      contentProps = {},\n      children,\n      \"data-interactive\": dataInteractive,\n    } = props as InteractiveCardProps & {\n      \"data-interactive\"?: string;\n    };\n\n    // Destructure className and style from wrapperProps to merge with internal values\n    const {\n      \"aria-label\": ariaLabel,\n      className: wrapperClassName,\n      style: wrapperStyle,\n      ...restWrapperProps\n    } = wrapperProps;\n\n    // Destructure aria-label from actionProps\n    const { \"aria-label\": actionAriaLabel, ...restActionProps } = actionProps;\n\n    // Destructure contentProps\n    const {\n      padding = \"medium\",\n      background,\n      className: contentClassName,\n      ...restContentProps\n    } = contentProps;\n\n    const actionClassNames = cx(styles[\"card-action\"], {\n      [styles[`bg-${background}`]]: !!background,\n    });\n\n    const contentClassNames = cx(styles[\"card-content\"], contentClassName);\n\n    const wrapperClassNames = cx(styles[\"card-wrapper\"], wrapperClassName);\n\n    // Determine the interactive element type based on href presence\n    const isLink = \"href\" in restActionProps;\n\n    return (\n      <div\n        {...restWrapperProps}\n        role=\"group\"\n        aria-label={ariaLabel}\n        className={wrapperClassNames}\n        style={wrapperStyle}\n        ref={ref}\n      >\n        {/* Interactive layer (button or link) - provides background and hover effects */}\n        {isLink ? (\n          <a\n            {...(restActionProps as ActionLinkProps)}\n            aria-label={actionAriaLabel}\n            className={actionClassNames}\n            data-interactive={dataInteractive}\n          />\n        ) : (\n          <button\n            {...(restActionProps as ActionButtonProps)}\n            aria-label={actionAriaLabel}\n            className={actionClassNames}\n            data-interactive={dataInteractive}\n            type=\"button\"\n          />\n        )}\n\n        {/* Content layer - transparent card with padding */}\n        <Card\n          padding={padding}\n          className={contentClassNames}\n          {...restContentProps}\n        >\n          {children}\n        </Card>\n      </div>\n    );\n  },\n);\n\nInteractiveCard.displayName = \"InteractiveCard\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AA0DO,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,YAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAe,EAAC;AAAA,MAChB,QAAA;AAAA,MACA,kBAAA,EAAoB;AAAA,KACtB,GAAI,KAAA;AAKJ,IAAA,MAAM;AAAA,MACJ,YAAA,EAAc,SAAA;AAAA,MACd,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,YAAA;AAAA,MACP,GAAG;AAAA,KACL,GAAI,YAAA;AAGJ,IAAA,MAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,GAAG,iBAAgB,GAAI,WAAA;AAG9D,IAAA,MAAM;AAAA,MACJ,OAAA,GAAU,QAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,gBAAA;AAAA,MACX,GAAG;AAAA,KACL,GAAI,YAAA;AAEJ,IAAA,MAAM,gBAAA,GAAmB,EAAA,CAAG,MAAA,CAAO,aAAa,CAAA,EAAG;AAAA,MACjD,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA,KACjC,CAAA;AAED,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,gBAAgB,CAAA;AAErE,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,gBAAgB,CAAA;AAGrE,IAAA,MAAM,SAAS,MAAA,IAAU,eAAA;AAEzB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,gBAAA;AAAA,QACJ,IAAA,EAAK,OAAA;AAAA,QACL,YAAA,EAAY,SAAA;AAAA,QACZ,SAAA,EAAW,iBAAA;AAAA,QACX,KAAA,EAAO,YAAA;AAAA,QACP,GAAA;AAAA,QAGC,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACE,GAAI,eAAA;AAAA,cACL,YAAA,EAAY,eAAA;AAAA,cACZ,SAAA,EAAW,gBAAA;AAAA,cACX,kBAAA,EAAkB;AAAA;AAAA,WACpB,mBAEA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACE,GAAI,eAAA;AAAA,cACL,YAAA,EAAY,eAAA;AAAA,cACZ,SAAA,EAAW,gBAAA;AAAA,cACX,kBAAA,EAAkB,eAAA;AAAA,cAClB,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,0BAIF,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA,SAAA,EAAW,iBAAA;AAAA,cACV,GAAG,gBAAA;AAAA,cAEH;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/NumberField-DJbdyatF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberField-DJbdyatF.js","sources":["../../hammer-icon/mdi/round/add.svg","../../hammer-icon/mdi/round/remove.svg","../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (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 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgRemove = (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 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgRemove;\n","import {\n  ReactElement,\n  forwardRef,\n  isValidElement,\n  ComponentPropsWithoutRef,\n  useId,\n  useRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Spinner } from \"../Spinner\";\nimport textFieldStyles from \"../TextField/TextField.module.scss\";\nimport numberFieldStyles from \"./NumberField.module.scss\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { LayoutUtilProps, Size, DataTrackingId } from \"../../types\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport IconAdd from \"@servicetitan/hammer-icon/mdi/round/add.svg\";\nimport IconRemove from \"@servicetitan/hammer-icon/mdi/round/remove.svg\";\nimport {\n  useFocusWithin,\n  useLayoutPropsUtil,\n  useNumberField,\n} from \"../../internal/hooks\";\nimport {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../internal/functions\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the NumberField component.\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"type\" | \"inputMode\" | \"value\" | \"defaultValue\" | \"onFocus\" | \"onBlur\" | \"onChange\">\n * @extends LayoutUtilProps\n * @extends FieldLabelProps\n * @extends DataTrackingId\n */\nexport type NumberFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  | \"size\"\n  | \"prefix\"\n  | \"type\"\n  | \"inputMode\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"onFocus\"\n  | \"onBlur\"\n  | \"onChange\"\n> &\n  LayoutUtilProps &\n  FieldLabelProps & {\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    // TODO(v4.0.0): make label required\n    /**\n     * Label for the field.\n     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.\n     */\n    label?: string;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * Requires `label` to be set — the label is always needed for accessibility.\n     * @default false\n     */\n    hideLabel?: boolean;\n    prefix?: string;\n    suffix?: string;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    description?: HelperProps[\"description\"];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    loading?: boolean;\n    disabled?: boolean;\n    minValue?: number;\n    maxValue?: number;\n    maximumFractionDigits?: number;\n    minimumFractionDigits?: number;\n    step?: number;\n    value?: number | null;\n    defaultValue?: number | null;\n    onChange?: (value: number | null) => void;\n    onFocus?: (event: React.FocusEvent) => void;\n    onBlur?: (event: React.FocusEvent) => void;\n    hideControls?: boolean;\n  } & DataTrackingId;\n\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: _errorAriaLive,\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      required,\n      onChange: onChangeProp,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      id: idProp,\n      description,\n      hint,\n      warning,\n      loading,\n      disabled,\n      readOnly,\n      labelProps,\n      style,\n      placeholder,\n      minValue,\n      maxValue,\n      maximumFractionDigits = 0,\n      minimumFractionDigits = 0,\n      step = 1,\n      hideControls = false,\n      hideLabel = false,\n      ...rest\n    } = componentProps;\n    const numberFieldRef = useRef<HTMLDivElement>(null);\n\n    const { props: wrapperProps } = useFocusWithin({\n      onFocus: (e) => {\n        onFocusProp?.(e);\n      },\n      onBlur: (e) => {\n        onBlurProp?.(e);\n      },\n    });\n\n    const { inputProps, inputRef, incrementButtonProps, decrementButtonProps } =\n      useNumberField({\n        minValue,\n        maxValue,\n        maximumFractionDigits,\n        minimumFractionDigits,\n        step,\n        value: valueProp,\n        defaultValue: defaultValueProp,\n        onChange: onChangeProp,\n        label,\n      });\n\n    const combinedInputRef = useMergeRefs([numberFieldRef, inputRef, ref]);\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n    const prefixUid = useId();\n    const suffixUid = useId();\n    const helperUid = useId();\n    const moreInfoUid = useId();\n\n    warnDeprecatedErrorUsage(\"NumberField\", error);\n\n    // TODO(v4.0.0): remove once label is required\n    if (label === undefined) {\n      warnOnce(\n        \"NumberField: label will be required in v4.0.0. Use hideLabel to visually hide the label.\",\n      );\n    }\n\n    const errorMessages =\n      typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n    const hasHelperText = hint || errorMessages || warning || description;\n\n    const ariaDescribedBy =\n      [hasHelperText && helperUid, moreInfo && moreInfoUid]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const data = {\n      label: childrenToString(props.label),\n      prefix: childrenToString(props.prefix),\n      suffix: childrenToString(props.suffix),\n      description: childrenToString(props.description),\n      size: props.size,\n      minValue: props.minValue,\n      maxValue: props.maxValue,\n      step: props.step,\n      maximumFractionDigits: props.maximumFractionDigits,\n      minimumFractionDigits: props.minimumFractionDigits,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"NumberField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <div\n        className={cx(textFieldStyles[\"textfield\"], className)}\n        data-anv=\"number-field\"\n        style={styleCombined}\n        {...wrapperProps}\n      >\n        {/* TODO(v4.0.0): simplify to !hideLabel once label is required */}\n        {label && !hideLabel && (\n          <FieldLabel\n            moreInfo={moreInfo}\n            moreInfoId={moreInfo ? moreInfoUid : undefined}\n            required={required}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cx(textFieldStyles[\"input-wrapper\"], {\n            [textFieldStyles[\"small\"]]: size === \"small\",\n            [textFieldStyles[\"large\"]]: size === \"large\",\n            [numberFieldStyles[\"small\"]]: size === \"small\",\n            [numberFieldStyles[\"large\"]]: size === \"large\",\n          })}\n          role=\"presentation\"\n          onClick={() => numberFieldRef.current?.focus()}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={textFieldStyles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(textFieldStyles[\"input\"], {\n              [textFieldStyles[\"error\"]]: error,\n            })}\n            data-tracking-id={trackingId}\n            {...rest}\n            {...inputProps}\n            required={required}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={combinedInputRef}\n            aria-label={\n              // TODO(v4.0.0): remove typeof check — label will always be string\n              hideLabel && typeof label === \"string\"\n                ? stripInlineMarkdown(label)\n                : label\n                  ? undefined\n                  : placeholder\n            }\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div\n              className={textFieldStyles[\"loading-spinner-wrapper\"]}\n              data-testid=\"spinner\"\n            >\n              <Spinner size=\"small\" />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={textFieldStyles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n          {!hideControls && !disabled && !readOnly && (\n            <div className={numberFieldStyles[\"stepper-buttons\"]}>\n              <Button\n                appearance=\"secondary\"\n                size=\"small\"\n                className={numberFieldStyles[\"stepper-button\"]}\n                {...decrementButtonProps}\n              >\n                <Icon svg={IconRemove} />\n              </Button>\n              <Button\n                appearance=\"secondary\"\n                size=\"small\"\n                className={numberFieldStyles[\"stepper-button\"]}\n                {...incrementButtonProps}\n              >\n                <Icon svg={IconAdd} />\n              </Button>\n            </div>\n          )}\n        </div>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            showCounter={false}\n            error={\n              typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n                ? errorMessages\n                : undefined\n            }\n            warning={warning}\n            errorMessage={\n              isValidElement(errorMessages) ? errorMessages : undefined\n            }\n            description={description}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNumberField.displayName = \"NumberField\";\n"],"names":["IconRemove","IconAdd"],"mappings":"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"}

package/dist/ToolbarButtonToggle--2Ka05N8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButtonToggle--2Ka05N8.js","sources":["../src/beta/components/Toolbar/internal/ToolbarContext.tsx","../src/beta/components/Toolbar/internal/utils/accessibility.ts","../src/beta/components/Toolbar/internal/ToolbarItemWrapper.tsx","../src/beta/components/Toolbar/internal/ToolbarItemOverflowContext.tsx","../src/beta/components/Toolbar/ToolbarButtonToggle.tsx"],"sourcesContent":["import { createContext, RefObject, useContext } from \"react\";\nimport { ToolbarItemProps, ToolbarOverflowTypes, ToolbarSize } from \"../types\";\n\n/**\n * Context for sharing toolbar state with child components\n */\nexport type ToolbarContextProps = {\n  /**\n   * Array of toolbar items that should appear in the overflow menu\n   */\n  overflowItems: ToolbarItemProps[];\n  /**\n   * Function to add an item to the overflow menu\n   */\n  addItem: (element: ToolbarItemProps) => void;\n  /**\n   * Function to remove an item from the overflow menu\n   */\n  removeItem: (element: ToolbarItemProps) => void;\n  /**\n   * Reference to the toolbar container element\n   */\n  toolbarRef: RefObject<HTMLDivElement>;\n  /**\n   * Array of item IDs in their original order\n   */\n  orderedIds?: string[];\n  /**\n   * Overflow behavior type (wrap or collapse)\n   */\n  overflow: ToolbarOverflowTypes;\n  /**\n   * Size of toolbar child components\n   */\n  size: ToolbarSize;\n};\n\n/**\n * Context for managing toolbar state including overflow and size\n */\nexport const ToolbarContext = createContext<ToolbarContextProps>({\n  overflowItems: [],\n  addItem: () => {\n    return;\n  },\n  removeItem: () => {\n    return;\n  },\n  toolbarRef: { current: null },\n  orderedIds: [],\n  overflow: \"wrap\",\n  size: \"xsmall\",\n});\n\n/**\n * Hook to access the toolbar size from context\n * @returns The current toolbar size\n */\nexport const useToolbarSize = (): ToolbarSize =>\n  useContext(ToolbarContext).size;\n","import { KeyboardEvent } from \"react\";\nimport { getKeyboardFocusableElements } from \"../../../../../internal/functions\";\n\n/**\n * Gets all visible focusable elements for a specific toolbar instance.\n * Filters out hidden items and includes the overflow trigger if present.\n */\nexport function getToolbarElements(toolbarElement: HTMLElement) {\n  const toolbarContent = toolbarElement.querySelector<HTMLElement>(\n    '[data-anv=\"toolbar-content\"]',\n  );\n\n  const mainItems = getKeyboardFocusableElements(toolbarContent).filter(\n    (item) => {\n      // Only include visible items that are explicitly marked as toolbar items\n      const isHidden = !item.closest('[aria-hidden=\"true\"]');\n      const isInDrawer = !item.closest('[data-anv=\"filter-group-drawer\"]');\n      const isInPopover = !item.closest('[data-anv=\"popover-content\"]');\n      return isHidden && isInDrawer && isInPopover;\n    },\n  );\n\n  const overflowTrigger = toolbarElement.querySelector<HTMLElement>(\n    '[data-anv=\"toolbar-overflow-trigger\"]',\n  );\n\n  return overflowTrigger ? [...mainItems, overflowTrigger] : mainItems;\n}\n\n/**\n * Updates tabindex values for all items in a toolbar.\n * Sets tabindex=\"0\" for the active item and tabindex=\"-1\" for all others.\n */\nexport function updateToolbarItemsTabIndex(\n  toolbarElement: HTMLElement,\n  activeItem?: Element | number,\n) {\n  if (!toolbarElement) return;\n\n  // Get all toolbar items\n  const items = getToolbarElements(toolbarElement);\n  if (!items.length) return;\n\n  // Determine the active index - default to the first item\n  let activeIndex = 0;\n\n  if (typeof activeItem === \"number\") {\n    // If activeItem is a number, use it directly\n    activeIndex = Math.max(0, Math.min(activeItem, items.length - 1));\n  } else if (activeItem instanceof Element) {\n    // If activeItem is an element, find its index\n    const foundIndex = items.indexOf(activeItem);\n    if (foundIndex !== -1) {\n      activeIndex = foundIndex;\n    }\n  }\n\n  // Update tabindex values\n  items.forEach((item, index) => {\n    item.setAttribute(\"tabindex\", index === activeIndex ? \"0\" : \"-1\");\n  });\n\n  return items[activeIndex];\n}\n\n/**\n * Handles keyboard navigation within the toolbar component following ARIA practices.\n *\n * Navigation behavior:\n * - Left/Right arrows move focus in horizontal toolbars\n * - Up/Down arrows move focus in vertical toolbars\n * - Home/End move to first/last items\n * - Navigation wraps around at the ends\n * - Only visible items are included in navigation\n */\nexport function handleToolbarKeyDown(\n  event: KeyboardEvent<HTMLElement>,\n  toolbarElement: HTMLElement,\n) {\n  if (!toolbarElement || event.altKey || event.ctrlKey || event.metaKey) return;\n\n  const items = getToolbarElements(toolbarElement);\n  if (!items.length) return;\n\n  const activeElement = event.target as HTMLElement;\n  if (!toolbarElement.contains(activeElement)) return;\n\n  const activeItem = items.find(\n    (item) =>\n      item === activeElement ||\n      Array.from(item.children).some((child) => child === activeElement),\n  );\n\n  const activeIndex = activeItem ? items.indexOf(activeItem) : -1;\n  if (activeIndex === -1) return;\n\n  let nextIndex = activeIndex;\n  const isVertical =\n    toolbarElement.getAttribute(\"aria-orientation\") === \"vertical\";\n\n  switch (event.key) {\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      event.preventDefault();\n      if (\n        (isVertical && event.key === \"ArrowUp\") ||\n        (!isVertical && event.key === \"ArrowLeft\")\n      ) {\n        nextIndex = activeIndex <= 0 ? items.length - 1 : activeIndex - 1;\n      }\n      break;\n\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      event.preventDefault();\n      if (\n        (isVertical && event.key === \"ArrowDown\") ||\n        (!isVertical && event.key === \"ArrowRight\")\n      ) {\n        nextIndex = activeIndex >= items.length - 1 ? 0 : activeIndex + 1;\n      }\n      break;\n\n    case \"Home\":\n      event.preventDefault();\n      nextIndex = 0;\n      break;\n\n    case \"End\":\n      event.preventDefault();\n      nextIndex = items.length - 1;\n      break;\n\n    default:\n      return;\n  }\n\n  updateToolbarItemsTabIndex(toolbarElement, nextIndex);\n  (items[nextIndex] as HTMLElement)?.focus();\n}\n\n/**\n * Handles keyboard navigation within overflow menu using arrow keys\n */\nexport const handleMenuKeyboardNavigation = (\n  event: KeyboardEvent<HTMLUListElement>,\n) => {\n  const menuItems = Array.from(\n    event.currentTarget.querySelectorAll('[role=\"menuitem\"]'),\n  ).map((menuItem) => {\n    // Get first focusable element or fallback to menuitem itself\n    return getKeyboardFocusableElements(menuItem as HTMLElement)[0] || menuItem;\n  });\n\n  if (!menuItems.length) return;\n\n  const currentIndex = menuItems.indexOf(document.activeElement as HTMLElement);\n  if (currentIndex === -1) return;\n\n  let nextIndex = currentIndex;\n  const isModifierKey = event.altKey || event.ctrlKey || event.metaKey;\n\n  if (isModifierKey) return;\n\n  switch (event.key) {\n    case \"ArrowDown\":\n    case \"ArrowUp\": {\n      event.preventDefault();\n      const direction = event.key === \"ArrowDown\" ? 1 : -1;\n      nextIndex =\n        (currentIndex + direction + menuItems.length) % menuItems.length;\n      break;\n    }\n    case \"Home\":\n      event.preventDefault();\n      nextIndex = 0;\n      break;\n    case \"End\":\n      event.preventDefault();\n      nextIndex = menuItems.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  (menuItems[nextIndex] as HTMLElement)?.focus();\n};\n","import { useContext, useEffect, useId, useRef, useCallback } from \"react\";\nimport { ToolbarItemProps } from \"../types\";\nimport { ToolbarContext } from \"./ToolbarContext\";\nimport { useIntersectionObserver } from \"../../../../internal/hooks\";\nimport { updateToolbarItemsTabIndex } from \"./utils/accessibility\";\n\nimport cx from \"classnames\";\nimport styles from \"../Toolbar.module.scss\";\n\n/**\n * Props for the ToolbarItemWrapper component\n */\nexport type ToolbarItemWrapperProps = {\n  /**\n   * Toolbar item configuration without ID (ID is generated internally)\n   */\n  item: Omit<ToolbarItemProps, \"id\">;\n  /**\n   * The toolbar item component to wrap\n   */\n  children: React.ReactNode;\n  /** Optional override for the intersection observer root element */\n  observerRoot?: Element | null;\n  /** Optional override for visibility change handling */\n  onVisibilityChange?: (isVisible: boolean) => void;\n  /** Optional margin offset for the intersection observer root */\n  rootMargin?: string;\n  /** Optional class name to apply to the wrapper element */\n  className?: string;\n};\n\n/**\n * ToolbarItemWrapper manages item visibility and focus behavior within a toolbar.\n *\n * Features:\n * - Intersection observation for overflow detection\n * - Automatic overflow menu integration in collapse mode\n * - Focus management and keyboard navigation\n * - ARIA compliance for accessibility\n * - Visibility state management\n * - Proper tab index handling\n * - Context integration with toolbar state\n *\n * @example\n * <ToolbarItemWrapper item={{ itemType: \"button\", itemProps: buttonProps }}>\n *   <ToolbarButton {...buttonProps} />\n * </ToolbarItemWrapper>\n */\nexport const ToolbarItemWrapper = ({\n  item,\n  children,\n  observerRoot,\n  onVisibilityChange,\n  rootMargin,\n  className,\n}: ToolbarItemWrapperProps) => {\n  const { addItem, removeItem, toolbarRef, overflow } =\n    useContext(ToolbarContext);\n  const itemId = useId();\n  const elementRef = useRef<HTMLDivElement | null>(null);\n  const isCollapseMode = overflow === \"collapse\";\n  const prevIntersectingRef = useRef<boolean>(true); // Start as visible\n\n  /**\n   * Handles visibility changes from intersection observer in collapse mode\n   * In collapse mode:\n   * - When item becomes visible, removes it from overflow menu\n   * - When item becomes hidden, adds it to overflow menu\n   */\n  const handleVisibilityChange = useCallback(\n    (isVisible: boolean) => {\n      if (!isCollapseMode || prevIntersectingRef.current === isVisible) return;\n\n      if (onVisibilityChange) {\n        onVisibilityChange(isVisible);\n      } else if (item) {\n        const itemWithId = { ...item, id: itemId };\n        if (isVisible) {\n          removeItem(itemWithId);\n        } else {\n          addItem(itemWithId);\n        }\n      }\n      prevIntersectingRef.current = isVisible;\n    },\n    [isCollapseMode, onVisibilityChange, item, itemId, addItem, removeItem],\n  );\n\n  const { isIntersecting, ref } = useIntersectionObserver({\n    root: isCollapseMode ? (observerRoot ?? toolbarRef.current) : null,\n    threshold: 1,\n    initialIsIntersecting: true, // Start as visible\n    onChange: handleVisibilityChange,\n    rootMargin,\n  });\n\n  const setRefCallback = useCallback(\n    (node: HTMLDivElement | null) => {\n      elementRef.current = node;\n      // Only set up intersection observer in collapse mode\n      if (isCollapseMode) {\n        ref(node);\n      }\n    },\n    [ref, isCollapseMode],\n  );\n\n  /**\n   * Manages focus behavior between toolbar items using accessibility utils\n   * - Uses updateToolbarItemsTabIndex to manage focus state\n   * - Ensures proper keyboard navigation support\n   * - Maintains ARIA compliance for focus management\n   */\n  const handleFocusOrClick = useCallback(() => {\n    if (!toolbarRef.current || !elementRef.current) return;\n\n    const currentElement = elementRef.current.querySelector(\"button, a, input\");\n    if (!currentElement) return;\n\n    updateToolbarItemsTabIndex(toolbarRef.current, currentElement);\n  }, [toolbarRef]);\n\n  // Set up focus management\n  useEffect(() => {\n    const interactiveEl = elementRef.current?.querySelector(\"button, a, input\");\n    if (!interactiveEl) return;\n\n    interactiveEl.addEventListener(\"focus\", handleFocusOrClick);\n    interactiveEl.addEventListener(\"click\", handleFocusOrClick);\n\n    return () => {\n      interactiveEl.removeEventListener(\"focus\", handleFocusOrClick);\n      interactiveEl.removeEventListener(\"click\", handleFocusOrClick);\n    };\n  }, [handleFocusOrClick]);\n\n  const toolbarItemClassName = cx(styles[\"toolbar-item\"], className);\n  const isHidden = isCollapseMode && !isIntersecting;\n\n  return (\n    <div\n      ref={setRefCallback}\n      className={toolbarItemClassName}\n      style={{ visibility: isHidden ? \"hidden\" : \"visible\" }}\n      aria-hidden={isHidden}\n      {...{ inert: isHidden ? \"\" : undefined }}\n      data-id={itemId}\n      data-anv=\"toolbar-item\"\n    >\n      {children}\n    </div>\n  );\n};\n","import { createContext, useContext } from \"react\";\n\n/**\n * Context for denoting if the current item is rendered in the overflow menu\n */\ntype OverflowItemContextType = {\n  /**\n   * Whether the current item is rendered inside the overflow menu\n   */\n  isInOverflowMenu: boolean;\n};\n\n/**\n * Context for managing overflow menu state\n */\nexport const OverflowItemContext = createContext<OverflowItemContextType>({\n  isInOverflowMenu: false,\n});\n\n/**\n * Hook for accessing overflow menu context\n * @returns OverflowItemContextType - The overflow menu context\n */\nexport const useOverFlowItemContext = () => useContext(OverflowItemContext);\n","import { forwardRef } from \"react\";\nimport ButtonToggle, {\n  ButtonToggleProps,\n} from \"../../../components/ButtonToggle\";\nimport { WithAriaLabelEnforcement } from \"./types\";\nimport { DataTrackingId } from \"../../../types\";\nimport { useOverFlowItemContext } from \"./internal/ToolbarItemOverflowContext\";\nimport Tooltip from \"../../../components/Tooltip\";\nimport { ToolbarItemWrapper } from \"./internal/ToolbarItemWrapper\";\nimport { useTrackingId } from \"../../../hooks\";\nimport { useToolbarSize } from \"./internal/ToolbarContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./Toolbar.module.scss\";\n\n/**\n * Base props for the ToolbarButtonToggle component\n * @extends Omit<ButtonToggleProps, \"aria-label\" | \"children\">\n */\ntype ToolbarButtonToggleBaseProps = Omit<\n  ButtonToggleProps,\n  \"aria-label\" | \"children\"\n> & {\n  /**\n   * Is this toolbar control a filter?\n   */\n  isFilter?: boolean;\n};\n\n/**\n * Props for the ToolbarButtonToggle component\n * @extends WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps>\n */\nexport type ToolbarButtonToggleProps =\n  WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps> & DataTrackingId;\n\n/**\n * ToolbarButtonToggle component for toggleable actions within a toolbar.\n *\n * Features:\n * - Toggle state management (on/off)\n * - Designed specifically for toolbar integration\n * - Consistent styling with other toolbar items\n * - Automatic tooltip for icon-only toggles\n * - Overflow menu support\n * - Accessibility enforcement for aria-labels\n * - Visual feedback for toggle state\n * - Proper ARIA attributes for toggle semantics\n *\n * @example\n * <ToolbarButtonToggle icon={BoldIcon} aria-label=\"Bold\" checked={isBold} />\n *\n * @example\n * <ToolbarButtonToggle checked={isItalic}>\n *   Italic\n * </ToolbarButtonToggle>\n */\nexport const ToolbarButtonToggle = forwardRef<\n  HTMLButtonElement,\n  ToolbarButtonToggleProps\n>((props, _ref) => {\n  const { className, children, isFilter, ...rest } = props;\n\n  // Checks if this component is rendered inside the overflow menu and fallbacks when the context is unavailable\n  const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};\n  const size = useToolbarSize();\n\n  const trackingId = useTrackingId({\n    name: \"ToolbarButtonToggle\",\n    data: {\n      checked: props.checked,\n      disabled: props.disabled,\n      \"aria-label\": props[\"aria-label\"],\n      children: props.children,\n    },\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const buttonToggleClassNames = cx(\n    className,\n    styles[\"toolbar-button-item\"],\n    styles[\"toolbar-button-toggle-item\"],\n  );\n\n  const item = children ? (\n    <ButtonToggle\n      data-tracking-id={trackingId}\n      size={size}\n      data-anv=\"toolbar-button-toggle\"\n      className={buttonToggleClassNames}\n      {...rest}\n    >\n      {children}\n    </ButtonToggle>\n  ) : (\n    <Tooltip>\n      <Tooltip.Trigger>\n        <ButtonToggle\n          data-tracking-id={trackingId}\n          size={size}\n          data-anv=\"toolbar-button-toggle\"\n          className={buttonToggleClassNames}\n          {...rest}\n        />\n      </Tooltip.Trigger>\n      <Tooltip.Content>{rest[\"aria-label\"]}</Tooltip.Content>\n    </Tooltip>\n  );\n\n  if (isInOverflowMenu || isFilter) {\n    return item;\n  }\n\n  return (\n    <ToolbarItemWrapper item={{ itemProps: props, itemType: \"buttonToggle\" }}>\n      {item}\n    </ToolbarItemWrapper>\n  );\n});\n\nToolbarButtonToggle.displayName = \"ToolbarButtonToggle\";\n"],"names":[],"mappings":"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"}

package/dist/Tooltip-BlStOXN3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-BlStOXN3.js","sources":["../src/components/Tooltip/internal/TooltipContext.ts","../src/components/Tooltip/internal/useTooltipContext.tsx","../src/components/Tooltip/TooltipContent.tsx","../src/components/Tooltip/internal/isNonInteractiveTrigger.ts","../src/components/Tooltip/TooltipTrigger.tsx","../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  CSSProperties,\n  RefObject,\n  createContext,\n} from \"react\";\nimport { Placement } from \"@floating-ui/react-dom\";\n\nimport { TooltipProps } from \"../Tooltip\";\n\n/**\n * Context props for the Tooltip component\n */\nexport type TooltipContextProps = {\n  /**\n   * Unique identifier for the tooltip\n   */\n  tooltipId: string;\n  /**\n   * Function to set the tooltip ID\n   */\n  setTooltipId: Dispatch<SetStateAction<string>>;\n  /**\n   * The trigger element reference\n   */\n  invoker?: HTMLElement;\n  /**\n   * Function to set the trigger element\n   */\n  setInvoker?: Dispatch<SetStateAction<HTMLElement | undefined>>;\n  /**\n   * The tooltip content element reference\n   */\n  popover?: HTMLElement;\n  /**\n   * Function to set the tooltip content element\n   */\n  setTooltip?: Dispatch<SetStateAction<HTMLElement | undefined>>;\n  /**\n   * The root node for the tooltip\n   */\n  rootNode?: HTMLElement;\n  /**\n   * Function to set the root node\n   */\n  setRootNode?: Dispatch<SetStateAction<HTMLElement | undefined>>;\n  /**\n   * The arrow element reference\n   */\n  arrowElement?: HTMLSpanElement;\n  /**\n   * Function to set the arrow element\n   */\n  setArrowElement?: Dispatch<SetStateAction<HTMLSpanElement | undefined>>;\n  /**\n   * Current open state of the tooltip\n   */\n  openState: boolean;\n  /**\n   * Function to set the open state\n   */\n  setOpenState: Dispatch<SetStateAction<boolean>>;\n  /**\n   * Inline styles for the tooltip\n   */\n  tooltipStyle?: CSSProperties;\n  /**\n   * Placement of the tooltip\n   */\n  placement?: Placement;\n  /**\n   * Function to open the tooltip\n   */\n  openTooltip: () => void;\n  /**\n   * Function to close the tooltip\n   */\n  closeTooltip: (replacementFn?: () => void) => void;\n  /**\n   * Whether the tooltip is controlled\n   */\n  controlled: boolean;\n  /**\n   * Whether to disable flip fallback\n   */\n  disableFlipFallback: TooltipProps[\"disableFlipFallback\"];\n  /**\n   * Reference to the arrow element\n   */\n  arrowRef: RefObject<HTMLSpanElement>;\n  /**\n   * Key for resetting the tooltip\n   */\n  resetKey: number;\n};\n\n/**\n * React context for sharing tooltip state and functions between components\n */\nexport const TooltipContext = createContext<TooltipContextProps | null>(null);\n","import { useRef, useContext, useLayoutEffect, KeyboardEvent } from \"react\";\n\nimport { TooltipContext } from \"./TooltipContext\";\n\nexport type dataStateType = \"open\" | \"closed\";\n\n/**\n * Custom hook for managing tooltip context and interactions.\n *\n * Features:\n * - Manages tooltip trigger and content refs\n * - Handles mouse and keyboard interactions\n * - Provides ARIA attributes for accessibility\n * - Manages controlled and uncontrolled states\n * - Handles tooltip positioning and visibility\n * - Provides event handlers for trigger and content\n * - Manages arrow element positioning\n *\n * @returns Object containing tooltip context, refs, and event handlers\n */\nexport function useTooltipContext() {\n  const context = useContext(TooltipContext);\n  const invokerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const arrowRef = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    if (!invokerRef.current) return;\n    context?.setInvoker?.(invokerRef.current);\n    if (!context?.openState) return;\n    if (!context?.controlled) return;\n    context.openTooltip();\n  }, [context, invokerRef]);\n\n  useLayoutEffect(() => {\n    if (!popoverRef.current) return;\n    context?.setTooltip?.(popoverRef.current);\n    context?.setRootNode?.(popoverRef.current.getRootNode() as HTMLElement);\n    if (!arrowRef.current) return;\n    context?.setArrowElement?.(arrowRef.current);\n  }, [context, popoverRef]);\n\n  const onMouseEnterHandler = () => {\n    if (context?.controlled) return;\n    context?.openTooltip();\n  };\n  const onMouseLeaveHandler = () => {\n    if (context?.controlled) return;\n    context?.closeTooltip();\n  };\n\n  const onFocusHandler = () => {\n    if (context?.controlled) return;\n    context?.openTooltip();\n  };\n  const onBlurHandler = () => {\n    if (context?.controlled) return;\n    context?.closeTooltip();\n  };\n\n  const onKeyDownHandler = (e: KeyboardEvent) => {\n    if (!context?.openState) return;\n    if (e.code === \"Escape\" && !context.controlled) {\n      context?.closeTooltip();\n      return;\n    }\n  };\n\n  if (!context || !invokerRef || !popoverRef) return;\n  return {\n    invoker: {\n      ref: invokerRef,\n      element: context.invoker,\n      onMouseEnter: onMouseEnterHandler,\n      onMouseLeave: onMouseLeaveHandler,\n      onKeyDown: onKeyDownHandler,\n      onFocus: onFocusHandler,\n      onBlur: onBlurHandler,\n      \"aria-haspopup\": true,\n      \"aria-details\": context.tooltipId,\n      \"data-state\": context.openState ? \"open\" : (\"closed\" as dataStateType),\n      \"aria-describedby\": context.tooltipId,\n    },\n    tooltip: {\n      ref: popoverRef,\n      element: context.popover,\n      id: context.tooltipId,\n      setId: context.setTooltipId,\n      show: context.openTooltip,\n      close: context.closeTooltip,\n      style: context.tooltipStyle,\n      arrowRef: arrowRef,\n      key: context.resetKey,\n    },\n    setOpen: context.setOpenState,\n    open: context.openState,\n    controlled: context.controlled,\n    placement: context.placement,\n    disableFlipFallback: context.disableFlipFallback,\n  };\n}\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  MouseEvent,\n  KeyboardEvent,\n  useLayoutEffect,\n  useRef,\n  FocusEvent,\n  useContext,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { getKeyboardFocusableElements } from \"../../internal/functions\";\nimport { ThemeProvider } from \"../../providers\";\nimport { ThemeProviderContext } from \"../../providers/ThemeProvider/internal/ThemeProviderContext\";\nimport { useMergeRefs } from \"../../hooks\";\n\nimport { useTooltipContext } from \"./internal/useTooltipContext\";\n\nimport styles from \"./Tooltip.module.scss\";\n\n/**\n * Props for the TooltipContent component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"popover\">\n */\nexport type TooltipContentProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"popover\"\n>;\n\nconst TooltipContentElement = forwardRef<HTMLDivElement, TooltipContentProps>(\n  function TooltipContent(props, ref) {\n    const {\n      children,\n      className,\n      style,\n      onMouseEnter,\n      onMouseLeave,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      id,\n      ...rest\n    } = props;\n    const context = useTooltipContext();\n    const { mode: currentMode } = useContext(ThemeProviderContext);\n    const tooltipClassNames = cx(className, styles[\"content\"]);\n    const childrenRef = useRef<HTMLDivElement>(null);\n    const focusItems = useRef<Element[]>();\n    const combinedStyles = {\n      ...style,\n      ...context?.tooltip.style,\n    };\n\n    // Determine the opposite mode for the tooltip\n    const tooltipMode = currentMode === \"dark\" ? \"light\" : \"dark\";\n\n    // TODO: getFocusableElement is not reliable\n    // Need update!!!!! https://servicetitan.atlassian.net/browse/ANV-2605\n    useLayoutEffect(() => {\n      if (!childrenRef.current) return;\n      const focusElements = getKeyboardFocusableElements(childrenRef.current);\n      focusItems.current = focusElements;\n    }, [childrenRef, children, context?.open]);\n\n    useLayoutEffect(() => {\n      if (id) {\n        context?.tooltip.setId(id);\n      }\n    }, [id, context?.tooltip.setId, context?.tooltip]);\n\n    const onMouseEnterHandler = (e: MouseEvent<HTMLDivElement>) => {\n      onMouseEnter?.(e);\n      if (context?.controlled) return;\n      context?.tooltip.show();\n    };\n    const onMouseLeaveHandler = (e: MouseEvent<HTMLDivElement>) => {\n      onMouseLeave?.(e);\n      if (context?.controlled) return;\n      context?.tooltip.close();\n    };\n    const onFocusHandler = (e: FocusEvent<HTMLDivElement>) => {\n      onFocus?.(e);\n      if (context?.controlled) return;\n      context?.tooltip.show();\n    };\n    const onBlurHandler = (e: FocusEvent<HTMLDivElement>) => {\n      onBlur?.(e);\n      if (context?.controlled) return;\n      context?.tooltip.close();\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (!context?.open) return;\n      if (e.code === \"Escape\") {\n        context?.tooltip.close();\n      }\n    };\n\n    const hasSimpleContent = typeof children === \"string\";\n    const role = hasSimpleContent ? \"tooltip\" : \"region\";\n    const tooltipWrapperRef = useMergeRefs([context?.tooltip.ref, ref]);\n\n    return (\n      <div\n        popover=\"manual\"\n        data-anv=\"tooltip-content\"\n        className={tooltipClassNames}\n        ref={tooltipWrapperRef}\n        style={combinedStyles}\n        onMouseEnter={onMouseEnterHandler}\n        onMouseLeave={onMouseLeaveHandler}\n        onBlur={onBlurHandler}\n        onFocus={onFocusHandler}\n        role={role}\n        id={context?.tooltip.id}\n        {...rest}\n      >\n        <div\n          className={styles.scroller}\n          role=\"presentation\"\n          tabIndex={-1}\n          ref={childrenRef}\n          key={context?.tooltip.key}\n          onKeyDown={onKeyDownHandler}\n        >\n          {hasSimpleContent ? (\n            children\n          ) : (\n            <ThemeProvider mode={tooltipMode} data-anv=\"tooltip-content-theme\">\n              {children}\n            </ThemeProvider>\n          )}\n        </div>\n        <span className={styles[\"arrow\"]} ref={context?.tooltip.arrowRef}>\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\n            <path stroke=\"none\" d=\"M0,0 H14 L7,7 Q7,7 7,7 Z\"></path>\n            <clipPath id=\":r9:\">\n              <rect x=\"0\" y=\"0\" width=\"14\" height=\"14\"></rect>\n            </clipPath>\n          </svg>\n        </span>\n      </div>\n    );\n  },\n);\n\n/**\n * TooltipContent component that displays the tooltip content.\n *\n * Features:\n * - Displays the tooltip content with proper positioning\n * - Includes an arrow pointing to the trigger element\n * - Supports keyboard navigation and escape key to close\n * - Handles mouse interactions for hover behavior\n * - Accessible with proper ARIA roles\n * - Supports all standard div element props\n * - Automatic focus management for keyboard navigation\n * - Real-time position updates\n * - Handles both string and complex content\n *\n * @example\n * <Tooltip.Content>\n *   This tooltip provides helpful context\n * </Tooltip.Content>\n */\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n  function TooltipContent(props, ref) {\n    return <TooltipContentElement {...props} ref={ref} />;\n  },\n);\n","import { isValidElement } from \"react\";\n\nconst INTERACTIVE_ELEMENTS = [\"button\", \"a\", \"input\", \"textarea\", \"select\"];\n\nexport function isNonInteractiveElement(element: React.ReactElement) {\n  if (!isValidElement(element)) return false;\n  const type = element.type as string;\n  return typeof type === \"string\" && !INTERACTIVE_ELEMENTS.includes(type);\n}\n","import {\n  KeyboardEvent,\n  FocusEvent,\n  cloneElement,\n  HTMLProps,\n  forwardRef,\n  ReactElement,\n  isValidElement,\n  useMemo,\n  Fragment,\n  useLayoutEffect,\n  Ref,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId } from \"../../types\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\n\nimport { isNonInteractiveElement } from \"./internal/isNonInteractiveTrigger\";\nimport { useTooltipContext } from \"./internal/useTooltipContext\";\n\nimport styles from \"./Tooltip.module.scss\";\n\n/**\n * Props for the TooltipTrigger component\n * @extends HTMLProps<HTMLElement>\n */\nexport type TooltipTriggerProps = HTMLProps<HTMLElement> & {\n  /**\n   * The element that triggers the tooltip\n   */\n  children: ReactElement;\n} & DataTrackingId;\n\nconst TooltipTriggerElement = forwardRef<HTMLElement, TooltipTriggerProps>(\n  function TooltipTrigger(props, propRef) {\n    const { children, className, onKeyDown, onFocus, onBlur, ...rest } = props;\n    const context = useTooltipContext();\n\n    // verify if the child can accept a ref\n    const childCanAcceptRef = useMemo(\n      () =>\n        isValidElement(children) &&\n        children.type !== Fragment &&\n        typeof children.type !== \"function\",\n      [children],\n    );\n\n    const refs = useMergeRefs([\n      (children as unknown as { ref: Ref<HTMLElement> })?.ref,\n      context?.invoker.ref,\n    ]);\n\n    // either pass to cloned children, or a span if child doesn't accept a ref\n    const childProps = useMemo(() => {\n      const baseProps = {\n        ref: refs,\n        \"aria-haspopup\": context?.invoker[\"aria-haspopup\"],\n        \"aria-details\": context?.invoker[\"aria-details\"],\n        \"data-state\": context?.invoker[\"data-state\"],\n        \"aria-describedby\": context?.invoker[\"aria-describedby\"],\n      };\n\n      if (isNonInteractiveElement(children)) {\n        if (!(\"tabIndex\" in (children.props || {}))) {\n          (baseProps as HTMLProps<HTMLElement>).tabIndex = 0;\n        }\n        if (!(\"role\" in (children.props || {}))) {\n          (baseProps as HTMLProps<HTMLElement>).role = \"button\";\n        }\n      }\n\n      return baseProps;\n    }, [context?.invoker, refs, children]);\n\n    const child = childCanAcceptRef ? (\n      cloneElement(children as ReactElement, childProps)\n    ) : (\n      <span {...childProps}>{children}</span>\n    );\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(e);\n      context?.invoker.onKeyDown(e);\n    };\n\n    const onFocusHandler = (e: FocusEvent<HTMLElement>) => {\n      onFocus?.(e);\n      context?.invoker.onFocus();\n    };\n\n    const onBlurHandler = (e: FocusEvent<HTMLElement>) => {\n      onBlur?.(e);\n      context?.invoker.onBlur();\n    };\n\n    useLayoutEffect(() => {\n      const onMouseEnterHandler = () => {\n        context?.invoker.onMouseEnter();\n      };\n      const onMouseLeaveHandler = () => {\n        context?.invoker.onMouseLeave();\n      };\n      context?.invoker.ref.current?.addEventListener(\n        \"mouseleave\",\n        onMouseLeaveHandler,\n      );\n      context?.invoker.ref.current?.addEventListener(\n        \"mouseenter\",\n        onMouseEnterHandler,\n      );\n      return () => {\n        context?.invoker.ref.current?.removeEventListener(\n          \"mouseleave\",\n          onMouseLeaveHandler,\n        );\n        context?.invoker.ref.current?.removeEventListener(\n          \"mouseenter\",\n          onMouseEnterHandler,\n        );\n      };\n    }, [context?.invoker]);\n\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"TooltipTrigger\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <span\n        className={cx([styles[\"trigger\"]], className)}\n        data-anv=\"tooltip-trigger\"\n        data-tracking-id={trackingId}\n        ref={propRef}\n        onKeyDown={onKeyDownHandler}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        role=\"presentation\"\n        {...rest}\n      >\n        {child}\n      </span>\n    );\n  },\n);\n\n/**\n * TooltipTrigger component that wraps the element that triggers the tooltip.\n *\n * Features:\n * - Wraps any React element to make it a tooltip trigger\n * - Handles mouse and keyboard interactions\n * - Provides proper ARIA attributes for accessibility\n * - Supports all standard HTML element props\n * - Automatically clones child elements with proper refs\n * - Handles both focusable and non-focusable children\n * - Manages mouse enter/leave events for hover behavior\n *\n * @example\n * <Tooltip.Trigger>\n *   <Button>Click me</Button>\n * </Tooltip.Trigger>\n */\nexport const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(\n  function TooltipTrigger(props, propRef) {\n    return <TooltipTriggerElement {...props} ref={propRef} />;\n  },\n);\n","import {\n  ComponentPropsWithoutRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  useMemo,\n  useLayoutEffect,\n  useCallback,\n} from \"react\";\nimport {\n  Placement,\n  UseFloatingOptions,\n  arrow,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  computePosition,\n  autoUpdate,\n} from \"@floating-ui/react\";\n\nimport { safeHidePopover, safeShowPopover } from \"../../internal/functions\";\n\nimport { TooltipContent } from \"./TooltipContent\";\nimport { TooltipContext, TooltipContextProps } from \"./internal/TooltipContext\";\nimport { TooltipTrigger } from \"./TooltipTrigger\";\n\n/**\n * Props for the Tooltip component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type TooltipProps = {\n  /**\n   * The content to be wrapped by the tooltip\n   */\n  children?: ComponentPropsWithoutRef<\"div\">[\"children\"];\n  /**\n   * Unique identifier for the tooltip\n   */\n  id?: ComponentPropsWithoutRef<\"div\">[\"id\"];\n  /**\n   * Disables the shift of floating element\n   * @internal\n   */\n  disableShift?: boolean;\n  /**\n   * Disables the flip of floating element\n   * @internal\n   */\n  disableFlip?: boolean;\n  /**\n   * Disables the flip cross-axis fallback of floating element\n   * @internal\n   */\n  disableFlipFallback?: boolean;\n  /**\n   * Changes interaction to use hover\n   */\n  openOnHover?: boolean;\n  /**\n   * Changes height and positioning for select/combobox\n   * @default top\n   */\n  placement?: Placement;\n  /**\n   * Controls the open state of the tooltip\n   */\n  open?: boolean;\n  /**\n   * Default open state of the tooltip\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Callback when open state changes\n   */\n  onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n  /**\n   * Delay before showing the tooltip\n   * @default 100\n   */\n  delay?: number;\n  /**\n   * Offset distance from the trigger element\n   * @default 5\n   */\n  offset?: number;\n  /**\n   * Fallback placement options\n   */\n  fallbackPlacements?: Placement[];\n};\n\n/**\n * Tooltip component for displaying contextual information on hover or focus.\n *\n * Features:\n * - Displays contextual information when hovering over or focusing on elements\n * - Supports multiple placement options (top, bottom, left, right)\n * - Automatic positioning with fallback placements\n * - Accessible with proper ARIA roles and keyboard navigation\n * - Supports controlled and uncontrolled open states\n * - Configurable delay and offset settings\n * - Automatic arrow positioning and rotation\n * - Real-time position updates during scroll and resize\n *\n * @example\n * <Tooltip placement=\"top\" delay={200}>\n *   <Tooltip.Trigger>\n *     <Button>Hover me</Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>This is helpful information</Tooltip.Content>\n * </Tooltip>\n */\nexport const Tooltip = Object.assign(\n  function TooltipInner(props: TooltipProps) {\n    const {\n      children,\n      delay = 100,\n      placement = \"top\",\n      open,\n      defaultOpen = false,\n      disableShift,\n      disableFlip,\n      disableFlipFallback,\n      id,\n      offset: offsetProp = 5,\n      fallbackPlacements,\n    } = props;\n    const uid = useId();\n    const [invoker, setInvoker] =\n      useState<TooltipContextProps[\"invoker\"]>(undefined);\n    const [tooltip, setTooltip] =\n      useState<TooltipContextProps[\"invoker\"]>(undefined);\n    const [rootNode, setRootNode] = useState<TooltipContextProps[\"rootNode\"]>();\n    const [arrowElement, setArrowElement] =\n      useState<TooltipContextProps[\"arrowElement\"]>(undefined);\n    const [openState, setOpenState] = useState<\n      TooltipContextProps[\"openState\"]\n    >(open ?? defaultOpen);\n    const arrowRef = useRef<HTMLSpanElement>(null);\n    const [tooltipId, setTooltipId] = useState<\n      TooltipContextProps[\"tooltipId\"]\n    >(id ?? `tooltip-${uid.replace(/:/g, \"\")}`);\n\n    // TODO: Find a way to test these properly!\n    // Stryker disable all : Currently relying on Chromatic test for all visuals\n    /* istanbul ignore next */\n    const updatePosition = useCallback(() => {\n      if (!invoker || !tooltip) return;\n      // disable position update when closing\n      if (!openState) return;\n      computePosition(invoker, tooltip, {\n        placement: placement,\n        middleware: [\n          offset(offsetProp),\n          flip({\n            mainAxis: !disableFlip,\n            crossAxis: false,\n            fallbackAxisSideDirection: disableFlipFallback ? \"none\" : \"end\",\n            fallbackPlacements,\n            padding: 5,\n          }),\n          shift({\n            padding: 5,\n            mainAxis: !disableShift,\n            crossAxis: false,\n            limiter: limitShift({\n              mainAxis: !disableShift,\n            }),\n          }),\n          arrow({\n            element: arrowElement ? arrowElement : null,\n            padding: 5,\n          }),\n        ],\n      }).then(({ x, y, placement, middlewareData }) => {\n        const side = placement.split(\"-\")[0];\n\n        const staticSide = {\n          top: \"bottom\",\n          right: \"left\",\n          bottom: \"top\",\n          left: \"right\",\n        }[side];\n\n        const arrowDeg = () => {\n          if (staticSide === \"top\") return 180;\n          if (staticSide === \"bottom\") return 0;\n          if (staticSide === \"left\") return 90;\n          return 270;\n        };\n\n        Object.assign(tooltip.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n        });\n        if (middlewareData.arrow && arrowElement) {\n          const { x, y } = middlewareData.arrow;\n          Object.assign(arrowElement.style, {\n            left: x != null ? `${x}px` : \"\",\n            top: y != null ? `${y}px` : \"\",\n            right: \"\",\n            bottom: \"\",\n            [staticSide as string]: `${-arrowElement.offsetWidth + 2}px`,\n            transform: `rotate(${arrowDeg()}deg)`,\n          });\n        }\n      });\n    }, [\n      invoker,\n      tooltip,\n      openState,\n      placement,\n      offsetProp,\n      disableFlip,\n      disableFlipFallback,\n      fallbackPlacements,\n      disableShift,\n      arrowElement,\n    ]);\n\n    const resetKey = useRef(0);\n    // Effect to add autoUpdate to eventListener\n    // while the popover is opened\n    useLayoutEffect(() => {\n      if (!tooltip || !invoker) return;\n      if (!openState) {\n        resetKey.current += 1;\n        return;\n      }\n\n      let requestID: number | null = null;\n      const cleanup = autoUpdate(invoker, tooltip, () => {\n        requestID = requestAnimationFrame(updatePosition);\n      });\n\n      return () => {\n        if (requestID) cancelAnimationFrame(requestID);\n        cleanup();\n      };\n    }, [invoker, tooltip, updatePosition, openState]);\n    // Stryker restore all\n\n    const isControlled = typeof open !== \"undefined\";\n    const openTimeoutRef = useRef<number | NodeJS.Timeout | null>(null);\n    const closeTimeoutRef = useRef<number | NodeJS.Timeout | null>(null);\n\n    // Main function to open tooltip\n    const openTooltip = useCallback(() => {\n      clearTimeout(closeTimeoutRef.current as number | undefined);\n      clearTimeout(openTimeoutRef.current as number | undefined);\n      if (!tooltip || !rootNode?.querySelector(`#${tooltipId}`)) return;\n      openTimeoutRef.current = setTimeout(() => {\n        safeShowPopover(tooltip);\n        setOpenState(true);\n      }, delay);\n    }, [tooltip, rootNode, tooltipId, delay]);\n\n    // Main function to close tooltip\n    const closeTooltip = useCallback(\n      (fn?: () => void) => {\n        clearTimeout(openTimeoutRef.current as number | undefined);\n        clearTimeout(closeTimeoutRef.current as number | undefined);\n        if (!tooltip || !openState) return;\n        closeTimeoutRef.current = setTimeout(() => {\n          fn?.();\n          setOpenState(false);\n          safeHidePopover(tooltip);\n        }, 100);\n      },\n      [openState, tooltip],\n    );\n\n    useEffect(() => {\n      return () => {\n        clearTimeout(closeTimeoutRef.current as number | undefined);\n        clearTimeout(openTimeoutRef.current as number | undefined);\n      };\n    }, []);\n\n    // Updating openness for controlled\n    const initialRender = useRef(true);\n    useEffect(() => {\n      if (initialRender.current === true) {\n        if (!openState || isControlled) {\n          initialRender.current = false;\n          return;\n        }\n        // For defaultOpen: wait until tooltip element is available before opening\n        if (!tooltip) return;\n        openTooltip();\n        initialRender.current = false;\n        return;\n      }\n    }, [openTooltip, openState, isControlled, tooltip]);\n\n    // Updating openness for controlled\n    useEffect(() => {\n      if (!isControlled) return;\n      if (open) {\n        openTooltip();\n      } else {\n        closeTooltip();\n      }\n    }, [closeTooltip, isControlled, open, openTooltip]);\n\n    const value = useMemo(() => {\n      updatePosition();\n      return {\n        tooltipId,\n        setTooltipId,\n        invoker,\n        setInvoker,\n        tooltip,\n        setTooltip,\n        arrowElement,\n        setArrowElement,\n        openTooltip,\n        closeTooltip,\n        placement,\n        openState,\n        setOpenState,\n        disableFlipFallback,\n        controlled: isControlled,\n        arrowRef,\n        resetKey: resetKey.current,\n        rootNode,\n        setRootNode,\n      };\n    }, [\n      updatePosition,\n      tooltipId,\n      setTooltipId,\n      invoker,\n      tooltip,\n      arrowElement,\n      openTooltip,\n      closeTooltip,\n      placement,\n      openState,\n      disableFlipFallback,\n      isControlled,\n      rootNode,\n    ]);\n\n    return (\n      <TooltipContext.Provider value={value}>\n        {children}\n      </TooltipContext.Provider>\n    );\n  },\n  {\n    /**\n     * TooltipTrigger component that wraps the element that triggers the tooltip.\n     *\n     * Features:\n     * - Wraps any React element to make it a tooltip trigger\n     * - Handles mouse and keyboard interactions\n     * - Provides proper ARIA attributes for accessibility\n     * - Supports all standard HTML element props\n     * - Automatically clones child elements with proper refs\n     * - Handles both focusable and non-focusable children\n     * - Manages mouse enter/leave events for hover behavior\n     *\n     * @example\n     * <Tooltip.Trigger>\n     *   <Button>Click me</Button>\n     * </Tooltip.Trigger>\n     */\n    Trigger: TooltipTrigger,\n    /**\n     * TooltipContent component that displays the tooltip content.\n     *\n     * Features:\n     * - Displays the tooltip content with proper positioning\n     * - Includes an arrow pointing to the trigger element\n     * - Supports keyboard navigation and escape key to close\n     * - Handles mouse interactions for hover behavior\n     * - Accessible with proper ARIA roles\n     * - Supports all standard div element props\n     * - Automatic focus management for keyboard navigation\n     * - Real-time position updates\n     * - Handles both string and complex content\n     *\n     * @example\n     * <Tooltip.Content>\n     *   This tooltip provides helpful context\n     * </Tooltip.Content>\n     */\n    Content: TooltipContent,\n  },\n);\n"],"names":["TooltipContent","TooltipTrigger","arrow","placement","x","y"],"mappings":"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"}

package/dist/getKeyboardFocusableElements-QqcABz0D.js

@@ -1,12 +0,0 @@
-function getKeyboardFocusableElements(element) {
-  if (!element) return [];
-  const elements = element.querySelectorAll(
-    'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])'
-  );
-  return Array.from(elements).filter(
-    (el) => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden") && !el.getAttribute("inert") && !(globalThis.getComputedStyle(el).display === "none")
-  );
-}
-
-export { getKeyboardFocusableElements as g };
-//# sourceMappingURL=getKeyboardFocusableElements-QqcABz0D.js.map

package/dist/getKeyboardFocusableElements-QqcABz0D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getKeyboardFocusableElements-QqcABz0D.js","sources":["../src/internal/functions/getKeyboardFocusableElements.ts"],"sourcesContent":["/**\n * Retrieves all keyboard focusable elements within a given container element.\n *\n * Features:\n * - Finds all elements that can receive keyboard focus\n * - Filters out disabled, hidden, and inert elements\n * - Respects ARIA attributes for accessibility\n * - Checks computed styles for visibility\n * - Supports all standard focusable elements (links, buttons, inputs, etc.)\n * - Handles null and undefined input gracefully\n * - Returns array of focusable HTMLElements\n * - Excludes elements with tabindex=\"-1\"\n *\n * Focusable Elements Detected:\n * - Links with href attributes\n * - Buttons (all types)\n * - Form inputs (text, checkbox, radio, etc.)\n * - Textareas and select elements\n * - Details elements\n * - Elements with positive tabindex values\n *\n * @param element - The container element to search for focusable elements\n * @returns Array of focusable HTMLElements, or empty array if no element provided\n */\nexport function getKeyboardFocusableElements(element?: HTMLElement | null) {\n  if (!element) return [];\n  const elements = element.querySelectorAll(\n    'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])',\n  );\n\n  return Array.from(elements).filter(\n    (el) =>\n      !el.hasAttribute(\"disabled\") &&\n      !el.getAttribute(\"aria-hidden\") &&\n      !el.getAttribute(\"inert\") &&\n      !(globalThis.getComputedStyle(el).display === \"none\"),\n  );\n}\n"],"names":[],"mappings":"AAwBO,SAAS,6BAA6B,OAAA,EAA8B;AACzE,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,EAAA,MAAM,WAAW,OAAA,CAAQ,gBAAA;AAAA,IACvB;AAAA,GACF;AAEA,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA,CAAE,MAAA;AAAA,IAC1B,CAAC,OACC,CAAC,EAAA,CAAG,aAAa,UAAU,CAAA,IAC3B,CAAC,EAAA,CAAG,YAAA,CAAa,aAAa,KAC9B,CAAC,EAAA,CAAG,aAAa,OAAO,CAAA,IACxB,EAAE,UAAA,CAAW,gBAAA,CAAiB,EAAE,CAAA,CAAE,OAAA,KAAY,MAAA;AAAA,GAClD;AACF;;;;"}

package/dist/index-ByMdotWU.js

@@ -1,107 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { I as Icon } from './Icon-BMMbp40n.js';
-import * as React from 'react';
-import { forwardRef } from 'react';
-import { c as cx } from './index-De1g9FRV.js';
-import { B as ButtonCompound } from './ButtonCompound-DsrK7G3q.js';
-
-import './index.css';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" }));
-
-const handle = "_handle_1e7c4_2";
-const active = "_active_1e7c4_25";
-const handleStyles = {
-	handle: handle,
-	"handle-button": "_handle-button_1e7c4_10",
-	active: active
-};
-
-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";
-
-const styles = {
-	"drag-preview": "_drag-preview_1uufp_2",
-	"drop-line": "_drop-line_1uufp_12",
-	"orientation-horizontal": "_orientation-horizontal_1uufp_44",
-	"orientation-vertical": "_orientation-vertical_1uufp_53",
-	"drop-zone": "_drop-zone_1uufp_62",
-	"position-before": "_position-before_1uufp_69",
-	"position-after": "_position-after_1uufp_74",
-	"can-be-dropped": "_can-be-dropped_1uufp_88",
-	"active-not-over": "_active-not-over_1uufp_95",
-	"over-valid": "_over-valid_1uufp_101",
-	"over-invalid": "_over-invalid_1uufp_106"
-};
-
-const DndSortLine = ({
-  offset,
-  orientation,
-  position,
-  ...rest
-}) => {
-  const classes = cx(
-    styles["drop-line"],
-    styles[`orientation-${orientation}`],
-    styles[`position-${position}`]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-hidden": true,
-      className: classes,
-      style: { "--a2-inline-drop-line-offset": offset },
-      ...rest
-    }
-  );
-};
-
-const DndZone = forwardRef(
-  ({
-    el: Component = "div",
-    children,
-    className,
-    isDragging,
-    isOver,
-    isValid,
-    ...rest
-  }, ref) => {
-    const classes = cx(className, {
-      [styles["drop-zone"]]: true,
-      [styles["over-valid"]]: isDragging && isOver && isValid,
-      [styles["over-invalid"]]: isDragging && isOver && !isValid,
-      [styles["active-not-over"]]: isDragging && !isOver
-    });
-    return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...rest, children });
-  }
-);
-DndZone.displayName = "DndZoneBase";
-
-const Dnd = {
-  Handle: DndHandle,
-  HandleButton: DndHandleButton,
-  SortLine: DndSortLine,
-  Zone: DndZone
-};
-
-export { Dnd as D, DndSortLine as a, DndHandleButton as b, DndHandle as c, styles as s };
-//# sourceMappingURL=index-ByMdotWU.js.map

package/dist/index-ByMdotWU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ByMdotWU.js","sources":["../../hammer-icon/mdi/round/drag_indicator.svg","../src/components/Dnd/DndHandle.tsx","../src/components/Dnd/DndHandleButton.tsx","../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"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","import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--a2-inline-drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":["styles","DragIndicator"],"mappings":"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"}