@purpur/library 9.10.1 → 10.0.0

package/dist/text-field-C9LX7LBf.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field-C9LX7LBf.mjs","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"edit-ai\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n  keywords: [\"edit-ai\"],\n  category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n  l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n  _styles?: Record<string, string>;\n  _rootClassName?: string;\n  _prependEndAdornments?: ReactNode[];\n  _inputModifiers?: Record<string, boolean>;\n  _frameModifiers?: Record<string, boolean>;\n  _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n  HTMLInputElement,\n  TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      _styles,\n      _rootClassName,\n      _prependEndAdornments,\n      _inputModifiers,\n      _frameModifiers,\n      _inputContainerRef,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const cx = c.bind(_styles ?? defaultStyles);\n    const rootClassName = _rootClassName ?? defaultRootClassName;\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = Array.isArray(startAdornment)\n      ? startAdornment.filter((adornment) => !!adornment)\n      : startAdornment\n        ? [startAdornment]\n        : [];\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      ...(_prependEndAdornments ?? []),\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div ref={_inputContainerRef} className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments.map((adornment, index) => (\n                  <React.Fragment key={index}>{adornment}</React.Fragment>\n                ))}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                  ...(_inputModifiers ?? {}),\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n                ...(_frameModifiers ?? {}),\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n  if (typeof value === \"number\") {\n    return !Number.isNaN(value);\n  }\n\n  if (typeof value === \"string\") {\n    return value.length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      animatePrepopulatedValue = false,\n      typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n      endAdornment,\n      value: controlledValue,\n      defaultValue,\n      onChange,\n      disabled,\n      readOnly,\n      valid = false,\n      negative = false,\n      ...baseProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n    const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n    const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n    const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n    const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n    const typingAnimationTimerRef = useRef<number | null>(null);\n    const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n    const value = isControlled ? controlledValue : uncontrolledValue;\n    const hasValue = hasInputValue(value);\n    const isAiPresentationActive = hasValue && !hasUserEditedValue;\n    const isTypingAnimationRunning = animatedTypingValue !== null;\n    const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n    const shouldAnimatePrepopulated =\n      isAiPresentationActive &&\n      animatePrepopulatedValue &&\n      !hasAnimatedPrepopulatedValue &&\n      !disabled &&\n      !readOnly;\n\n    const clearTypingAnimation = useCallback(() => {\n      if (typingAnimationTimerRef.current !== null) {\n        window.clearInterval(typingAnimationTimerRef.current);\n        typingAnimationTimerRef.current = null;\n      }\n    }, []);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      clearTypingAnimation();\n      setAnimatedTypingValue(null);\n\n      if (!isControlled) {\n        setUncontrolledValue(event.currentTarget.value);\n      }\n\n      setHasUserEditedValue(true);\n      onChange?.(event);\n    };\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n        return;\n      }\n\n      const node = inputContainerRef.current;\n\n      if (!node) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.some((entry) => entry.isIntersecting);\n\n          if (isVisible) {\n            setShouldAnimatePrepopulatedValue(true);\n            setHasAnimatedPrepopulatedValue(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.35 }\n      );\n\n      observer.observe(node);\n\n      return () => observer.disconnect();\n    }, [shouldAnimatePrepopulated]);\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n        return;\n      }\n\n      const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n      if (shouldReduceMotion || value.length === 0) {\n        setShouldAnimatePrepopulatedValue(false);\n        return;\n      }\n\n      clearTypingAnimation();\n      setAnimatedTypingValue(\"\");\n\n      let index = 0;\n      const safeAnimationDuration =\n        Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n          ? typingAnimationDurationMs\n          : defaultTypingAnimationDurationMs;\n      const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n      typingAnimationTimerRef.current = window.setInterval(() => {\n        index += 1;\n        setAnimatedTypingValue(value.slice(0, index));\n\n        if (index >= value.length) {\n          clearTypingAnimation();\n          setAnimatedTypingValue(null);\n          setShouldAnimatePrepopulatedValue(false);\n        }\n      }, intervalDuration);\n\n      return clearTypingAnimation;\n    }, [\n      clearTypingAnimation,\n      hasUserEditedValue,\n      shouldAnimatePrepopulatedValue,\n      typingAnimationDurationMs,\n      value,\n    ]);\n\n    useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n    const aiEndAdornments: ReactNode[] = [];\n\n    if (endAdornment === undefined && isAiPresentationActive) {\n      aiEndAdornments.push(\n        <IconEditAi\n          key=\"ai-icon\"\n          size=\"xs\"\n          data-testid={getTestId(\"edit-ai-icon\")}\n          className={cx(`${rootClassName}__ai-icon`, {\n            [`${rootClassName}__ai-icon--negative`]: negative,\n          })}\n        />\n      );\n    }\n\n    return (\n      <TextFieldBase\n        ref={ref}\n        data-testid={dataTestId}\n        {...baseProps}\n        endAdornment={endAdornment}\n        value={displayValue}\n        onChange={handleInputChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        valid={valid}\n        negative={negative}\n        _styles={aiStyles}\n        _rootClassName={rootClassName}\n        _prependEndAdornments={aiEndAdornments}\n        _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n        _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n        _inputContainerRef={inputContainerRef}\n      />\n    );\n  }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\ntype TextFieldAiProps = {\n  /**\n   * Animate prepopulated value once when the field scrolls into view.\n   */\n  animatePrepopulatedValue?: boolean;\n  /**\n   * Duration in milliseconds for the prepopulated typing animation.\n   */\n  typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps & {\n    /**\n     * Use to select the text field variant.\n     * - `\"default\"` renders a standard text field.\n     * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n     * @default \"default\"\n     */\n    variant?: TextFieldVariant;\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ variant = \"default\", ...props }, ref) => {\n    if (variant === \"ai\") {\n      return <TextFieldAiInternal ref={ref} {...props} />;\n    }\n\n    return <TextFieldBase ref={ref} {...props} />;\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","index","React","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field-CS0PT5T6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field-CS0PT5T6.js","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"edit-ai\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n  keywords: [\"edit-ai\"],\n  category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n  l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n  _styles?: Record<string, string>;\n  _rootClassName?: string;\n  _prependEndAdornments?: ReactNode[];\n  _inputModifiers?: Record<string, boolean>;\n  _frameModifiers?: Record<string, boolean>;\n  _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n  HTMLInputElement,\n  TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      _styles,\n      _rootClassName,\n      _prependEndAdornments,\n      _inputModifiers,\n      _frameModifiers,\n      _inputContainerRef,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const cx = c.bind(_styles ?? defaultStyles);\n    const rootClassName = _rootClassName ?? defaultRootClassName;\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = Array.isArray(startAdornment)\n      ? startAdornment.filter((adornment) => !!adornment)\n      : startAdornment\n        ? [startAdornment]\n        : [];\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      ...(_prependEndAdornments ?? []),\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div ref={_inputContainerRef} className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments.map((adornment, index) => (\n                  <React.Fragment key={index}>{adornment}</React.Fragment>\n                ))}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                  ...(_inputModifiers ?? {}),\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n                ...(_frameModifiers ?? {}),\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n  if (typeof value === \"number\") {\n    return !Number.isNaN(value);\n  }\n\n  if (typeof value === \"string\") {\n    return value.length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      animatePrepopulatedValue = false,\n      typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n      endAdornment,\n      value: controlledValue,\n      defaultValue,\n      onChange,\n      disabled,\n      readOnly,\n      valid = false,\n      negative = false,\n      ...baseProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n    const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n    const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n    const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n    const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n    const typingAnimationTimerRef = useRef<number | null>(null);\n    const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n    const value = isControlled ? controlledValue : uncontrolledValue;\n    const hasValue = hasInputValue(value);\n    const isAiPresentationActive = hasValue && !hasUserEditedValue;\n    const isTypingAnimationRunning = animatedTypingValue !== null;\n    const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n    const shouldAnimatePrepopulated =\n      isAiPresentationActive &&\n      animatePrepopulatedValue &&\n      !hasAnimatedPrepopulatedValue &&\n      !disabled &&\n      !readOnly;\n\n    const clearTypingAnimation = useCallback(() => {\n      if (typingAnimationTimerRef.current !== null) {\n        window.clearInterval(typingAnimationTimerRef.current);\n        typingAnimationTimerRef.current = null;\n      }\n    }, []);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      clearTypingAnimation();\n      setAnimatedTypingValue(null);\n\n      if (!isControlled) {\n        setUncontrolledValue(event.currentTarget.value);\n      }\n\n      setHasUserEditedValue(true);\n      onChange?.(event);\n    };\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n        return;\n      }\n\n      const node = inputContainerRef.current;\n\n      if (!node) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.some((entry) => entry.isIntersecting);\n\n          if (isVisible) {\n            setShouldAnimatePrepopulatedValue(true);\n            setHasAnimatedPrepopulatedValue(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.35 }\n      );\n\n      observer.observe(node);\n\n      return () => observer.disconnect();\n    }, [shouldAnimatePrepopulated]);\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n        return;\n      }\n\n      const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n      if (shouldReduceMotion || value.length === 0) {\n        setShouldAnimatePrepopulatedValue(false);\n        return;\n      }\n\n      clearTypingAnimation();\n      setAnimatedTypingValue(\"\");\n\n      let index = 0;\n      const safeAnimationDuration =\n        Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n          ? typingAnimationDurationMs\n          : defaultTypingAnimationDurationMs;\n      const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n      typingAnimationTimerRef.current = window.setInterval(() => {\n        index += 1;\n        setAnimatedTypingValue(value.slice(0, index));\n\n        if (index >= value.length) {\n          clearTypingAnimation();\n          setAnimatedTypingValue(null);\n          setShouldAnimatePrepopulatedValue(false);\n        }\n      }, intervalDuration);\n\n      return clearTypingAnimation;\n    }, [\n      clearTypingAnimation,\n      hasUserEditedValue,\n      shouldAnimatePrepopulatedValue,\n      typingAnimationDurationMs,\n      value,\n    ]);\n\n    useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n    const aiEndAdornments: ReactNode[] = [];\n\n    if (endAdornment === undefined && isAiPresentationActive) {\n      aiEndAdornments.push(\n        <IconEditAi\n          key=\"ai-icon\"\n          size=\"xs\"\n          data-testid={getTestId(\"edit-ai-icon\")}\n          className={cx(`${rootClassName}__ai-icon`, {\n            [`${rootClassName}__ai-icon--negative`]: negative,\n          })}\n        />\n      );\n    }\n\n    return (\n      <TextFieldBase\n        ref={ref}\n        data-testid={dataTestId}\n        {...baseProps}\n        endAdornment={endAdornment}\n        value={displayValue}\n        onChange={handleInputChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        valid={valid}\n        negative={negative}\n        _styles={aiStyles}\n        _rootClassName={rootClassName}\n        _prependEndAdornments={aiEndAdornments}\n        _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n        _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n        _inputContainerRef={inputContainerRef}\n      />\n    );\n  }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\ntype TextFieldAiProps = {\n  /**\n   * Animate prepopulated value once when the field scrolls into view.\n   */\n  animatePrepopulatedValue?: boolean;\n  /**\n   * Duration in milliseconds for the prepopulated typing animation.\n   */\n  typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps & {\n    /**\n     * Use to select the text field variant.\n     * - `\"default\"` renders a standard text field.\n     * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n     * @default \"default\"\n     */\n    variant?: TextFieldVariant;\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ variant = \"default\", ...props }, ref) => {\n    if (variant === \"ai\") {\n      return <TextFieldAiInternal ref={ref} {...props} />;\n    }\n\n    return <TextFieldBase ref={ref} {...props} />;\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","index","React","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/tooltip-COFCRUKv.js

@@ -1,2 +0,0 @@
-"use strict";const p=require("react/jsx-runtime"),Y=require("react"),le=require("./button-DZgtrGqN.js"),at=require("./info.es-Br84jly5.js"),ue=require("./paragraph-B8HFdNne.js"),ct=require("./variables-BSBunpiY.js");require("./ThemeProvider-BJGm3zai.js");const lt=require("./useThemePortalContainer-CUcqV327.js"),he=require("react-dom"),T=require("./floating-ui.react-dom-Cc_YSprQ.js"),ut=require("./bind-DeUYJ6m9.js");function ve(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=ve(Y),dt=ve(he);function _(e,t,{checkForDefaultPrevented:n=!0}={}){return function(o){if(e?.(o),n===!1||!o.defaultPrevented)return t?.(o)}}function de(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function me(...e){return t=>{let n=!1;const r=e.map(o=>{const i=de(o,t);return!n&&typeof i=="function"&&(n=!0),i});if(n)return()=>{for(let o=0;o<r.length;o++){const i=r[o];typeof i=="function"?i():de(e[o],null)}}}}function S(...e){return s.useCallback(me(...e),e)}function ye(e,t=[]){let n=[];function r(i,a){const u=s.createContext(a),c=n.length;n=[...n,a];const l=f=>{const{scope:v,children:h,...m}=f,y=v?.[e]?.[c]||u,x=s.useMemo(()=>m,Object.values(m));return p.jsx(y.Provider,{value:x,children:h})};l.displayName=i+"Provider";function d(f,v){const h=v?.[e]?.[c]||u,m=s.useContext(h);if(m)return m;if(a!==void 0)return a;throw new Error(`\`${f}\` must be used within \`${i}\``)}return[l,d]}const o=()=>{const i=n.map(a=>s.createContext(a));return function(u){const c=u?.[e]||i;return s.useMemo(()=>({[`__scope${e}`]:{...u,[e]:c}}),[u,c])}};return o.scopeName=e,[r,pt(o,...t)]}function pt(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(i){const a=r.reduce((u,{useScope:c,scopeName:l})=>{const f=c(i)[`__scope${l}`];return{...u,...f}},{});return s.useMemo(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return n.scopeName=t.scopeName,n}var ge=s.forwardRef((e,t)=>{const{children:n,...r}=e,o=s.Children.toArray(n),i=o.find(ft);if(i){const a=i.props.children,u=o.map(c=>c===i?s.Children.count(a)>1?s.Children.only(null):s.isValidElement(a)?a.props.children:null:c);return p.jsx(X,{...r,ref:t,children:s.isValidElement(a)?s.cloneElement(a,void 0,u):null})}return p.jsx(X,{...r,ref:t,children:n})});ge.displayName="Slot";var X=s.forwardRef((e,t)=>{const{children:n,...r}=e;if(s.isValidElement(n)){const o=vt(n),i=ht(r,n.props);return n.type!==s.Fragment&&(i.ref=t?me(t,o):o),s.cloneElement(n,i)}return s.Children.count(n)>1?s.Children.only(null):null});X.displayName="SlotClone";var xe=({children:e})=>p.jsx(p.Fragment,{children:e});function ft(e){return s.isValidElement(e)&&e.type===xe}function ht(e,t){const n={...t};for(const r in t){const o=e[r],i=t[r];/^on[A-Z]/.test(r)?o&&i?n[r]=(...u)=>{i(...u),o(...u)}:o&&(n[r]=o):r==="style"?n[r]={...o,...i}:r==="className"&&(n[r]=[o,i].filter(Boolean).join(" "))}return{...e,...n}}function vt(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var mt=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],A=mt.reduce((e,t)=>{const n=s.forwardRef((r,o)=>{const{asChild:i,...a}=r,u=i?ge:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),p.jsx(u,{...a,ref:o})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function yt(e,t){e&&dt.flushSync(()=>e.dispatchEvent(t))}function j(e){const t=s.useRef(e);return s.useEffect(()=>{t.current=e}),s.useMemo(()=>(...n)=>t.current?.(...n),[])}function gt(e,t=globalThis?.document){const n=j(e);s.useEffect(()=>{const r=o=>{o.key==="Escape"&&n(o)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var xt="DismissableLayer",K="dismissableLayer.update",wt="dismissableLayer.pointerDownOutside",Pt="dismissableLayer.focusOutside",pe,we=s.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Pe=s.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:a,onDismiss:u,...c}=e,l=s.useContext(we),[d,f]=s.useState(null),v=d?.ownerDocument??globalThis?.document,[,h]=s.useState({}),m=S(t,g=>f(g)),y=Array.from(l.layers),[x]=[...l.layersWithOutsidePointerEventsDisabled].slice(-1),P=y.indexOf(x),w=d?y.indexOf(d):-1,C=l.layersWithOutsidePointerEventsDisabled.size>0,E=w>=P,b=bt(g=>{const R=g.target,$=[...l.branches].some(k=>k.contains(R));!E||$||(o?.(g),a?.(g),g.defaultPrevented||u?.())},v),O=Tt(g=>{const R=g.target;[...l.branches].some(k=>k.contains(R))||(i?.(g),a?.(g),g.defaultPrevented||u?.())},v);return gt(g=>{w===l.layers.size-1&&(r?.(g),!g.defaultPrevented&&u&&(g.preventDefault(),u()))},v),s.useEffect(()=>{if(d)return n&&(l.layersWithOutsidePointerEventsDisabled.size===0&&(pe=v.body.style.pointerEvents,v.body.style.pointerEvents="none"),l.layersWithOutsidePointerEventsDisabled.add(d)),l.layers.add(d),fe(),()=>{n&&l.layersWithOutsidePointerEventsDisabled.size===1&&(v.body.style.pointerEvents=pe)}},[d,v,n,l]),s.useEffect(()=>()=>{d&&(l.layers.delete(d),l.layersWithOutsidePointerEventsDisabled.delete(d),fe())},[d,l]),s.useEffect(()=>{const g=()=>h({});return document.addEventListener(K,g),()=>document.removeEventListener(K,g)},[]),p.jsx(A.div,{...c,ref:m,style:{pointerEvents:C?E?"auto":"none":void 0,...e.style},onFocusCapture:_(e.onFocusCapture,O.onFocusCapture),onBlurCapture:_(e.onBlurCapture,O.onBlurCapture),onPointerDownCapture:_(e.onPointerDownCapture,b.onPointerDownCapture)})});Pe.displayName=xt;var Et="DismissableLayerBranch",Ct=s.forwardRef((e,t)=>{const n=s.useContext(we),r=s.useRef(null),o=S(t,r);return s.useEffect(()=>{const i=r.current;if(i)return n.branches.add(i),()=>{n.branches.delete(i)}},[n.branches]),p.jsx(A.div,{...e,ref:o})});Ct.displayName=Et;function bt(e,t=globalThis?.document){const n=j(e),r=s.useRef(!1),o=s.useRef(()=>{});return s.useEffect(()=>{const i=u=>{if(u.target&&!r.current){let c=function(){Ee(wt,n,l,{discrete:!0})};const l={originalEvent:u};u.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=c,t.addEventListener("click",o.current,{once:!0})):c()}else t.removeEventListener("click",o.current);r.current=!1},a=window.setTimeout(()=>{t.addEventListener("pointerdown",i)},0);return()=>{window.clearTimeout(a),t.removeEventListener("pointerdown",i),t.removeEventListener("click",o.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function Tt(e,t=globalThis?.document){const n=j(e),r=s.useRef(!1);return s.useEffect(()=>{const o=i=>{i.target&&!r.current&&Ee(Pt,n,{originalEvent:i},{discrete:!1})};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function fe(){const e=new CustomEvent(K);document.dispatchEvent(e)}function Ee(e,t,n,{discrete:r}){const o=n.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?yt(o,i):o.dispatchEvent(i)}var N=globalThis?.document?s.useLayoutEffect:()=>{},_t=s.useId||(()=>{}),Ot=0;function At(e){const[t,n]=s.useState(_t());return N(()=>{n(r=>r??String(Ot++))},[e]),t?`radix-${t}`:""}var Rt="Arrow",Ce=s.forwardRef((e,t)=>{const{children:n,width:r=10,height:o=5,...i}=e;return p.jsx(A.svg,{...i,ref:t,width:r,height:o,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?n:p.jsx("polygon",{points:"0,0 30,0 15,10"})})});Ce.displayName=Rt;var Nt=Ce;function St(e){const[t,n]=s.useState(void 0);return N(()=>{if(e){n({width:e.offsetWidth,height:e.offsetHeight});const r=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const i=o[0];let a,u;if("borderBoxSize"in i){const c=i.borderBoxSize,l=Array.isArray(c)?c[0]:c;a=l.inlineSize,u=l.blockSize}else a=e.offsetWidth,u=e.offsetHeight;n({width:a,height:u})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}else n(void 0)},[e]),t}var Q="Popper",[be,Te]=ye(Q),[Dt,_e]=be(Q),Oe=e=>{const{__scopePopper:t,children:n}=e,[r,o]=s.useState(null);return p.jsx(Dt,{scope:t,anchor:r,onAnchorChange:o,children:n})};Oe.displayName=Q;var Ae="PopperAnchor",Re=s.forwardRef((e,t)=>{const{__scopePopper:n,virtualRef:r,...o}=e,i=_e(Ae,n),a=s.useRef(null),u=S(t,a);return s.useEffect(()=>{i.onAnchorChange(r?.current||a.current)}),r?null:p.jsx(A.div,{...o,ref:u})});Re.displayName=Ae;var ee="PopperContent",[Lt,It]=be(ee),Ne=s.forwardRef((e,t)=>{const{__scopePopper:n,side:r="bottom",sideOffset:o=0,align:i="center",alignOffset:a=0,arrowPadding:u=0,avoidCollisions:c=!0,collisionBoundary:l=[],collisionPadding:d=0,sticky:f="partial",hideWhenDetached:v=!1,updatePositionStrategy:h="optimized",onPlaced:m,...y}=e,x=_e(ee,n),[P,w]=s.useState(null),C=S(t,M=>w(M)),[E,b]=s.useState(null),O=St(E),g=O?.width??0,R=O?.height??0,$=r+(i!=="center"?"-"+i:""),k=typeof d=="number"?d:{top:0,right:0,bottom:0,left:0,...d},oe=Array.isArray(l)?l:[l],Ye=oe.length>0,H={padding:k,boundary:oe.filter(kt),altBoundary:Ye},{refs:Xe,floatingStyles:se,placement:Ke,isPositioned:W,middlewareData:D}=T.useFloating({strategy:"fixed",placement:$,whileElementsMounted:(...M)=>T.autoUpdate(...M,{animationFrame:h==="always"}),elements:{reference:x.anchor},middleware:[T.offset({mainAxis:o+R,alignmentAxis:a}),c&&T.shift({mainAxis:!0,crossAxis:!1,limiter:f==="partial"?T.limitShift():void 0,...H}),c&&T.flip({...H}),T.size({...H,apply:({elements:M,rects:ce,availableWidth:rt,availableHeight:ot})=>{const{width:st,height:it}=ce.reference,B=M.floating.style;B.setProperty("--radix-popper-available-width",`${rt}px`),B.setProperty("--radix-popper-available-height",`${ot}px`),B.setProperty("--radix-popper-anchor-width",`${st}px`),B.setProperty("--radix-popper-anchor-height",`${it}px`)}}),E&&T.arrow({element:E,padding:u}),Mt({arrowWidth:g,arrowHeight:R}),v&&T.hide({strategy:"referenceHidden",...H})]}),[ie,Ze]=Le(Ke),ae=j(m);N(()=>{W&&ae?.()},[W,ae]);const Je=D.arrow?.x,Qe=D.arrow?.y,et=D.arrow?.centerOffset!==0,[tt,nt]=s.useState();return N(()=>{P&&nt(window.getComputedStyle(P).zIndex)},[P]),p.jsx("div",{ref:Xe.setFloating,"data-radix-popper-content-wrapper":"",style:{...se,transform:W?se.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:tt,"--radix-popper-transform-origin":[D.transformOrigin?.x,D.transformOrigin?.y].join(" "),...D.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:p.jsx(Lt,{scope:n,placedSide:ie,onArrowChange:b,arrowX:Je,arrowY:Qe,shouldHideArrow:et,children:p.jsx(A.div,{"data-side":ie,"data-align":Ze,...y,ref:C,style:{...y.style,animation:W?void 0:"none"}})})})});Ne.displayName=ee;var Se="PopperArrow",jt={top:"bottom",right:"left",bottom:"top",left:"right"},De=s.forwardRef(function(t,n){const{__scopePopper:r,...o}=t,i=It(Se,r),a=jt[i.placedSide];return p.jsx("span",{ref:i.onArrowChange,style:{position:"absolute",left:i.arrowX,top:i.arrowY,[a]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[i.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[i.placedSide],visibility:i.shouldHideArrow?"hidden":void 0},children:p.jsx(Nt,{...o,ref:n,style:{...o.style,display:"block"}})})});De.displayName=Se;function kt(e){return e!==null}var Mt=e=>({name:"transformOrigin",options:e,fn(t){const{placement:n,rects:r,middlewareData:o}=t,a=o.arrow?.centerOffset!==0,u=a?0:e.arrowWidth,c=a?0:e.arrowHeight,[l,d]=Le(n),f={start:"0%",center:"50%",end:"100%"}[d],v=(o.arrow?.x??0)+u/2,h=(o.arrow?.y??0)+c/2;let m="",y="";return l==="bottom"?(m=a?f:`${v}px`,y=`${-c}px`):l==="top"?(m=a?f:`${v}px`,y=`${r.floating.height+c}px`):l==="right"?(m=`${-c}px`,y=a?f:`${h}px`):l==="left"&&(m=`${r.floating.width+c}px`,y=a?f:`${h}px`),{data:{x:m,y}}}});function Le(e){const[t,n="center"]=e.split("-");return[t,n]}var Ft=Oe,$t=Re,Ht=Ne,Wt=De,Bt="Portal",Ie=s.forwardRef((e,t)=>{const{container:n,...r}=e,[o,i]=s.useState(!1);N(()=>i(!0),[]);const a=n||o&&globalThis?.document?.body;return a?he.createPortal(p.jsx(A.div,{...r,ref:t}),a):null});Ie.displayName=Bt;function Ut(e,t){return s.useReducer((n,r)=>t[n][r]??n,e)}var te=e=>{const{present:t,children:n}=e,r=zt(t),o=typeof n=="function"?n({present:r.isPresent}):s.Children.only(n),i=S(r.ref,qt(o));return typeof n=="function"||r.isPresent?s.cloneElement(o,{ref:i}):null};te.displayName="Presence";function zt(e){const[t,n]=s.useState(),r=s.useRef({}),o=s.useRef(e),i=s.useRef("none"),a=e?"mounted":"unmounted",[u,c]=Ut(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return s.useEffect(()=>{const l=U(r.current);i.current=u==="mounted"?l:"none"},[u]),N(()=>{const l=r.current,d=o.current;if(d!==e){const v=i.current,h=U(l);e?c("MOUNT"):h==="none"||l?.display==="none"?c("UNMOUNT"):c(d&&v!==h?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,c]),N(()=>{if(t){let l;const d=t.ownerDocument.defaultView??window,f=h=>{const y=U(r.current).includes(h.animationName);if(h.target===t&&y&&(c("ANIMATION_END"),!o.current)){const x=t.style.animationFillMode;t.style.animationFillMode="forwards",l=d.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=x)})}},v=h=>{h.target===t&&(i.current=U(r.current))};return t.addEventListener("animationstart",v),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{d.clearTimeout(l),t.removeEventListener("animationstart",v),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else c("ANIMATION_END")},[t,c]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:s.useCallback(l=>{l&&(r.current=getComputedStyle(l)),n(l)},[])}}function U(e){return e?.animationName||"none"}function qt(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function Vt({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,o]=Gt({defaultProp:t,onChange:n}),i=e!==void 0,a=i?e:r,u=j(n),c=s.useCallback(l=>{if(i){const f=typeof l=="function"?l(e):l;f!==e&&u(f)}else o(l)},[i,e,o,u]);return[a,c]}function Gt({defaultProp:e,onChange:t}){const n=s.useState(e),[r]=n,o=s.useRef(r),i=j(t);return s.useEffect(()=>{o.current!==r&&(i(r),o.current=r)},[r,o,i]),n}var Yt="VisuallyHidden",je=s.forwardRef((e,t)=>p.jsx(A.span,{...e,ref:t,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}}));je.displayName=Yt;var Xt=je,[z]=ye("Tooltip",[Te]),q=Te(),ke="TooltipProvider",Kt=700,Z="tooltip.open",[Zt,ne]=z(ke),Me=e=>{const{__scopeTooltip:t,delayDuration:n=Kt,skipDelayDuration:r=300,disableHoverableContent:o=!1,children:i}=e,[a,u]=s.useState(!0),c=s.useRef(!1),l=s.useRef(0);return s.useEffect(()=>{const d=l.current;return()=>window.clearTimeout(d)},[]),p.jsx(Zt,{scope:t,isOpenDelayed:a,delayDuration:n,onOpen:s.useCallback(()=>{window.clearTimeout(l.current),u(!1)},[]),onClose:s.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>u(!0),r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:s.useCallback(d=>{c.current=d},[]),disableHoverableContent:o,children:i})};Me.displayName=ke;var V="Tooltip",[Jt,F]=z(V),Fe=e=>{const{__scopeTooltip:t,children:n,open:r,defaultOpen:o=!1,onOpenChange:i,disableHoverableContent:a,delayDuration:u}=e,c=ne(V,e.__scopeTooltip),l=q(t),[d,f]=s.useState(null),v=At(),h=s.useRef(0),m=a??c.disableHoverableContent,y=u??c.delayDuration,x=s.useRef(!1),[P=!1,w]=Vt({prop:r,defaultProp:o,onChange:g=>{g?(c.onOpen(),document.dispatchEvent(new CustomEvent(Z))):c.onClose(),i?.(g)}}),C=s.useMemo(()=>P?x.current?"delayed-open":"instant-open":"closed",[P]),E=s.useCallback(()=>{window.clearTimeout(h.current),h.current=0,x.current=!1,w(!0)},[w]),b=s.useCallback(()=>{window.clearTimeout(h.current),h.current=0,w(!1)},[w]),O=s.useCallback(()=>{window.clearTimeout(h.current),h.current=window.setTimeout(()=>{x.current=!0,w(!0),h.current=0},y)},[y,w]);return s.useEffect(()=>()=>{h.current&&(window.clearTimeout(h.current),h.current=0)},[]),p.jsx(Ft,{...l,children:p.jsx(Jt,{scope:t,contentId:v,open:P,stateAttribute:C,trigger:d,onTriggerChange:f,onTriggerEnter:s.useCallback(()=>{c.isOpenDelayed?O():E()},[c.isOpenDelayed,O,E]),onTriggerLeave:s.useCallback(()=>{m?b():(window.clearTimeout(h.current),h.current=0)},[b,m]),onOpen:E,onClose:b,disableHoverableContent:m,children:n})})};Fe.displayName=V;var J="TooltipTrigger",$e=s.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,o=F(J,n),i=ne(J,n),a=q(n),u=s.useRef(null),c=S(t,u,o.onTriggerChange),l=s.useRef(!1),d=s.useRef(!1),f=s.useCallback(()=>l.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),p.jsx($t,{asChild:!0,...a,children:p.jsx(A.button,{"aria-describedby":o.open?o.contentId:void 0,"data-state":o.stateAttribute,...r,ref:c,onPointerMove:_(e.onPointerMove,v=>{v.pointerType!=="touch"&&!d.current&&!i.isPointerInTransitRef.current&&(o.onTriggerEnter(),d.current=!0)}),onPointerLeave:_(e.onPointerLeave,()=>{o.onTriggerLeave(),d.current=!1}),onPointerDown:_(e.onPointerDown,()=>{l.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:_(e.onFocus,()=>{l.current||o.onOpen()}),onBlur:_(e.onBlur,o.onClose),onClick:_(e.onClick,o.onClose)})})});$e.displayName=J;var re="TooltipPortal",[Qt,en]=z(re,{forceMount:void 0}),He=e=>{const{__scopeTooltip:t,forceMount:n,children:r,container:o}=e,i=F(re,t);return p.jsx(Qt,{scope:t,forceMount:n,children:p.jsx(te,{present:n||i.open,children:p.jsx(Ie,{asChild:!0,container:o,children:r})})})};He.displayName=re;var I="TooltipContent",We=s.forwardRef((e,t)=>{const n=en(I,e.__scopeTooltip),{forceMount:r=n.forceMount,side:o="top",...i}=e,a=F(I,e.__scopeTooltip);return p.jsx(te,{present:r||a.open,children:a.disableHoverableContent?p.jsx(Be,{side:o,...i,ref:t}):p.jsx(tn,{side:o,...i,ref:t})})}),tn=s.forwardRef((e,t)=>{const n=F(I,e.__scopeTooltip),r=ne(I,e.__scopeTooltip),o=s.useRef(null),i=S(t,o),[a,u]=s.useState(null),{trigger:c,onClose:l}=n,d=o.current,{onPointerInTransitChange:f}=r,v=s.useCallback(()=>{u(null),f(!1)},[f]),h=s.useCallback((m,y)=>{const x=m.currentTarget,P={x:m.clientX,y:m.clientY},w=on(P,x.getBoundingClientRect()),C=sn(P,w),E=an(y.getBoundingClientRect()),b=ln([...C,...E]);u(b),f(!0)},[f]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(c&&d){const m=x=>h(x,d),y=x=>h(x,c);return c.addEventListener("pointerleave",m),d.addEventListener("pointerleave",y),()=>{c.removeEventListener("pointerleave",m),d.removeEventListener("pointerleave",y)}}},[c,d,h,v]),s.useEffect(()=>{if(a){const m=y=>{const x=y.target,P={x:y.clientX,y:y.clientY},w=c?.contains(x)||d?.contains(x),C=!cn(P,a);w?v():C&&(v(),l())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[c,d,a,l,v]),p.jsx(Be,{...e,ref:i})}),[nn,rn]=z(V,{isInside:!1}),Be=s.forwardRef((e,t)=>{const{__scopeTooltip:n,children:r,"aria-label":o,onEscapeKeyDown:i,onPointerDownOutside:a,...u}=e,c=F(I,n),l=q(n),{onClose:d}=c;return s.useEffect(()=>(document.addEventListener(Z,d),()=>document.removeEventListener(Z,d)),[d]),s.useEffect(()=>{if(c.trigger){const f=v=>{v.target?.contains(c.trigger)&&d()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[c.trigger,d]),p.jsx(Pe,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:i,onPointerDownOutside:a,onFocusOutside:f=>f.preventDefault(),onDismiss:d,children:p.jsxs(Ht,{"data-state":c.stateAttribute,...l,...u,ref:t,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[p.jsx(xe,{children:r}),p.jsx(nn,{scope:n,isInside:!0,children:p.jsx(Xt,{id:c.contentId,role:"tooltip",children:o||r})})]})})});We.displayName=I;var Ue="TooltipArrow",ze=s.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,o=q(n);return rn(Ue,n).isInside?null:p.jsx(Wt,{...o,...r,ref:t})});ze.displayName=Ue;function on(e,t){const n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),o=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(n,r,o,i)){case i:return"left";case o:return"right";case n:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function sn(e,t,n=5){const r=[];switch(t){case"top":r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function an(e){const{top:t,right:n,bottom:r,left:o}=e;return[{x:o,y:t},{x:n,y:t},{x:n,y:r},{x:o,y:r}]}function cn(e,t){const{x:n,y:r}=e;let o=!1;for(let i=0,a=t.length-1;i<t.length;a=i++){const u=t[i].x,c=t[i].y,l=t[a].x,d=t[a].y;c>r!=d>r&&n<(l-u)*(r-c)/(d-c)+u&&(o=!o)}return o}function ln(e){const t=e.slice();return t.sort((n,r)=>n.x<r.x?-1:n.x>r.x?1:n.y<r.y?-1:n.y>r.y?1:0),un(t)}function un(e){if(e.length<=1)return e.slice();const t=[];for(let r=0;r<e.length;r++){const o=e[r];for(;t.length>=2;){const i=t[t.length-1],a=t[t.length-2];if((i.x-a.x)*(o.y-a.y)>=(i.y-a.y)*(o.x-a.x))t.pop();else break}t.push(o)}t.pop();const n=[];for(let r=e.length-1;r>=0;r--){const o=e[r];for(;n.length>=2;){const i=n[n.length-1],a=n[n.length-2];if((i.x-a.x)*(o.y-a.y)>=(i.y-a.y)*(o.x-a.x))n.pop();else break}n.push(o)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var dn=Me,pn=Fe,fn=$e,hn=He,vn=We,mn=ze;const yn="_slideDownAndFade_fkagk_1",gn="_slideLeftAndFade_fkagk_1",xn="_slideUpAndFade_fkagk_1",wn="_slideRightAndFade_fkagk_1",Pn={"purpur-tooltip":"_purpur-tooltip_fkagk_1","purpur-tooltip__content":"_purpur-tooltip__content_fkagk_4","purpur-tooltip__content--primary":"_purpur-tooltip__content--primary_fkagk_14","purpur-tooltip__content--primary-negative":"_purpur-tooltip__content--primary-negative_fkagk_17",slideDownAndFade:yn,slideLeftAndFade:gn,slideUpAndFade:xn,slideRightAndFade:wn,"purpur-tooltip__arrow--primary":"_purpur-tooltip__arrow--primary_fkagk_32","purpur-tooltip__arrow--primary-negative":"_purpur-tooltip__arrow--primary-negative_fkagk_35"},G=ut.c.bind(Pn),qe={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},Ve={START:"start",CENTER:"center",END:"end"},L="purpur-tooltip",Ge=Y.forwardRef(({["data-testid"]:e,buttonSize:t="md",children:n,className:r,container:o,contentClassName:i,negative:a=!1,position:u=qe.TOP,align:c=Ve.CENTER,triggerAriaLabel:l,triggerElement:d,...f},v)=>{const[h,m]=Y.useState(!1),y=lt.useThemePortalContainer(),x=o===void 0?y:o??void 0,P=G(r,L,`${L}--primary${a?"-negative":""}`),w=p.jsx(le.Button,{ref:v,"aria-label":l??"","aria-expanded":h,variant:le.BUTTON_VARIANT.TERTIARY_PURPLE,negative:a,iconOnly:!0,"data-testid":`${e}-trigger-button`,size:t,children:p.jsx(at.r,{size:"md"})});return p.jsx("div",{"data-testid":e,className:P,children:p.jsx(dn,{delayDuration:parseInt(ct.purpurMotionDuration400),children:p.jsxs(pn,{open:h,onOpenChange:m,...f,children:[p.jsx(fn,{asChild:!0,onClick:C=>{C.preventDefault(),m(!0)},children:d??w}),p.jsx(hn,{container:x,children:p.jsxs(vn,{side:u,align:c,className:G(i,`${L}__content`,`${L}__content--primary${a?"-negative":""}`),sideOffset:-5,"data-testid":`${e}-content`,children:[typeof n=="string"?p.jsx(ue.Paragraph,{variant:ue.ParagraphVariant.PARAGRAPH100,negative:!a,"data-testid":`${e}-paragraph`,children:n}):n,p.jsx(mn,{className:G(`${L}__arrow`,`${L}__arrow--primary${a?"-negative":""}`)})]})})]})})})});Ge.displayName="Tooltip";exports.TOOLTIP_ALIGN=Ve;exports.TOOLTIP_POSITION=qe;exports.Tooltip=Ge;
-//# sourceMappingURL=tooltip-COFCRUKv.js.map