@lax-wp/design-system 0.13.29 → 0.13.33-beta.0

package/dist/components/forms/select-field/SelectField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.es.js","sources":["../../../../src/components/forms/select-field/SelectField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Select as AntDSelect, Skeleton } from \"antd\";\nimport type { SelectProps } from \"antd\";\nimport \"./SelectField.css\";\nimport classNames from \"classnames\";\nimport debounce from \"lodash/debounce\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { Tag } from \"../../data-display/tag/Tag\";\nimport { BoltOutlined, NoteAddOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Label-value pair for select options\n */\nexport type TLabelValue = { label: string; value: string; icon?: JSX.Element };\n\n/**\n * Select option interface\n */\nexport interface SelectOption {\n  label: string | any;\n  value: string | number;\n  color?: string;\n}\n\ntype TagRender = SelectProps[\"tagRender\"];\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the SelectField component\n */\nexport interface SelectFieldProps extends Omit<SelectProps, \"onChange\"> {\n  /** Select mode - multiple or tags */\n  mode?: \"multiple\" | \"tags\";\n  /** The label text to display above the select */\n  label?: string | ReactNode;\n  /** Current value of the select */\n  value?: string | string[] | SelectOption | SelectOption[] | any;\n  /** Array of select options */\n  selectOptions?: SelectOption[];\n  /** Whether content is loading */\n  hasContentLoading?: boolean;\n  /** Callback function called when the select value changes */\n  onChange?: (value: any) => void;\n  /** Callback function for search */\n  onSearch?: (searchValue: string) => void;\n  /** Callback function for scroll */\n  onScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;\n  /** Callback function for input change */\n  onInputChange?: (newValue: string) => void;\n  /** Debounce timeout for search */\n  debounceTimeout?: number;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Whether this is a GTN (Global Technical Name) field */\n  isGTN?: boolean;\n  /** GTN name for the field */\n  gtnName?: any;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Whether the field is hovered */\n  isHovered?: boolean;\n  /** Whether to enable filter option */\n  filterOption?: boolean;\n  /** Whether the select is loading */\n  isLoading?: boolean;\n  /** Whether to auto clear search value */\n  autoClearSearchValue?: boolean;\n  /** Whether to show label with full opacity */\n  fullOpacityLabel?: boolean;\n  /** Color for the select */\n  color?: string;\n  /** Whether to show all tags */\n  showAllTags?: boolean;\n  /** Custom tag render function */\n  customTagRender?: TagRender;\n  /** Custom inline styles for the select */\n  inputStyles?: React.CSSProperties;\n  /** Whether the select is disabled */\n  disabled?: boolean;\n  /** Whether to show select all option */\n  showSelectAll?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Add to document icon component */\n  AddToDocumentIcon?: React.ComponentType<{\n    fontSize?: number;\n    color?: string;\n  }>;\n  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** User avatar component for option rendering */\n  UserAvatar?: React.ComponentType<{\n    firstName: string;\n    lastName: string;\n    profilePic: string;\n    size: string;\n    enablePopper: boolean;\n    userId: string;\n  }>;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning colors; `'deleted'` — Error colors, text #475467; `'success'` — Success colors, text #101828. */\n  inputEmphasis?: \"default\" | \"modified\" | \"deleted\" | \"success\";\n}\n\n/**\n * Parse value type alias for return type\n */\ntype ParsedValue = string | number | string[] | number[] | SelectOption | null;\n\n/**\n * Parse value to the correct format for Ant Design Select\n */\nconst parseValue = (\n  value: string | string[] | SelectOption | SelectOption[]\n): ParsedValue => {\n  if (Array.isArray(value)) {\n    return value.map((item) =>\n      typeof item === \"string\" || typeof item === \"number\" ? item : item.value\n    ) as string[] | number[];\n  }\n\n  return value || null;\n};\n\n/**\n * Remove duplicate options\n */\nconst removeDuplicates = (arr: any[]) => {\n  return arr.filter(\n    (item: { value: any; label: any }, index: any, self: any[]) => {\n      return (\n        self.findIndex(\n          (t: { value: any; label: any }) =>\n            t.value === item.value && t.label === item.label\n        ) === index\n      );\n    }\n  );\n};\n\n/**\n * Prepare options from various input formats\n */\nconst prepareOptions = ({\n  options,\n  value,\n  defaultValue,\n}: {\n  options?: SelectOption[];\n  value: string | string[] | SelectOption | SelectOption[];\n  defaultValue?: string | string[] | SelectOption | SelectOption[];\n}): SelectOption[] => {\n  if (options?.length) {\n    return removeDuplicates(\n      options.map((opt) => ({ ...opt, color: opt.color }))\n    );\n  }\n\n  if (\n    Array.isArray(value) &&\n    value.length &&\n    typeof value[0] === \"object\" &&\n    \"label\" in value[0]\n  ) {\n    return value.map((item: any) => ({\n      label: String(item?.label || \"\"),\n      value: String(item?.value || \"\"),\n      color: item?.color,\n    }));\n  }\n\n  if (value && typeof value === \"object\" && \"label\" in value) {\n    return [\n      {\n        label: String((value as any).label || \"\"),\n        value: String((value as any).value || \"\"),\n        color: (value as any)?.color,\n      },\n    ];\n  }\n\n  if (\n    Array.isArray(defaultValue) &&\n    defaultValue.length &&\n    typeof defaultValue[0] === \"object\" &&\n    \"label\" in defaultValue[0]\n  ) {\n    return defaultValue.map((item: any) => ({\n      label: String(item?.label || \"\"),\n      value: String(item?.value || \"\"),\n      color: item?.color,\n    }));\n  }\n\n  if (\n    defaultValue &&\n    typeof defaultValue === \"object\" &&\n    \"label\" in defaultValue\n  ) {\n    return [\n      {\n        label: String((defaultValue as any).label || \"\"),\n        value: String((defaultValue as any).value || \"\"),\n        color: (defaultValue as any)?.color,\n      },\n    ];\n  }\n\n  return [];\n};\n\n/**\n * Loading indicator component for select dropdown\n */\nconst LoadingIndicator = ({\n  hasExistingData,\n}: {\n  hasExistingData: boolean;\n}) => (\n  <div className=\"!w-full px-3 py-1.5\">\n    {hasExistingData ? (\n      <Skeleton paragraph={{ rows: 1, width: \"100%\" }} />\n    ) : (\n      <Skeleton />\n    )}\n  </div>\n);\n\n/**\n * Props for SelectPopupRender component\n */\ninterface SelectPopupRenderProps {\n  showSelectAll: boolean;\n  mode?: \"multiple\" | \"tags\";\n  options: SelectOption[];\n  searchValue: string;\n  handleSelectAll: () => void;\n  isAllSelected: boolean;\n  menu: ReactNode;\n  isLoading: boolean;\n  hasExistingData: boolean;\n  t: (key: string) => string;\n}\n\n/**\n * SelectPopupRender component - Renders the custom popup content for the select dropdown\n */\nconst SelectPopupRender = ({\n  showSelectAll,\n  mode,\n  options,\n  searchValue,\n  handleSelectAll,\n  isAllSelected,\n  menu,\n  isLoading,\n  hasExistingData,\n  t,\n}: SelectPopupRenderProps) => (\n  <>\n    {showSelectAll &&\n      mode === \"multiple\" &&\n      options.length > 0 &&\n      searchValue.trim().length === 0 && (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          className=\"px-3 py-2 border-b border-gray-200 dark:border-gray-600 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700\"\n          onClick={(e) => {\n            e.stopPropagation();\n            handleSelectAll();\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              handleSelectAll();\n            }\n          }}\n        >\n          <Typography\n            size=\"small\"\n            variant=\"semibold\"\n            className=\"text-primary-600 dark:text-primary-300\"\n            appearance=\"custom\"\n          >\n            {isAllSelected ? t(\"Deselect all\") : t(\"Select all\")}\n          </Typography>\n        </div>\n      )}\n    {menu}\n    {isLoading && <LoadingIndicator hasExistingData={hasExistingData} />}\n  </>\n);\n\n/**\n * SelectField component - A feature-rich select dropdown with multi-select, tags, search, and more\n *\n * @example\n * ```tsx\n * <SelectField\n *   label=\"Country\"\n *   value=\"us\"\n *   selectOptions={[\n *     { label: 'United States', value: 'us' },\n *     { label: 'Canada', value: 'ca' }\n *   ]}\n *   onChange={(value) => console.log(value)}\n * />\n *\n * <SelectField\n *   label=\"Tags\"\n *   mode=\"multiple\"\n *   value={['tag1', 'tag2']}\n *   selectOptions={tagOptions}\n *   onChange={(values) => console.log(values)}\n * />\n * ```\n */\nexport const SelectField = forwardRef<HTMLDivElement, SelectFieldProps>(\n  (\n    {\n      label,\n      value: valueProp,\n      mode,\n      errorMessage,\n      selectOptions = [],\n      required = false,\n      tags,\n      className,\n      onInputChange,\n      tooltip,\n      originalCase = false,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName: _gtnName = null,\n      onChange,\n      onSearch,\n      debounceTimeout = 500,\n      filterOption = true,\n      onScroll,\n      isLoading = false,\n      allowClear = true,\n      autoClearSearchValue = true,\n      fullOpacityLabel: _fullOpacityLabel = false,\n      showAllTags = false,\n      customTagRender,\n      inputStyles: _inputStyles,\n      disabled = false,\n      showSelectAll = false,\n      labelClassName,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      AddToDocumentIcon: _AddToDocumentIcon,\n      primaryColorShades: _primaryColorShades,\n      UserAvatar,\n      onAddGTNToDocument,\n      isRequiredConditional,\n      isLiveField = false,\n      labelExtra,\n      inputEmphasis = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHoveredState, setIsHoveredState] = useState(false);\n    const emphasisModifiedSkin = inputEmphasis === \"modified\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisSuccessSkin = inputEmphasis === \"success\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const selectRef = useRef<HTMLDivElement>(null);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const [searchValue, setSearchValue] = useState(\"\");\n\n    useEffect(() => {\n      const styleId = \"select-field-scrollbar-styles\";\n      if (document.getElementById(styleId)) return;\n      const style = document.createElement(\"style\");\n      style.id = styleId;\n      style.textContent = `\n        [class*=\"virtual-list-scrollbar\"]:not([class*=\"thumb\"]) {\n          width: 8px !important;\n          background: transparent !important;\n        }\n        [class*=\"virtual-list-scrollbar-thumb\"] {\n          background: rgba(0, 0, 0, 0.2) !important;\n          border-radius: 6px !important;\n        }\n        .dark [class*=\"virtual-list-scrollbar-thumb\"] {\n          background: #454545 !important;\n        }\n      `;\n      document.head.appendChild(style);\n    }, []);\n\n    const handleAddGTNToDocument = () => {\n      if (onAddGTNToDocument) {\n        let _value: string = \"\";\n\n        if (value == null) {\n          _value = \"\";\n        } else if (typeof value === \"string\" || typeof value === \"number\") {\n          _value = String(value);\n        } else if (Array.isArray(value)) {\n          // If array of SelectOption, string, or number\n          _value = value\n            .map((item) =>\n              typeof item === \"object\" && item !== null && \"value\" in item\n                ? (item as { value: string | number }).value\n                : item\n            )\n            .join(\", \");\n        } else if (typeof value === \"object\" && \"value\" in value) {\n          _value = String(value.value);\n        }\n\n        const keyValuePair = {\n          key: _gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const value = parseValue(valueProp);\n    const debounceFetcher = useMemo(\n      () => (onSearch ? debounce(onSearch, debounceTimeout) : null),\n      [onSearch, debounceTimeout]\n    );\n\n    const handleChange = (\n      _newValue: string | string[],\n      selectedOptions: any\n    ) => {\n      if (selectRef.current && props.id) {\n        const containerElement = document.getElementById(props.id);\n        if (containerElement) {\n          const valueToStore = Array.isArray(selectedOptions)\n            ? selectedOptions.map((opt: any) => opt.value)\n            : selectedOptions?.value;\n\n          containerElement.dataset.selectedValue = JSON.stringify(valueToStore);\n          const changeEvent = new Event(\"change\", { bubbles: true });\n\n          Object.defineProperty(changeEvent, \"target\", {\n            writable: false,\n            value: containerElement,\n          });\n\n          containerElement.dispatchEvent(changeEvent);\n\n          const pilotEvent = new CustomEvent(\"pilot-change\", {\n            bubbles: true,\n            detail: {\n              selector: `#${props.id}`,\n              value: valueToStore,\n              type: \"change\",\n            },\n          });\n          containerElement.dispatchEvent(pilotEvent);\n        }\n      }\n\n      if (mode === \"tags\") {\n        const _values = Array.isArray(_newValue) ? _newValue : [_newValue];\n        onChange?.(_values?.map((item) => ({ label: item, value: item })));\n      } else {\n        onChange?.(selectedOptions);\n      }\n    };\n\n    const options = prepareOptions({\n      options: selectOptions,\n      value: valueProp,\n      defaultValue: props?.defaultValue,\n    });\n\n    const hasExistingData = useMemo(() => {\n      return options.length > 0 || (value !== null && value !== undefined);\n    }, [options, value]);\n\n    const isAllSelected = useMemo(() => {\n      if (!mode || mode !== \"multiple\" || options.length === 0) return false;\n\n      const currentValues = Array.isArray(value) ? value : [];\n      const allOptionValues = options.map((option) => option.value);\n\n      return allOptionValues.every((optionValue) =>\n        currentValues.some((currentValue: any) =>\n          typeof currentValue === \"object\" &&\n          currentValue !== null &&\n          \"value\" in currentValue\n            ? String(currentValue.value) === String(optionValue)\n            : String(currentValue) === String(optionValue)\n        )\n      );\n    }, [value, options, mode]);\n\n    const handleSelectAll = () => {\n      if (!mode || mode !== \"multiple\" || !onChange) return;\n\n      onChange(isAllSelected ? [] : options);\n    };\n\n    const triggerSubmit = useCallback((formEl: HTMLFormElement | null) => {\n      if (!formEl) return;\n\n      const submitEvent = new Event(\"submit\", {\n        bubbles: true,\n        cancelable: true,\n      });\n      formEl.dispatchEvent(submitEvent);\n\n      const submitBtn = formEl.querySelector<HTMLButtonElement>(\n        'button[type=\"submit\"]'\n      );\n      if (submitBtn) {\n        submitBtn.click();\n      }\n    }, []);\n\n    const handleKeyDownCapture = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.key === \"Enter\" && !isDropdownOpen) {\n          e.preventDefault();\n          e.stopPropagation();\n\n          if (value) {\n            const form = e.currentTarget.closest(\"form\") as HTMLFormElement;\n            triggerSubmit(form);\n          }\n        }\n      },\n      [isDropdownOpen, value, triggerSubmit]\n    );\n\n    const tagRender: TagRender = useCallback(\n      (renderProps: any) => {\n        const { label: tagLabel, value: tagValue, onClose } = renderProps;\n\n        const option = options.find(\n          (opt) => String(opt.value) === String(tagValue)\n        );\n        const tagColor = option?.color || \"primary\";\n\n        const onPreventMouseDown = (\n          event: React.MouseEvent<HTMLSpanElement>\n        ) => {\n          event.preventDefault();\n          event.stopPropagation();\n        };\n\n        return (\n          <div className=\"cursor-pointer me-1 inline-flex\">\n            <Tag\n              label={tagLabel as string}\n              color={tagColor}\n              className=\"!px-0.5 !py-0 !rounded\"\n              size=\"md\"\n              onMouseDown={onPreventMouseDown}\n              onClick={disabled ? undefined : onClose}\n              isHashColor\n              removable\n              onRemove={onClose}\n            />\n          </div>\n        );\n      },\n      [options, disabled]\n    );\n\n    const handleOnInputChange = useCallback(\n      (value: string) => {\n        setSearchValue(value);\n        (onInputChange || debounceFetcher)?.(value);\n      },\n      [onInputChange, debounceFetcher]\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={classNames(\n          \"flex gap-0.5 w-full relative\",\n          isHoveredState && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHoveredState(true)}\n        onMouseLeave={() => setIsHoveredState(false)}\n        id={props.id}\n      >\n        {isGTN && !isHoveredState ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div\n          className={classNames(\n            \"w-full flex flex-col gap-1 risk-analysis-select-field\",\n            className\n          )}\n          onMouseDown={(e) => e.stopPropagation()}\n          onKeyDownCapture={handleKeyDownCapture}\n          role=\"group\"\n          aria-labelledby={label ? \"select-field-label\" : undefined}\n        >\n          {label ? (\n            <label\n              id=\"select-field-label\"\n              htmlFor=\"label\"\n              className={`text-xs font-medium text-gray-600 dark:text-black-300 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"} ${\n                labelClassName || \"\"\n              }`}\n            >\n              <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n                <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n                  <InputLabel\n                    label={label || \"\"}\n                    required={required || false}\n                    isRequiredConditional={isRequiredConditional || false}\n                  />\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <Tooltip placement=\"top\" title={tooltip}>\n                      <div\n                        className=\"cursor-pointer\"\n                        role=\"button\"\n                        tabIndex={0}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\" || e.key === \" \") {\n                            e.preventDefault();\n                            // Tooltip will show on focus\n                          }\n                        }}\n                      >\n                        <HelpIcon />\n                      </div>\n                    </Tooltip>\n                  )}\n                  {labelExtra}\n                </div>\n\n                <div className=\"flex items-center gap-1 justify-self-end\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip ?? \"\"}\n                      hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={classNames(\n                          \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span className={classNames(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n                  {isGTN && isHoveredState ? (\n                    <button\n                      id=\"btn-select-field-base-add-to-document\"\n                      className=\"cursor-pointer\"\n                      onClick={handleAddGTNToDocument}\n                      type=\"button\"\n                    >\n                      <Tooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{ fontSize: 16 }}\n                        />\n                      </Tooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          ) : null}\n          <AntDSelect\n            onOpenChange={setIsDropdownOpen}\n            disabled={disabled}\n            className={`w-full text-black-900 dark:text-black-200 ${errorMessage && required ? \"ant-select-status-error\" : \"#e2e8f0\"} ${\n              isRiskAnalysisOpen && riskDetails?.color\n                ? \"risk-select-field\"\n                : \"\"\n            } ${\n              emphasisModifiedSkin ? \"select-field-emphasis-modified\" :\n              emphasisDeletedSkin ? \"select-field-emphasis-deleted\" :\n              emphasisSuccessSkin ? \"select-field-emphasis-success\" : \"\"\n            }`}\n            classNames={{\n              popup: {\n                root: \"!z-[5001]\",\n              },\n            }}\n            style={\n              {\n                width: \"100%\",\n                \"--risk-color\":\n                  isRiskAnalysisOpen && riskDetails?.hexBgColor\n                    ? riskDetails?.hexBgColor\n                    : \"\",\n                \"--risk-border-color\":\n                  isRiskAnalysisOpen && riskDetails?.hexBorderColor\n                    ? riskDetails?.hexBorderColor\n                    : \"\",\n              } as React.CSSProperties\n            }\n            aria-required={required}\n            mode={mode}\n            value={value as string | string[] | null | undefined}\n            onChange={handleChange}\n            filterOption={\n              onSearch\n                ? filterOption\n                : (input, option) =>\n                    ((option?.label as string) || \"\")\n                      ?.toLowerCase()\n                      ?.includes(input?.toLowerCase())\n            }\n            showSearch\n            onSearch={handleOnInputChange || undefined}\n            onPopupScroll={onScroll}\n            popupClassName=\"select-field-dropdown-popup\"\n            popupRender={(menu) => (\n              <SelectPopupRender\n                showSelectAll={showSelectAll}\n                mode={mode}\n                options={options}\n                searchValue={searchValue}\n                handleSelectAll={handleSelectAll}\n                isAllSelected={isAllSelected}\n                menu={menu}\n                isLoading={isLoading}\n                hasExistingData={hasExistingData}\n                t={t}\n              />\n            )}\n            options={options.map(\n              ({\n                label: optionLabel,\n                value: optionValue,\n                color: optionColor,\n                ...rest\n              }) => ({\n                label: String(optionLabel),\n                value: String(optionValue),\n                key: String(optionValue),\n                id: String(optionValue),\n                color: optionColor,\n                ...rest,\n              })\n            )}\n            optionRender={(option) => {\n              const fullname = option?.data?.fullname;\n\n              if (fullname && UserAvatar) {\n                const [firstName, lastName] = fullname.split(\" \");\n\n                return (\n                  <div className=\"flex items-center justify-start gap-1\">\n                    <UserAvatar\n                      firstName={firstName}\n                      lastName={lastName}\n                      profilePic={option?.data?.url || \"\"}\n                      size=\"xs\"\n                      enablePopper={true}\n                      userId={option?.data?.value as string}\n                    />\n                    <span className=\"ml-2\">{option.label}</span>\n                  </div>\n                );\n              }\n              return <span>{option.label}</span>;\n            }}\n            autoClearSearchValue={autoClearSearchValue}\n            onClear={() =>\n              onChange &&\n              onChange(mode === \"tags\" || mode === \"multiple\" ? [] : null)\n            }\n            maxTagCount={\n              mode === \"tags\" && showAllTags ? undefined : \"responsive\"\n            }\n            maxTagPlaceholder={(omittedValues) => (\n              <Tooltip\n                placement=\"top\"\n                title={\n                  omittedValues.length > 3\n                    ? omittedValues\n                        .slice(0, 3)\n                        .map(({ label: l }) => l)\n                        .join(\", \") + \"...\"\n                    : omittedValues.map(({ label: l }) => l).join(\", \")\n                }\n              >\n                <span>+{omittedValues.length} more</span>\n              </Tooltip>\n            )}\n            tagRender={customTagRender || tagRender}\n            allowClear={allowClear}\n            {...props}\n          />\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\n\n        {isHoveredState &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHoveredState(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nSelectField.displayName = \"SelectField\";\n"],"names":["parseValue","value","item","removeDuplicates","arr","index","self","t","prepareOptions","options","defaultValue","opt","LoadingIndicator","hasExistingData","Skeleton","jsx","SelectPopupRender","showSelectAll","mode","searchValue","handleSelectAll","isAllSelected","menu","isLoading","jsxs","Fragment","e","Typography","SelectField","forwardRef","label","valueProp","errorMessage","selectOptions","required","tags","className","onInputChange","tooltip","originalCase","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","_gtnName","onChange","onSearch","debounceTimeout","filterOption","onScroll","allowClear","autoClearSearchValue","_fullOpacityLabel","showAllTags","customTagRender","_inputStyles","disabled","labelClassName","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","_AddToDocumentIcon","_primaryColorShades","UserAvatar","onAddGTNToDocument","isRequiredConditional","isLiveField","labelExtra","inputEmphasis","props","ref","useTranslation","isHoveredState","setIsHoveredState","useState","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","selectRef","useRef","isDropdownOpen","setIsDropdownOpen","setSearchValue","useEffect","styleId","style","handleAddGTNToDocument","_value","debounceFetcher","useMemo","debounce","handleChange","_newValue","selectedOptions","containerElement","valueToStore","changeEvent","pilotEvent","_values","currentValues","option","optionValue","currentValue","triggerSubmit","useCallback","formEl","submitEvent","submitBtn","handleKeyDownCapture","form","tagRender","renderProps","tagLabel","tagValue","onClose","tagColor","Tag","event","handleOnInputChange","classNames","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","NoteAddOutlined","AntDSelect","input","optionLabel","optionColor","rest","fullname","firstName","lastName","omittedValues","l"],"mappings":"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"}
+{"version":3,"file":"SelectField.es.js","sources":["../../../../src/components/forms/select-field/SelectField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Select as AntDSelect, Skeleton } from \"antd\";\nimport type { SelectProps } from \"antd\";\nimport \"./SelectField.css\";\nimport classNames from \"classnames\";\nimport debounce from \"lodash/debounce\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { Tag } from \"../../data-display/tag/Tag\";\nimport { BoltOutlined, NoteAddOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/** Height size variant for the select trigger. Maps to a Tailwind min-height class. */\nexport type SelectFieldInputSize = \"sm\" | \"md\" | \"lg\";\n\nconst INPUT_SIZE_CLASS: Record<SelectFieldInputSize, string> = {\n  sm: \"[&_.ant-select-selector]:!min-h-6\",   // 24px\n  md: \"[&_.ant-select-selector]:!min-h-8\",   // 32px\n  lg: \"[&_.ant-select-selector]:!min-h-10\",  // 40px\n};\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Label-value pair for select options\n */\nexport type TLabelValue = { label: string; value: string; icon?: JSX.Element };\n\n/**\n * Select option interface\n */\nexport interface SelectOption {\n  label: string | any;\n  value: string | number;\n  color?: string;\n}\n\ntype TagRender = SelectProps[\"tagRender\"];\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the SelectField component\n */\nexport interface SelectFieldProps extends Omit<SelectProps, \"onChange\"> {\n  /** Select mode - multiple or tags */\n  mode?: \"multiple\" | \"tags\";\n  /** The label text to display above the select */\n  label?: string | ReactNode;\n  /** Current value of the select */\n  value?: string | string[] | SelectOption | SelectOption[] | any;\n  /** Array of select options */\n  selectOptions?: SelectOption[];\n  /** Whether content is loading */\n  hasContentLoading?: boolean;\n  /** Callback function called when the select value changes */\n  onChange?: (value: any) => void;\n  /** Callback function for search */\n  onSearch?: (searchValue: string) => void;\n  /** Callback function for scroll */\n  onScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;\n  /** Callback function for input change */\n  onInputChange?: (newValue: string) => void;\n  /** Debounce timeout for search */\n  debounceTimeout?: number;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Whether this is a GTN (Global Technical Name) field */\n  isGTN?: boolean;\n  /** GTN name for the field */\n  gtnName?: any;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Whether the field is hovered */\n  isHovered?: boolean;\n  /** Whether to enable filter option */\n  filterOption?: boolean;\n  /** Whether the select is loading */\n  isLoading?: boolean;\n  /** Whether to auto clear search value */\n  autoClearSearchValue?: boolean;\n  /** Whether to show label with full opacity */\n  fullOpacityLabel?: boolean;\n  /** Color for the select */\n  color?: string;\n  /** Whether to show all tags */\n  showAllTags?: boolean;\n  /** Custom tag render function */\n  customTagRender?: TagRender;\n  /** Custom inline styles for the select */\n  inputStyles?: React.CSSProperties;\n  /** Whether the select is disabled */\n  disabled?: boolean;\n  /** Whether to show select all option */\n  showSelectAll?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Add to document icon component */\n  AddToDocumentIcon?: React.ComponentType<{\n    fontSize?: number;\n    color?: string;\n  }>;\n  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** User avatar component for option rendering */\n  UserAvatar?: React.ComponentType<{\n    firstName: string;\n    lastName: string;\n    profilePic: string;\n    size: string;\n    enablePopper: boolean;\n    userId: string;\n  }>;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning colors; `'deleted'` — Error colors, text #475467; `'success'` — Success colors, text #101828. */\n  inputEmphasis?: \"default\" | \"modified\" | \"deleted\" | \"success\";\n  /** Height size of the select trigger. `'sm'` = 24px, `'md'` = 32px (default), `'lg'` = 40px. */\n  inputSize?: SelectFieldInputSize;\n}\n\n/**\n * Parse value type alias for return type\n */\ntype ParsedValue = string | number | string[] | number[] | SelectOption | null;\n\n/**\n * Parse value to the correct format for Ant Design Select\n */\nconst parseValue = (\n  value: string | string[] | SelectOption | SelectOption[]\n): ParsedValue => {\n  if (Array.isArray(value)) {\n    return value.map((item) =>\n      typeof item === \"string\" || typeof item === \"number\" ? item : item.value\n    ) as string[] | number[];\n  }\n\n  return value || null;\n};\n\n/**\n * Remove duplicate options\n */\nconst removeDuplicates = (arr: any[]) => {\n  return arr.filter(\n    (item: { value: any; label: any }, index: any, self: any[]) => {\n      return (\n        self.findIndex(\n          (t: { value: any; label: any }) =>\n            t.value === item.value && t.label === item.label\n        ) === index\n      );\n    }\n  );\n};\n\n/**\n * Prepare options from various input formats\n */\nconst prepareOptions = ({\n  options,\n  value,\n  defaultValue,\n}: {\n  options?: SelectOption[];\n  value: string | string[] | SelectOption | SelectOption[];\n  defaultValue?: string | string[] | SelectOption | SelectOption[];\n}): SelectOption[] => {\n  if (options?.length) {\n    return removeDuplicates(\n      options.map((opt) => ({ ...opt, color: opt.color }))\n    );\n  }\n\n  if (\n    Array.isArray(value) &&\n    value.length &&\n    typeof value[0] === \"object\" &&\n    \"label\" in value[0]\n  ) {\n    return value.map((item: any) => ({\n      label: String(item?.label || \"\"),\n      value: String(item?.value || \"\"),\n      color: item?.color,\n    }));\n  }\n\n  if (value && typeof value === \"object\" && \"label\" in value) {\n    return [\n      {\n        label: String((value as any).label || \"\"),\n        value: String((value as any).value || \"\"),\n        color: (value as any)?.color,\n      },\n    ];\n  }\n\n  if (\n    Array.isArray(defaultValue) &&\n    defaultValue.length &&\n    typeof defaultValue[0] === \"object\" &&\n    \"label\" in defaultValue[0]\n  ) {\n    return defaultValue.map((item: any) => ({\n      label: String(item?.label || \"\"),\n      value: String(item?.value || \"\"),\n      color: item?.color,\n    }));\n  }\n\n  if (\n    defaultValue &&\n    typeof defaultValue === \"object\" &&\n    \"label\" in defaultValue\n  ) {\n    return [\n      {\n        label: String((defaultValue as any).label || \"\"),\n        value: String((defaultValue as any).value || \"\"),\n        color: (defaultValue as any)?.color,\n      },\n    ];\n  }\n\n  return [];\n};\n\n/**\n * Loading indicator component for select dropdown\n */\nconst LoadingIndicator = ({\n  hasExistingData,\n}: {\n  hasExistingData: boolean;\n}) => (\n  <div className=\"!w-full px-3 py-1.5\">\n    {hasExistingData ? (\n      <Skeleton paragraph={{ rows: 1, width: \"100%\" }} />\n    ) : (\n      <Skeleton />\n    )}\n  </div>\n);\n\n/**\n * Props for SelectPopupRender component\n */\ninterface SelectPopupRenderProps {\n  showSelectAll: boolean;\n  mode?: \"multiple\" | \"tags\";\n  options: SelectOption[];\n  searchValue: string;\n  handleSelectAll: () => void;\n  isAllSelected: boolean;\n  menu: ReactNode;\n  isLoading: boolean;\n  hasExistingData: boolean;\n  t: (key: string) => string;\n}\n\n/**\n * SelectPopupRender component - Renders the custom popup content for the select dropdown\n */\nconst SelectPopupRender = ({\n  showSelectAll,\n  mode,\n  options,\n  searchValue,\n  handleSelectAll,\n  isAllSelected,\n  menu,\n  isLoading,\n  hasExistingData,\n  t,\n}: SelectPopupRenderProps) => (\n  <>\n    {showSelectAll &&\n      mode === \"multiple\" &&\n      options.length > 0 &&\n      searchValue.trim().length === 0 && (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          className=\"px-3 py-2 border-b border-gray-200 dark:border-gray-600 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700\"\n          onClick={(e) => {\n            e.stopPropagation();\n            handleSelectAll();\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              handleSelectAll();\n            }\n          }}\n        >\n          <Typography\n            size=\"small\"\n            variant=\"semibold\"\n            className=\"text-primary-600 dark:text-primary-300\"\n            appearance=\"custom\"\n          >\n            {isAllSelected ? t(\"Deselect all\") : t(\"Select all\")}\n          </Typography>\n        </div>\n      )}\n    {menu}\n    {isLoading && <LoadingIndicator hasExistingData={hasExistingData} />}\n  </>\n);\n\n/**\n * SelectField component - A feature-rich select dropdown with multi-select, tags, search, and more\n *\n * @example\n * ```tsx\n * <SelectField\n *   label=\"Country\"\n *   value=\"us\"\n *   selectOptions={[\n *     { label: 'United States', value: 'us' },\n *     { label: 'Canada', value: 'ca' }\n *   ]}\n *   onChange={(value) => console.log(value)}\n * />\n *\n * <SelectField\n *   label=\"Tags\"\n *   mode=\"multiple\"\n *   value={['tag1', 'tag2']}\n *   selectOptions={tagOptions}\n *   onChange={(values) => console.log(values)}\n * />\n * ```\n */\nexport const SelectField = forwardRef<HTMLDivElement, SelectFieldProps>(\n  (\n    {\n      label,\n      value: valueProp,\n      mode,\n      errorMessage,\n      selectOptions = [],\n      required = false,\n      tags,\n      className,\n      onInputChange,\n      tooltip,\n      originalCase = false,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName: _gtnName = null,\n      onChange,\n      onSearch,\n      debounceTimeout = 500,\n      filterOption = true,\n      onScroll,\n      isLoading = false,\n      allowClear = true,\n      autoClearSearchValue = true,\n      fullOpacityLabel: _fullOpacityLabel = false,\n      showAllTags = false,\n      customTagRender,\n      inputStyles: _inputStyles,\n      disabled = false,\n      showSelectAll = false,\n      labelClassName,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      AddToDocumentIcon: _AddToDocumentIcon,\n      primaryColorShades: _primaryColorShades,\n      UserAvatar,\n      onAddGTNToDocument,\n      isRequiredConditional,\n      isLiveField = false,\n      labelExtra,\n      inputEmphasis = \"default\",\n      inputSize = \"md\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHoveredState, setIsHoveredState] = useState(false);\n    const emphasisModifiedSkin = inputEmphasis === \"modified\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisSuccessSkin = inputEmphasis === \"success\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const selectRef = useRef<HTMLDivElement>(null);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const [searchValue, setSearchValue] = useState(\"\");\n\n    useEffect(() => {\n      const styleId = \"select-field-scrollbar-styles\";\n      if (document.getElementById(styleId)) return;\n      const style = document.createElement(\"style\");\n      style.id = styleId;\n      style.textContent = `\n        [class*=\"virtual-list-scrollbar\"]:not([class*=\"thumb\"]) {\n          width: 8px !important;\n          background: transparent !important;\n        }\n        [class*=\"virtual-list-scrollbar-thumb\"] {\n          background: rgba(0, 0, 0, 0.2) !important;\n          border-radius: 6px !important;\n        }\n        .dark [class*=\"virtual-list-scrollbar-thumb\"] {\n          background: #454545 !important;\n        }\n      `;\n      document.head.appendChild(style);\n    }, []);\n\n    const handleAddGTNToDocument = () => {\n      if (onAddGTNToDocument) {\n        let _value: string = \"\";\n\n        if (value == null) {\n          _value = \"\";\n        } else if (typeof value === \"string\" || typeof value === \"number\") {\n          _value = String(value);\n        } else if (Array.isArray(value)) {\n          // If array of SelectOption, string, or number\n          _value = value\n            .map((item) =>\n              typeof item === \"object\" && item !== null && \"value\" in item\n                ? (item as { value: string | number }).value\n                : item\n            )\n            .join(\", \");\n        } else if (typeof value === \"object\" && \"value\" in value) {\n          _value = String(value.value);\n        }\n\n        const keyValuePair = {\n          key: _gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const value = parseValue(valueProp);\n    const debounceFetcher = useMemo(\n      () => (onSearch ? debounce(onSearch, debounceTimeout) : null),\n      [onSearch, debounceTimeout]\n    );\n\n    const handleChange = (\n      _newValue: string | string[],\n      selectedOptions: any\n    ) => {\n      if (selectRef.current && props.id) {\n        const containerElement = document.getElementById(props.id);\n        if (containerElement) {\n          const valueToStore = Array.isArray(selectedOptions)\n            ? selectedOptions.map((opt: any) => opt.value)\n            : selectedOptions?.value;\n\n          containerElement.dataset.selectedValue = JSON.stringify(valueToStore);\n          const changeEvent = new Event(\"change\", { bubbles: true });\n\n          Object.defineProperty(changeEvent, \"target\", {\n            writable: false,\n            value: containerElement,\n          });\n\n          containerElement.dispatchEvent(changeEvent);\n\n          const pilotEvent = new CustomEvent(\"pilot-change\", {\n            bubbles: true,\n            detail: {\n              selector: `#${props.id}`,\n              value: valueToStore,\n              type: \"change\",\n            },\n          });\n          containerElement.dispatchEvent(pilotEvent);\n        }\n      }\n\n      if (mode === \"tags\") {\n        const _values = Array.isArray(_newValue) ? _newValue : [_newValue];\n        onChange?.(_values?.map((item) => ({ label: item, value: item })));\n      } else {\n        onChange?.(selectedOptions);\n      }\n    };\n\n    const options = prepareOptions({\n      options: selectOptions,\n      value: valueProp,\n      defaultValue: props?.defaultValue,\n    });\n\n    const hasExistingData = useMemo(() => {\n      return options.length > 0 || (value !== null && value !== undefined);\n    }, [options, value]);\n\n    const isAllSelected = useMemo(() => {\n      if (!mode || mode !== \"multiple\" || options.length === 0) return false;\n\n      const currentValues = Array.isArray(value) ? value : [];\n      const allOptionValues = options.map((option) => option.value);\n\n      return allOptionValues.every((optionValue) =>\n        currentValues.some((currentValue: any) =>\n          typeof currentValue === \"object\" &&\n          currentValue !== null &&\n          \"value\" in currentValue\n            ? String(currentValue.value) === String(optionValue)\n            : String(currentValue) === String(optionValue)\n        )\n      );\n    }, [value, options, mode]);\n\n    const handleSelectAll = () => {\n      if (!mode || mode !== \"multiple\" || !onChange) return;\n\n      onChange(isAllSelected ? [] : options);\n    };\n\n    const triggerSubmit = useCallback((formEl: HTMLFormElement | null) => {\n      if (!formEl) return;\n\n      const submitEvent = new Event(\"submit\", {\n        bubbles: true,\n        cancelable: true,\n      });\n      formEl.dispatchEvent(submitEvent);\n\n      const submitBtn = formEl.querySelector<HTMLButtonElement>(\n        'button[type=\"submit\"]'\n      );\n      if (submitBtn) {\n        submitBtn.click();\n      }\n    }, []);\n\n    const handleKeyDownCapture = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.key === \"Enter\" && !isDropdownOpen) {\n          e.preventDefault();\n          e.stopPropagation();\n\n          if (value) {\n            const form = e.currentTarget.closest(\"form\") as HTMLFormElement;\n            triggerSubmit(form);\n          }\n        }\n      },\n      [isDropdownOpen, value, triggerSubmit]\n    );\n\n    const tagRender: TagRender = useCallback(\n      (renderProps: any) => {\n        const { label: tagLabel, value: tagValue, onClose } = renderProps;\n\n        const option = options.find(\n          (opt) => String(opt.value) === String(tagValue)\n        );\n        const tagColor = option?.color || \"primary\";\n\n        const onPreventMouseDown = (\n          event: React.MouseEvent<HTMLSpanElement>\n        ) => {\n          event.preventDefault();\n          event.stopPropagation();\n        };\n\n        return (\n          <div className=\"cursor-pointer me-1 inline-flex\">\n            <Tag\n              label={tagLabel as string}\n              color={tagColor}\n              className=\"!px-0.5 !py-0 !rounded\"\n              size=\"md\"\n              onMouseDown={onPreventMouseDown}\n              onClick={disabled ? undefined : onClose}\n              isHashColor\n              removable\n              onRemove={onClose}\n            />\n          </div>\n        );\n      },\n      [options, disabled]\n    );\n\n    const handleOnInputChange = useCallback(\n      (value: string) => {\n        setSearchValue(value);\n        (onInputChange || debounceFetcher)?.(value);\n      },\n      [onInputChange, debounceFetcher]\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={classNames(\n          \"flex gap-0.5 w-full relative\",\n          isHoveredState && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHoveredState(true)}\n        onMouseLeave={() => setIsHoveredState(false)}\n        id={props.id}\n      >\n        {isGTN && !isHoveredState ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div\n          className={classNames(\n            \"w-full flex flex-col gap-1 risk-analysis-select-field\",\n            className\n          )}\n          onMouseDown={(e) => e.stopPropagation()}\n          onKeyDownCapture={handleKeyDownCapture}\n          role=\"group\"\n          aria-labelledby={label ? \"select-field-label\" : undefined}\n        >\n          {label ? (\n            <label\n              id=\"select-field-label\"\n              htmlFor=\"label\"\n              className={`text-xs font-medium text-gray-600 dark:text-black-300 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"} ${\n                labelClassName || \"\"\n              }`}\n            >\n              <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n                <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n                  <InputLabel\n                    label={label || \"\"}\n                    required={required || false}\n                    isRequiredConditional={isRequiredConditional || false}\n                  />\n                  {isLiveField && (\n                    <BoltOutlined className=\"!text-base text-primary-600 rotate-[15deg]\" />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <Tooltip placement=\"top\" title={tooltip}>\n                      <div\n                        className=\"cursor-pointer\"\n                        role=\"button\"\n                        tabIndex={0}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\" || e.key === \" \") {\n                            e.preventDefault();\n                            // Tooltip will show on focus\n                          }\n                        }}\n                      >\n                        <HelpIcon />\n                      </div>\n                    </Tooltip>\n                  )}\n                  {labelExtra}\n                </div>\n\n                <div className=\"flex items-center gap-1 justify-self-end\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip ?? \"\"}\n                      hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={classNames(\n                          \"inline-flex min-w-12 items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span className={classNames(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n                  {isGTN && isHoveredState ? (\n                    <button\n                      id=\"btn-select-field-base-add-to-document\"\n                      className=\"cursor-pointer\"\n                      onClick={handleAddGTNToDocument}\n                      type=\"button\"\n                    >\n                      <Tooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined className=\"!text-base text-primary-600\" />\n                      </Tooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          ) : null}\n          <AntDSelect\n            onOpenChange={setIsDropdownOpen}\n            disabled={disabled}\n            className={classNames(\n              \"w-full h-8 flex items-center justify-center text-black-900 dark:text-black-200 text-sm\",\n              INPUT_SIZE_CLASS[inputSize],\n              errorMessage && required ? \"ant-select-status-error\" : \"\",\n              isRiskAnalysisOpen && riskDetails?.color ? \"risk-select-field\" : \"\",\n              emphasisModifiedSkin ? \"select-field-emphasis-modified\" :\n              emphasisDeletedSkin ? \"select-field-emphasis-deleted\" :\n              emphasisSuccessSkin ? \"select-field-emphasis-success\" : \"\"\n            )}\n            classNames={{\n              popup: {\n                root: \"!z-[5001]\",\n              },\n            }}\n            style={\n              {\n                width: \"100%\",\n                \"--risk-color\":\n                  isRiskAnalysisOpen && riskDetails?.hexBgColor\n                    ? riskDetails?.hexBgColor\n                    : \"\",\n                \"--risk-border-color\":\n                  isRiskAnalysisOpen && riskDetails?.hexBorderColor\n                    ? riskDetails?.hexBorderColor\n                    : \"\",\n              } as React.CSSProperties\n            }\n            aria-required={required}\n            mode={mode}\n            value={value as string | string[] | null | undefined}\n            onChange={handleChange}\n            filterOption={\n              onSearch\n                ? filterOption\n                : (input, option) =>\n                    ((option?.label as string) || \"\")\n                      ?.toLowerCase()\n                      ?.includes(input?.toLowerCase())\n            }\n            showSearch\n            onSearch={handleOnInputChange || undefined}\n            onPopupScroll={onScroll}\n            popupClassName=\"select-field-dropdown-popup\"\n            popupRender={(menu) => (\n              <SelectPopupRender\n                showSelectAll={showSelectAll}\n                mode={mode}\n                options={options}\n                searchValue={searchValue}\n                handleSelectAll={handleSelectAll}\n                isAllSelected={isAllSelected}\n                menu={menu}\n                isLoading={isLoading}\n                hasExistingData={hasExistingData}\n                t={t}\n              />\n            )}\n            options={options.map(\n              ({\n                label: optionLabel,\n                value: optionValue,\n                color: optionColor,\n                ...rest\n              }) => ({\n                label: String(optionLabel),\n                value: String(optionValue),\n                key: String(optionValue),\n                id: String(optionValue),\n                color: optionColor,\n                ...rest,\n              })\n            )}\n            optionRender={(option) => {\n              const fullname = option?.data?.fullname;\n\n              if (fullname && UserAvatar) {\n                const [firstName, lastName] = fullname.split(\" \");\n\n                return (\n                  <div className=\"flex items-center justify-start gap-1\">\n                    <UserAvatar\n                      firstName={firstName}\n                      lastName={lastName}\n                      profilePic={option?.data?.url || \"\"}\n                      size=\"xs\"\n                      enablePopper={true}\n                      userId={option?.data?.value as string}\n                    />\n                    <span className=\"ml-2\">{option.label}</span>\n                  </div>\n                );\n              }\n              return <span>{option.label}</span>;\n            }}\n            autoClearSearchValue={autoClearSearchValue}\n            onClear={() =>\n              onChange &&\n              onChange(mode === \"tags\" || mode === \"multiple\" ? [] : null)\n            }\n            maxTagCount={\n              mode === \"tags\" && showAllTags ? undefined : \"responsive\"\n            }\n            maxTagPlaceholder={(omittedValues) => (\n              <Tooltip\n                placement=\"top\"\n                title={\n                  omittedValues.length > 3\n                    ? omittedValues\n                        .slice(0, 3)\n                        .map(({ label: l }) => l)\n                        .join(\", \") + \"...\"\n                    : omittedValues.map(({ label: l }) => l).join(\", \")\n                }\n              >\n                <span>+{omittedValues.length} more</span>\n              </Tooltip>\n            )}\n            tagRender={customTagRender || tagRender}\n            allowClear={allowClear}\n            {...props}\n          />\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\n\n        {isHoveredState &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHoveredState(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nSelectField.displayName = \"SelectField\";\n"],"names":["INPUT_SIZE_CLASS","parseValue","value","item","removeDuplicates","arr","index","self","t","prepareOptions","options","defaultValue","opt","LoadingIndicator","hasExistingData","Skeleton","jsx","SelectPopupRender","showSelectAll","mode","searchValue","handleSelectAll","isAllSelected","menu","isLoading","jsxs","Fragment","e","Typography","SelectField","forwardRef","label","valueProp","errorMessage","selectOptions","required","tags","className","onInputChange","tooltip","originalCase","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","_gtnName","onChange","onSearch","debounceTimeout","filterOption","onScroll","allowClear","autoClearSearchValue","_fullOpacityLabel","showAllTags","customTagRender","_inputStyles","disabled","labelClassName","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","_AddToDocumentIcon","_primaryColorShades","UserAvatar","onAddGTNToDocument","isRequiredConditional","isLiveField","labelExtra","inputEmphasis","inputSize","props","ref","useTranslation","isHoveredState","setIsHoveredState","useState","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","selectRef","useRef","isDropdownOpen","setIsDropdownOpen","setSearchValue","useEffect","styleId","style","handleAddGTNToDocument","_value","debounceFetcher","useMemo","debounce","handleChange","_newValue","selectedOptions","containerElement","valueToStore","changeEvent","pilotEvent","_values","currentValues","option","optionValue","currentValue","triggerSubmit","useCallback","formEl","submitEvent","submitBtn","handleKeyDownCapture","form","tagRender","renderProps","tagLabel","tagValue","onClose","tagColor","Tag","event","handleOnInputChange","classNames","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","NoteAddOutlined","AntDSelect","input","optionLabel","optionColor","rest","fullname","firstName","lastName","omittedValues"],"mappings":";;;;;;;;;;;;;;;;;AA0CA,MAAMA,KAAyD;AAAA,EAC7D,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AACN,GAiLMC,KAAa,CACjBC,MAEI,MAAM,QAAQA,CAAK,IACdA,EAAM;AAAA,EAAI,CAACC,MAChB,OAAOA,KAAS,YAAY,OAAOA,KAAS,WAAWA,IAAOA,EAAK;AAAA,IAIhED,KAAS,MAMZE,KAAmB,CAACC,MACjBA,EAAI;AAAA,EACT,CAACF,GAAkCG,GAAYC,MAE3CA,EAAK;AAAA,IACH,CAACC,MACCA,EAAE,UAAUL,EAAK,SAASK,EAAE,UAAUL,EAAK;AAAA,EAAA,MACzCG;AAEV,GAOEG,KAAiB,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,OAAAR;AAAA,EACA,cAAAS;AACF,MAKMD,GAAS,SACJN;AAAA,EACLM,EAAQ,IAAI,CAACE,OAAS,EAAE,GAAGA,GAAK,OAAOA,EAAI,QAAQ;AAAA,IAKrD,MAAM,QAAQV,CAAK,KACnBA,EAAM,UACN,OAAOA,EAAM,CAAC,KAAM,YACpB,WAAWA,EAAM,CAAC,IAEXA,EAAM,IAAI,CAACC,OAAe;AAAA,EAC/B,OAAO,OAAOA,GAAM,SAAS,EAAE;AAAA,EAC/B,OAAO,OAAOA,GAAM,SAAS,EAAE;AAAA,EAC/B,OAAOA,GAAM;AAAA,EACb,IAGAD,KAAS,OAAOA,KAAU,YAAY,WAAWA,IAC5C;AAAA,EACL;AAAA,IACE,OAAO,OAAQA,EAAc,SAAS,EAAE;AAAA,IACxC,OAAO,OAAQA,EAAc,SAAS,EAAE;AAAA,IACxC,OAAQA,GAAe;AAAA,EAAA;AACzB,IAKF,MAAM,QAAQS,CAAY,KAC1BA,EAAa,UACb,OAAOA,EAAa,CAAC,KAAM,YAC3B,WAAWA,EAAa,CAAC,IAElBA,EAAa,IAAI,CAACR,OAAe;AAAA,EACtC,OAAO,OAAOA,GAAM,SAAS,EAAE;AAAA,EAC/B,OAAO,OAAOA,GAAM,SAAS,EAAE;AAAA,EAC/B,OAAOA,GAAM;AAAA,EACb,IAIFQ,KACA,OAAOA,KAAiB,YACxB,WAAWA,IAEJ;AAAA,EACL;AAAA,IACE,OAAO,OAAQA,EAAqB,SAAS,EAAE;AAAA,IAC/C,OAAO,OAAQA,EAAqB,SAAS,EAAE;AAAA,IAC/C,OAAQA,GAAsB;AAAA,EAAA;AAChC,IAIG,CAAA,GAMHE,KAAmB,CAAC;AAAA,EACxB,iBAAAC;AACF,wBAGG,OAAA,EAAI,WAAU,uBACZ,UAAAA,sBACEC,GAAA,EAAS,WAAW,EAAE,MAAM,GAAG,OAAO,OAAA,GAAU,IAEjD,gBAAAC,EAACD,KAAS,GAEd,GAsBIE,KAAoB,CAAC;AAAA,EACzB,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAT;AAAA,EACA,aAAAU;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAV;AAAA,EACA,GAAAN;AACF,MACE,gBAAAiB,EAAAC,IAAA,EACG,UAAA;AAAA,EAAAR,KACCC,MAAS,cACTT,EAAQ,SAAS,KACjBU,EAAY,KAAA,EAAO,WAAW,KAC5B,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,CAACW,MAAM;AACd,QAAAA,EAAE,gBAAA,GACFN,EAAA;AAAA,MACF;AAAA,MACA,WAAW,CAACM,MAAM;AAChB,SAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFN,EAAA;AAAA,MAEJ;AAAA,MAEA,UAAA,gBAAAL;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,YAAW;AAAA,UAEV,UAAgBpB,EAAhBc,IAAkB,iBAAoB,YAAN;AAAA,QAAkB;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAAA,EAGLC;AAAA,EACAC,KAAa,gBAAAR,EAACH,IAAA,EAAiB,iBAAAC,EAAA,CAAkC;AAAA,GACpE,GA2BWe,KAAcC;AAAA,EACzB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,OAAOC;AAAA,IACP,MAAAb;AAAA,IACA,cAAAc;AAAA,IACA,eAAAC,IAAgB,CAAA;AAAA,IAChB,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,eAAAC,IAAgB;AAAA,IAChB,iBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,mBAAAC;AAAA,IACA,YAAAC,KAAa,CAAA;AAAA,IACb,wBAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAASC,KAAW;AAAA,IACpB,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,cAAAC,KAAe;AAAA,IACf,UAAAC;AAAA,IACA,WAAA7B,KAAY;AAAA,IACZ,YAAA8B,KAAa;AAAA,IACb,sBAAAC,KAAuB;AAAA,IACvB,kBAAkBC,KAAoB;AAAA,IACtC,aAAAC,KAAc;AAAA,IACd,iBAAAC;AAAA,IACA,aAAaC;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,eAAA1C,KAAgB;AAAA,IAChB,gBAAA2C;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,iBAAAC;AAAA,IACA,mBAAmBC;AAAA,IACnB,oBAAoBC;AAAA,IACpB,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC,KAAc;AAAA,IACd,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,WAAAC,KAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,OACG;AACH,UAAM,EAAE,GAAAnE,EAAA,IAAMoE,GAAA,GACR,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpDC,KAAuBR,MAAkB,cAAc,CAACvC,KAAgB,EAAE8B,KAAsBD,GAAa,QAC7GmB,KAAsBT,MAAkB,aAAa,CAACvC,KAAgB,EAAE8B,KAAsBD,GAAa,QAC3GoB,KAAsBV,MAAkB,aAAa,CAACvC,KAAgB,EAAE8B,KAAsBD,GAAa,QAC3GqB,KAAYC,GAAuB,IAAI,GACvC,CAACC,GAAgBC,EAAiB,IAAIP,EAAS,EAAK,GACpD,CAAC3D,IAAamE,EAAc,IAAIR,EAAS,EAAE;AAEjD,IAAAS,GAAU,MAAM;AACd,YAAMC,IAAU;AAChB,UAAI,SAAS,eAAeA,CAAO,EAAG;AACtC,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,MAAAA,EAAM,KAAKD,GACXC,EAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAapB,SAAS,KAAK,YAAYA,CAAK;AAAA,IACjC,GAAG,CAAA,CAAE;AAEL,UAAMC,KAAyB,MAAM;AACnC,UAAIvB,GAAoB;AACtB,YAAIwB,IAAiB;AAErB,QAAI1F,KAAS,OACX0F,IAAS,KACA,OAAO1F,KAAU,YAAY,OAAOA,KAAU,WACvD0F,IAAS,OAAO1F,CAAK,IACZ,MAAM,QAAQA,CAAK,IAE5B0F,IAAS1F,EACN;AAAA,UAAI,CAACC,MACJ,OAAOA,KAAS,YAAYA,MAAS,QAAQ,WAAWA,IACnDA,EAAoC,QACrCA;AAAA,QAAA,EAEL,KAAK,IAAI,IACH,OAAOD,KAAU,YAAY,WAAWA,MACjD0F,IAAS,OAAO1F,EAAM,KAAK,IAO7BkE,EAJqB;AAAA,UACnB,KAAKpB;AAAA,UACL,OAAO4C;AAAA,QAAA,CAEsB;AAAA,MACjC;AAAA,IACF,GAEM1F,IAAQD,GAAW+B,CAAS,GAC5B6D,IAAkBC;AAAA,MACtB,MAAO5C,IAAW6C,GAAS7C,GAAUC,CAAe,IAAI;AAAA,MACxD,CAACD,GAAUC,CAAe;AAAA,IAAA,GAGtB6C,KAAe,CACnBC,GACAC,MACG;AACH,UAAIf,GAAU,WAAWT,EAAM,IAAI;AACjC,cAAMyB,IAAmB,SAAS,eAAezB,EAAM,EAAE;AACzD,YAAIyB,GAAkB;AACpB,gBAAMC,IAAe,MAAM,QAAQF,CAAe,IAC9CA,EAAgB,IAAI,CAACtF,MAAaA,EAAI,KAAK,IAC3CsF,GAAiB;AAErB,UAAAC,EAAiB,QAAQ,gBAAgB,KAAK,UAAUC,CAAY;AACpE,gBAAMC,IAAc,IAAI,MAAM,UAAU,EAAE,SAAS,IAAM;AAEzD,iBAAO,eAAeA,GAAa,UAAU;AAAA,YAC3C,UAAU;AAAA,YACV,OAAOF;AAAA,UAAA,CACR,GAEDA,EAAiB,cAAcE,CAAW;AAE1C,gBAAMC,IAAa,IAAI,YAAY,gBAAgB;AAAA,YACjD,SAAS;AAAA,YACT,QAAQ;AAAA,cACN,UAAU,IAAI5B,EAAM,EAAE;AAAA,cACtB,OAAO0B;AAAA,cACP,MAAM;AAAA,YAAA;AAAA,UACR,CACD;AACD,UAAAD,EAAiB,cAAcG,CAAU;AAAA,QAC3C;AAAA,MACF;AAEA,UAAInF,MAAS,QAAQ;AACnB,cAAMoF,IAAU,MAAM,QAAQN,CAAS,IAAIA,IAAY,CAACA,CAAS;AACjE,QAAAhD,IAAWsD,GAAS,IAAI,CAACpG,OAAU,EAAE,OAAOA,GAAM,OAAOA,EAAA,EAAO,CAAC;AAAA,MACnE;AACE,QAAA8C,IAAWiD,CAAe;AAAA,IAE9B,GAEMxF,IAAUD,GAAe;AAAA,MAC7B,SAASyB;AAAA,MACT,OAAOF;AAAA,MACP,cAAc0C,GAAO;AAAA,IAAA,CACtB,GAEK5D,KAAkBgF,EAAQ,MACvBpF,EAAQ,SAAS,KAAMR,KAAU,MACvC,CAACQ,GAASR,CAAK,CAAC,GAEboB,IAAgBwE,EAAQ,MAAM;AAClC,UAAI,CAAC3E,KAAQA,MAAS,cAAcT,EAAQ,WAAW,EAAG,QAAO;AAEjE,YAAM8F,IAAgB,MAAM,QAAQtG,CAAK,IAAIA,IAAQ,CAAA;AAGrD,aAFwBQ,EAAQ,IAAI,CAAC+F,MAAWA,EAAO,KAAK,EAErC;AAAA,QAAM,CAACC,MAC5BF,EAAc;AAAA,UAAK,CAACG,MAClB,OAAOA,KAAiB,YACxBA,MAAiB,QACjB,WAAWA,IACP,OAAOA,EAAa,KAAK,MAAM,OAAOD,CAAW,IACjD,OAAOC,CAAY,MAAM,OAAOD,CAAW;AAAA,QAAA;AAAA,MACjD;AAAA,IAEJ,GAAG,CAACxG,GAAOQ,GAASS,CAAI,CAAC,GAEnBE,KAAkB,MAAM;AAC5B,MAAI,CAACF,KAAQA,MAAS,cAAc,CAAC8B,KAErCA,EAAS3B,IAAgB,CAAA,IAAKZ,CAAO;AAAA,IACvC,GAEMkG,IAAgBC,EAAY,CAACC,MAAmC;AACpE,UAAI,CAACA,EAAQ;AAEb,YAAMC,IAAc,IAAI,MAAM,UAAU;AAAA,QACtC,SAAS;AAAA,QACT,YAAY;AAAA,MAAA,CACb;AACD,MAAAD,EAAO,cAAcC,CAAW;AAEhC,YAAMC,IAAYF,EAAO;AAAA,QACvB;AAAA,MAAA;AAEF,MAAIE,KACFA,EAAU,MAAA;AAAA,IAEd,GAAG,CAAA,CAAE,GAECC,KAAuBJ;AAAA,MAC3B,CAAC,MAA2B;AAC1B,YAAI,EAAE,QAAQ,WAAW,CAACxB,MACxB,EAAE,eAAA,GACF,EAAE,gBAAA,GAEEnF,IAAO;AACT,gBAAMgH,IAAO,EAAE,cAAc,QAAQ,MAAM;AAC3C,UAAAN,EAAcM,CAAI;AAAA,QACpB;AAAA,MAEJ;AAAA,MACA,CAAC7B,GAAgBnF,GAAO0G,CAAa;AAAA,IAAA,GAGjCO,KAAuBN;AAAA,MAC3B,CAACO,MAAqB;AACpB,cAAM,EAAE,OAAOC,GAAU,OAAOC,GAAU,SAAAC,MAAYH,GAKhDI,IAHS9G,EAAQ;AAAA,UACrB,CAACE,MAAQ,OAAOA,EAAI,KAAK,MAAM,OAAO0G,CAAQ;AAAA,QAAA,GAEvB,SAAS;AASlC,eACE,gBAAAtG,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA,gBAAAA;AAAA,UAACyG;AAAA,UAAA;AAAA,YACC,OAAOJ;AAAA,YACP,OAAOG;AAAA,YACP,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAdqB,CACzBE,MACG;AACH,cAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,YACR;AAAA,YAUM,SAAS9D,IAAW,SAAY2D;AAAA,YAChC,aAAW;AAAA,YACX,WAAS;AAAA,YACT,UAAUA;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,MAEJ;AAAA,MACA,CAAC7G,GAASkD,CAAQ;AAAA,IAAA,GAGd+D,KAAsBd;AAAA,MAC1B,CAAC3G,MAAkB;AACjB,QAAAqF,GAAerF,CAAK,IACnBoC,KAAiBuD,KAAmB3F,CAAK;AAAA,MAC5C;AAAA,MACA,CAACoC,GAAeuD,CAAe;AAAA,IAAA;AAGjC,WACE,gBAAApE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAkD;AAAA,QACA,WAAWiD;AAAAA,UACT;AAAA,UACA/C,KAAkB9B,IACd,2DACA;AAAA,QAAA;AAAA,QAEN,cAAc,MAAM+B,EAAkB,EAAI;AAAA,QAC1C,cAAc,MAAMA,EAAkB,EAAK;AAAA,QAC3C,IAAIJ,EAAM;AAAA,QAET,UAAA;AAAA,UAAA3B,KAAS,CAAC8B,IACT,gBAAA7D,EAAC,OAAA,EAAI,WAAU,4DAA2D,IACxE;AAAA,UACJ,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWmG;AAAAA,gBACT;AAAA,gBACAvF;AAAA,cAAA;AAAA,cAEF,aAAa,CAAC,MAAM,EAAE,gBAAA;AAAA,cACtB,kBAAkB4E;AAAA,cAClB,MAAK;AAAA,cACL,mBAAiBlF,IAAQ,uBAAuB;AAAA,cAE/C,UAAA;AAAA,gBAAAA,IACC,gBAAAf;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,WAAW,wFAAyFwB,IAA8B,KAAf,YAAiB,IAClIqB,MAAkB,EACpB;AAAA,oBAEA,UAAA,gBAAApC,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,sBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,wBAAA,gBAAAT;AAAA,0BAAC6G;AAAA,0BAAA;AAAA,4BACC,OAAO9F,KAAS;AAAA,4BAChB,UAAUI,KAAY;AAAA,4BACtB,uBAAuBkC,MAAyB;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAEjDC,MACC,gBAAAtD,EAAC8G,IAAA,EAAa,WAAU,6CAAA,CAA6C;AAAA,wBAEtErF,KAAiB,CAACsF,EAA0BrF,CAAe,uBAAMsF,IAAA,EAAqB;AAAA,wBACvF,gBAAAhH,EAACiH,IAAA,EAAM,QAAQ7F,EAAA,CAAM;AAAA,wBACpBG,KACC,gBAAAvB,EAACkH,GAAA,EAAQ,WAAU,OAAM,OAAO3F,GAC9B,UAAA,gBAAAvB;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BACV,MAAK;AAAA,4BACL,UAAU;AAAA,4BACV,WAAW,CAAC,MAAM;AAChB,+BAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QACjC,EAAE,eAAA;AAAA,4BAGN;AAAA,4BAEA,4BAACmH,IAAA,CAAA,CAAS;AAAA,0BAAA;AAAA,wBAAA,GAEd;AAAA,wBAED5D;AAAA,sBAAA,GACH;AAAA,sBAEA,gBAAA9C,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,wBAAAsG,EAA0BrF,CAAe,KAAKC,IAC9C,gBAAA3B;AAAA,0BAACkH;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BACV,OAAOtF,KAAqB;AAAA,4BAC5B,aAAgDA,KAAsB;AAAA,4BACtE,WAAU;AAAA,4BAEV,UAAA,gBAAAnB;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCACC,WAAWmG;AAAAA,kCACT;AAAA,kCACAQ,GAA6BzF,CAAc;AAAA,gCAAA;AAAA,gCAE7C,SAAS,MAAMG,KAAyBD,EAAU;AAAA,gCAElD,UAAA;AAAA,kCAAA,gBAAA7B;AAAA,oCAACqH;AAAA,oCAAA;AAAA,sCACC,MAAM;AAAA,sCACN,MAAMC,GAA6B3F,CAAc;AAAA,sCACjD,eAAe4F,GAA4B5F,CAAc;AAAA,oCAAA;AAAA,kCAAA;AAAA,kCAE3D,gBAAAlB,EAAC,UAAK,WAAWmG,EAAW,iCAAiCY,GAAiC7F,CAAc,CAAC,GAC1G,UAAA;AAAA,oCAAAD;AAAA,oCAAgB;AAAA,kCAAA,EAAA,CACnB;AAAA,gCAAA;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACF;AAAA,wBAAA,IAEA;AAAA,wBACHK,KAAS8B,IACR,gBAAA7D;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,IAAG;AAAA,4BACH,WAAU;AAAA,4BACV,SAAS2E;AAAA,4BACT,MAAK;AAAA,4BAEL,UAAA,gBAAA3E,EAACkH,GAAA,EAAQ,WAAU,OAAM,OAAO1H,EAAE,iBAAiB,GACjD,UAAA,gBAAAQ,EAACyH,IAAA,EAAgB,WAAU,8BAAA,CAA8B,EAAA,CAC3D;AAAA,0BAAA;AAAA,wBAAA,IAEA;AAAA,sBAAA,EAAA,CACN;AAAA,oBAAA,EAAA,CACF;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,gBACJ,gBAAAzH;AAAA,kBAAC0H;AAAAA,kBAAA;AAAA,oBACC,cAAcpD;AAAA,oBACd,UAAA1B;AAAA,oBACA,WAAWgE;AAAAA,sBACT;AAAA,sBACA5H,GAAiByE,EAAS;AAAA,sBAC1BxC,KAAgBE,IAAW,4BAA4B;AAAA,sBACvD4B,KAAsBD,GAAa,QAAQ,sBAAsB;AAAA,sBACjEkB,KAAuB,mCACvBC,KAAsB,kCACtBC,KAAsB,kCAAkC;AAAA,oBAAA;AAAA,oBAE1D,YAAY;AAAA,sBACV,OAAO;AAAA,wBACL,MAAM;AAAA,sBAAA;AAAA,oBACR;AAAA,oBAEF,OACE;AAAA,sBACE,OAAO;AAAA,sBACP,gBACEnB,KAAsBD,GAAa,aAC/BA,GAAa,aACb;AAAA,sBACN,uBACEC,KAAsBD,GAAa,iBAC/BA,GAAa,iBACb;AAAA,oBAAA;AAAA,oBAGV,iBAAe3B;AAAA,oBACf,MAAAhB;AAAA,oBACA,OAAAjB;AAAA,oBACA,UAAU8F;AAAA,oBACV,cACE9C,IACIE,KACA,CAACuF,GAAOlC,OACJA,GAAQ,SAAoB,KAC1B,YAAA,GACA,SAASkC,GAAO,aAAa;AAAA,oBAEzC,YAAU;AAAA,oBACV,UAAUhB,MAAuB;AAAA,oBACjC,eAAetE;AAAA,oBACf,gBAAe;AAAA,oBACf,aAAa,CAAC9B,MACZ,gBAAAP;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,eAAAC;AAAA,wBACA,MAAAC;AAAA,wBACA,SAAAT;AAAA,wBACA,aAAAU;AAAA,wBACA,iBAAAC;AAAA,wBACA,eAAAC;AAAA,wBACA,MAAAC;AAAA,wBACA,WAAAC;AAAA,wBACA,iBAAAV;AAAA,wBACA,GAAAN;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGJ,SAASE,EAAQ;AAAA,sBACf,CAAC;AAAA,wBACC,OAAOkI;AAAA,wBACP,OAAOlC;AAAA,wBACP,OAAOmC;AAAA,wBACP,GAAGC;AAAA,sBAAA,OACE;AAAA,wBACL,OAAO,OAAOF,CAAW;AAAA,wBACzB,OAAO,OAAOlC,CAAW;AAAA,wBACzB,KAAK,OAAOA,CAAW;AAAA,wBACvB,IAAI,OAAOA,CAAW;AAAA,wBACtB,OAAOmC;AAAA,wBACP,GAAGC;AAAA,sBAAA;AAAA,oBACL;AAAA,oBAEF,cAAc,CAACrC,MAAW;AACxB,4BAAMsC,IAAWtC,GAAQ,MAAM;AAE/B,0BAAIsC,KAAY5E,GAAY;AAC1B,8BAAM,CAAC6E,GAAWC,CAAQ,IAAIF,EAAS,MAAM,GAAG;AAEhD,+BACE,gBAAAtH,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,0BAAA,gBAAAT;AAAA,4BAACmD;AAAA,4BAAA;AAAA,8BACC,WAAA6E;AAAA,8BACA,UAAAC;AAAA,8BACA,YAAYxC,GAAQ,MAAM,OAAO;AAAA,8BACjC,MAAK;AAAA,8BACL,cAAc;AAAA,8BACd,QAAQA,GAAQ,MAAM;AAAA,4BAAA;AAAA,0BAAA;AAAA,0BAExB,gBAAAzF,EAAC,QAAA,EAAK,WAAU,QAAQ,YAAO,MAAA,CAAM;AAAA,wBAAA,GACvC;AAAA,sBAEJ;AACA,6BAAO,gBAAAA,EAAC,QAAA,EAAM,UAAAyF,EAAO,MAAA,CAAM;AAAA,oBAC7B;AAAA,oBACA,sBAAAlD;AAAA,oBACA,SAAS,MACPN,KACAA,EAAS9B,MAAS,UAAUA,MAAS,aAAa,CAAA,IAAK,IAAI;AAAA,oBAE7D,aACEA,MAAS,UAAUsC,KAAc,SAAY;AAAA,oBAE/C,mBAAmB,CAACyF,MAClB,gBAAAlI;AAAA,sBAACkH;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,OACEgB,EAAc,SAAS,IACnBA,EACG,MAAM,GAAG,CAAC,EACV,IAAI,CAAC,EAAE,OAAO,EAAA,MAAQ,CAAC,EACvB,KAAK,IAAI,IAAI,QAChBA,EAAc,IAAI,CAAC,EAAE,OAAO,EAAA,MAAQ,CAAC,EAAE,KAAK,IAAI;AAAA,wBAGtD,4BAAC,QAAA,EAAK,UAAA;AAAA,0BAAA;AAAA,0BAAEA,EAAc;AAAA,0BAAO;AAAA,wBAAA,EAAA,CAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGtC,WAAWxF,MAAmByD;AAAA,oBAC9B,YAAA7D;AAAA,oBACC,GAAGoB;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAELzC,KACC,gBAAAjB;AAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,YAAW;AAAA,oBACX,MAAK;AAAA,oBACL,SAAQ;AAAA,oBAEP,UAAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAIH4C,KACCf,KACAC,KACAC,KACE,gBAAAhD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAU;AAAA,cACV,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,cAClB,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,cACtB,WAAW,CAAC,MAAM;AAChB,gBAAI,EAAE,QAAQ,YACZ8D,EAAkB,EAAK;AAAA,cAE3B;AAAA,cAEA,UAAA,gBAAA9D,EAACgD,KAAgB,aAAAF,EAAA,CAA0B;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAIV;AACF;AAEAjC,GAAY,cAAc;"}

package/dist/components/forms/toggle/Toggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../_virtual/index.cjs.js"),O=require("react"),T=require("framer-motion"),oe=require("antd"),ce=require("react-i18next"),m=require("../../data-display/typography/Typography.cjs.js"),b=require("../../../constants/toggle.cjs.js"),R=require("@mui/icons-material"),de=require("../../icons/AIExtractedIndicator.cjs.js"),ue=require("../../icons/AIStarIcon.cjs.js"),pe=require("../../data-display/label/Label.cjs.js"),S=require("../../tooltip/Tooltip.cjs.js"),me=require("../../icons/HelpIcon.cjs.js"),xe=require("../shared/InputLabel.cjs.js"),o=require("../../../utils/confidenceScoreUtils.cjs.js"),fe=(t,r,s,x="medium")=>{const i={small:"w-7 h-4 after:h-3 after:w-3 after:top-0.5 after:left-0.5",medium:"w-9 h-5 after:h-4 after:w-4 after:top-0.5 after:left-0.5",large:"w-11 h-6 after:h-5 after:w-5 after:top-0.5 after:left-0.5"},f={small:"peer-checked:after:translate-x-3",medium:"peer-checked:after:translate-x-full",large:"peer-checked:after:translate-x-5"};return a("p-0.5 rounded-full peer after:content-[''] after:absolute after:rounded-full after:transition-all bg-gray-200 dark:bg-black-400 peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-white dark:peer-focus-visible:ring-primary-400 dark:peer-focus-visible:ring-offset-black-900 peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-100)] dark:peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-950)]",i[x],f[x],{"peer-checked:bg-primary-600 dark:peer-checked:bg-primary-700 peer-checked:after:translate-x-full after:bg-white dark:after:bg-primary-500":t,"after:bg-white dark:after:bg-black-500":!t,"text-white dark:text-black-900":r,"cursor-not-allowed opacity-70":s})},ge=({size:t=18,fill:r="#016DCF"})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",fill:r})}),he=({size:t=18,fill:r="#101828"})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",fill:r})}),M=O.forwardRef(({isGTN:t=!1,isChecked:r,id:s,onChange:x,label:i,required:f,isRequiredConditional:P=!1,hideStatus:G=!1,labelDirection:v=b.TOGGLE_LABEL_DIRECTION.TOP,statusText:y,withIcon:E=!1,tags:z,isAiExtracted:H=!1,confidenceScore:j,confidenceType:c="high",confidenceTooltip:k,sourceMeta:$=[],onConfidenceScoreClick:V,tooltip:C="",className:W="",disabled:Y,isDisabled:U=!1,icon:g,stopClickPropagation:J=!0,gtnName:K,variant:be="primary",labelClassName:w,isLiveField:Q=!1,message:d,messageType:u="default",wrapperClassName:X,helpText:p,labelExtra:Z,size:l="medium",renderGTNAddButton:q,onAddGTNToDocument:_,inputEmphasis:N="default"},ee)=>{const{t:re}=ce.useTranslation(),ae=N==="modified",te=N==="deleted",le=N==="success",I=Y??U,h=!!I,F=typeof I=="string"?I:void 0,se=v===b.TOGGLE_LABEL_DIRECTION.TOP,ie=v===b.TOGGLE_LABEL_DIRECTION.LEFT,A=v===b.TOGGLE_LABEL_DIRECTION.RIGHT,[L,B]=O.useState(!1),D=()=>{_&&_({key:K,value:r?"Yes":"No"})},ne=()=>u==="error"?"text-red-500 dark:text-red-400":u==="success"?"text-green-500 dark:text-green-400":u==="info"?"text-primary-500 dark:text-primary-400":"text-neutral-500 dark:text-neutral-400";return e.jsxs("div",{className:a("flex gap-0.5",L&&t?"border rounded-lg border-primary-100 bg-primary-50 p-1":"",X),onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),onClick:n=>{J&&n.stopPropagation()},children:[t&&!L?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-pulse mt-1.5"}):null,e.jsxs("div",{className:a("w-full flex flex-col",ae&&"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] px-2 py-1.5",te&&"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] px-2 py-1.5",le&&"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] px-2 py-1.5"),children:[se&&i&&e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("h1",{className:a("mb-1 min-w-0 font-inter text-neutral-600 font-medium text-xs flex items-center gap-0.5 flex-wrap",w),children:[e.jsx(xe.InputLabel,{label:i||"",required:f||!1,isRequiredConditional:P||!1}),Q&&e.jsx(R.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),H&&!o.shouldShowConfidenceScore(j)&&e.jsx(de.AIExtractedIndicator,{}),e.jsx(pe.Label,{labels:z||[]}),C&&e.jsx(S,{placement:"top",title:C,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(me.HelpIcon,{})})}),Z]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[o.shouldShowConfidenceScore(j)&&c?e.jsx(S,{placement:"top-end",title:k??"",hideTooltip:k==null,className:"cursor-pointer",children:e.jsxs("div",{className:a("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",o.getConfidenceScoreBadgeClass(c)),onClick:()=>V?.($),children:[e.jsx(ue.AIStarIcon,{size:12,fill:o.getConfidenceScoreBadgeColor(c),fillSecondary:o.getConfidenceScoreBadgeFill(c)}),e.jsxs("span",{className:a("text-xs font-medium leading-4",o.getConfidenceScoreBadgeTextColor(c)),children:[j,"%"]})]})}):null,t&&L?q?q(D):e.jsx("button",{id:"btn-toggle-add-to-document",className:"cursor-pointer",onClick:D,type:"button",children:e.jsx(oe.Tooltip,{placement:"top",title:re("Add to document"),children:e.jsx(R.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]}),p&&e.jsx(m.Typography,{className:"mb-2 text-neutral-600 dark:text-neutral-400",appearance:"custom",size:"extra-small",variant:"regular",children:p}),e.jsxs("div",{className:"flex",children:[ie&&e.jsx(m.Typography,{size:"small",variant:"medium",className:a("mr-2 text-neutral-700 dark:text-black-200",w),appearance:"custom",children:i}),e.jsxs("label",{className:a("relative inline-flex items-center",A||y?"":"w-min",h?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:n=>n.stopPropagation(),children:[e.jsx("input",{ref:ee,type:"checkbox",id:s,onChange:n=>!h&&x(n.target.checked),value:"",disabled:h,checked:r,className:a("sr-only peer w-full",W),"aria-required":f,"aria-invalid":d&&u==="error"?"true":"false","aria-describedby":d||p?`${s}-description`:void 0}),e.jsx("div",{className:fe(r,E,h,l),children:E?e.jsx("div",{className:"flex items-center justify-center h-full w-full",children:e.jsx("div",{className:a("z-10 transition-all transform",l==="small"&&(r?"translate-x-2":"translate-x-[-6px]"),l==="medium"&&(r?"translate-x-[8.5px]":"translate-x-[-8px]"),l==="large"&&(r?"translate-x-2.5":"translate-x-[-10px]")),children:r?g?.checkedIcon?g.checkedIcon:e.jsx(ge,{size:18,fill:"#016DCF"}):g?.uncheckedIcon?g.uncheckedIcon:e.jsx(he,{size:18,fill:"#101828"})})}):null}),F&&e.jsx(S,{placement:"top",title:F,className:"-ml-2",children:e.jsx("span",{className:a("absolute inset-y-0 left-0",l==="small"&&"w-7",l==="medium"&&"w-9",l==="large"&&"w-11")})}),A&&e.jsx(m.Typography,{size:"small",variant:"medium",className:a("ml-2 text-neutral-700 dark:text-black-300",w),appearance:"custom",children:i}),G?null:e.jsx(m.Typography,{size:"small",variant:"medium",className:"ml-2 text-neutral-900 dark:text-black-100",appearance:"custom",children:y||(r?"Yes":"No")})]})]}),e.jsx(T.AnimatePresence,{children:d&&e.jsx(T.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},id:`${s}-description`,role:u==="error"?"alert":void 0,children:e.jsx(m.Typography,{className:a("mt-1",ne()),appearance:"custom",size:"extra-small",variant:"medium",children:d})})}),p&&!d&&e.jsx("div",{id:`${s}-description`,className:"sr-only",children:p})]})]})});M.displayName="Toggle";exports.Toggle=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../_virtual/index.cjs.js"),O=require("react"),T=require("framer-motion"),oe=require("antd"),ce=require("react-i18next"),f=require("../../data-display/typography/Typography.cjs.js"),b=require("../../../constants/toggle.cjs.js"),R=require("@mui/icons-material"),de=require("../../icons/AIExtractedIndicator.cjs.js"),ue=require("../../icons/AIStarIcon.cjs.js"),me=require("../../data-display/label/Label.cjs.js"),S=require("../../tooltip/Tooltip.cjs.js"),fe=require("../../icons/HelpIcon.cjs.js"),pe=require("../shared/InputLabel.cjs.js"),o=require("../../../utils/confidenceScoreUtils.cjs.js"),xe=(t,r,s,p="medium")=>{const i={small:"w-7 h-4 after:h-3 after:w-3 after:top-0.5 after:left-0.5",medium:"w-9 h-5 after:h-4 after:w-4 after:top-0.5 after:left-0.5",large:"w-11 h-6 after:h-5 after:w-5 after:top-0.5 after:left-0.5"},x={small:"peer-checked:after:translate-x-3",medium:"peer-checked:after:translate-x-full",large:"peer-checked:after:translate-x-5"};return a("p-0.5 rounded-full peer after:content-[''] after:absolute after:rounded-full after:transition-all bg-gray-200 dark:bg-black-400 peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-white dark:peer-focus-visible:ring-primary-400 dark:peer-focus-visible:ring-offset-black-900 peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-100)] dark:peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-950)]",i[p],x[p],{"peer-checked:bg-primary-600 dark:peer-checked:bg-primary-700 peer-checked:after:translate-x-full after:bg-white dark:after:bg-primary-500":t,"after:bg-white dark:after:bg-black-500":!t,"text-white dark:text-black-900":r,"cursor-not-allowed opacity-70":s})},ge=({size:t=18,fill:r="#016DCF"})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",fill:r})}),he=({size:t=18,fill:r="#101828"})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",fill:r})}),M=O.forwardRef(({isGTN:t=!1,isChecked:r,id:s,onChange:p,label:i,required:x,isRequiredConditional:P=!1,hideStatus:G=!1,labelDirection:v=b.TOGGLE_LABEL_DIRECTION.TOP,statusText:y,withIcon:E=!1,tags:z,isAiExtracted:H=!1,confidenceScore:j,confidenceType:c="high",confidenceTooltip:k,sourceMeta:$=[],onConfidenceScoreClick:V,tooltip:C="",className:W="",disabled:Y,isDisabled:U=!1,icon:g,stopClickPropagation:J=!0,gtnName:K,variant:be="primary",labelClassName:w,isLiveField:Q=!1,message:d,messageType:u="default",wrapperClassName:X,helpText:m,labelExtra:Z,size:l="medium",renderGTNAddButton:q,onAddGTNToDocument:_,inputEmphasis:N="default"},ee)=>{const{t:re}=ce.useTranslation(),ae=N==="modified",te=N==="deleted",le=N==="success",I=Y??U,h=!!I,F=typeof I=="string"?I:void 0,se=v===b.TOGGLE_LABEL_DIRECTION.TOP,ie=v===b.TOGGLE_LABEL_DIRECTION.LEFT,A=v===b.TOGGLE_LABEL_DIRECTION.RIGHT,[L,B]=O.useState(!1),D=()=>{_&&_({key:K,value:r?"Yes":"No"})},ne=()=>u==="error"?"text-red-500 dark:text-red-400":u==="success"?"text-green-500 dark:text-green-400":u==="info"?"text-primary-500 dark:text-primary-400":"text-neutral-500 dark:text-neutral-400";return e.jsxs("div",{className:a("flex gap-0.5",L&&t?"border rounded-lg border-primary-100 bg-primary-50 p-1":"",X),onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),onClick:n=>{J&&n.stopPropagation()},children:[t&&!L?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-pulse mt-1.5"}):null,e.jsxs("div",{className:a("w-full flex flex-col",ae&&"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] px-2 py-1.5",te&&"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] px-2 py-1.5",le&&"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] px-2 py-1.5"),children:[se&&i&&e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("h1",{className:a("mb-1 min-w-0 font-inter text-neutral-600 font-medium text-xs flex items-center gap-0.5 flex-wrap",w),children:[e.jsx(pe.InputLabel,{label:i||"",required:x||!1,isRequiredConditional:P||!1}),Q&&e.jsx(R.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),H&&!o.shouldShowConfidenceScore(j)&&e.jsx(de.AIExtractedIndicator,{}),e.jsx(me.Label,{labels:z||[]}),C&&e.jsx(S,{placement:"top",title:C,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(fe.HelpIcon,{})})}),Z]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[o.shouldShowConfidenceScore(j)&&c?e.jsx(S,{placement:"top-end",title:k??"",hideTooltip:k==null,className:"cursor-pointer",children:e.jsxs("div",{className:a("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",o.getConfidenceScoreBadgeClass(c)),onClick:()=>V?.($),children:[e.jsx(ue.AIStarIcon,{size:12,fill:o.getConfidenceScoreBadgeColor(c),fillSecondary:o.getConfidenceScoreBadgeFill(c)}),e.jsxs("span",{className:a("text-xs font-medium leading-4",o.getConfidenceScoreBadgeTextColor(c)),children:[j,"%"]})]})}):null,t&&L?q?q(D):e.jsx("button",{id:"btn-toggle-add-to-document",className:"cursor-pointer",onClick:D,type:"button",children:e.jsx(oe.Tooltip,{placement:"top",title:re("Add to document"),children:e.jsx(R.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]}),m&&e.jsx(f.Typography,{className:"mb-2 text-neutral-600 dark:text-neutral-400",appearance:"custom",size:"extra-small",variant:"regular",children:m}),e.jsxs("div",{className:"flex",children:[ie&&e.jsx(f.Typography,{size:"small",variant:"medium",className:a("mr-2 text-neutral-700 dark:text-black-200",w),appearance:"custom",children:i}),e.jsxs("label",{className:a("relative inline-flex items-center",A||y?"":"w-min",h?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:n=>n.stopPropagation(),children:[e.jsx("input",{ref:ee,type:"checkbox",id:s,onChange:n=>!h&&p(n.target.checked),value:"",disabled:h,checked:r,className:a("sr-only peer w-full",W),"aria-required":x,"aria-invalid":d&&u==="error"?"true":"false","aria-describedby":d||m?`${s}-description`:void 0}),e.jsx("div",{className:xe(r,E,h,l),children:E?e.jsx("div",{className:"flex items-center justify-center h-full w-full",children:e.jsx("div",{className:a("z-10 transition-all transform",l==="small"&&(r?"translate-x-2":"-translate-x-1.5"),l==="medium"&&(r?"translate-x-2":"-translate-x-2"),l==="large"&&(r?"translate-x-2.5":"-translate-x-2.5")),children:r?g?.checkedIcon?g.checkedIcon:e.jsx(ge,{size:18,fill:"#016DCF"}):g?.uncheckedIcon?g.uncheckedIcon:e.jsx(he,{size:18,fill:"#101828"})})}):null}),F&&e.jsx(S,{placement:"top",title:F,className:"-ml-2",children:e.jsx("span",{className:a("absolute inset-y-0 left-0",l==="small"&&"w-7",l==="medium"&&"w-9",l==="large"&&"w-11")})}),A&&e.jsx(f.Typography,{size:"small",variant:"medium",className:a("ml-2 text-neutral-700 dark:text-black-300",w),appearance:"custom",children:i}),G?null:e.jsx(f.Typography,{size:"small",variant:"medium",className:"ml-2 text-neutral-900 dark:text-black-100",appearance:"custom",children:y||(r?"Yes":"No")})]})]}),e.jsx(T.AnimatePresence,{children:d&&e.jsx(T.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},id:`${s}-description`,role:u==="error"?"alert":void 0,children:e.jsx(f.Typography,{className:a("mt-1",ne()),appearance:"custom",size:"extra-small",variant:"medium",children:d})})}),m&&!d&&e.jsx("div",{id:`${s}-description`,className:"sr-only",children:m})]})]})});M.displayName="Toggle";exports.Toggle=M;
 //# sourceMappingURL=Toggle.cjs.js.map

package/dist/components/forms/toggle/Toggle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.cjs.js","sources":["../../../../src/components/forms/toggle/Toggle.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { forwardRef, type ReactNode, useState } from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { TOGGLE_LABEL_DIRECTION } from \"../../../constants/toggle\";\nimport type { TToggleDirection } from \"../../../constants/toggle\";\nimport { BoltOutlined, NoteAddOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { Label, type LabelType } from \"../../data-display/label/Label\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n// Re-export LabelType from Label component for external use\nexport type { LabelType };\n\n/** Visual emphasis for the toggle container (background + border) */\nexport type ToggleEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Props for the Toggle component\n */\nexport interface ToggleProps {\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** Unique identifier for the toggle */\n  id?: string;\n  /** Whether the toggle is checked */\n  isChecked: boolean;\n  /** Callback function called when toggle state changes */\n  onChange: (val: boolean) => void;\n  /** Label text or element to display */\n  label?: ReactNode;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Whether to hide the status text (Yes/No) */\n  hideStatus?: boolean;\n  /** Label direction relative to toggle */\n  labelDirection?: TToggleDirection;\n  /** Custom status text instead of Yes/No */\n  statusText?: string;\n  /** Whether to show icons in the toggle */\n  withIcon?: boolean;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Tooltip text to display */\n  tooltip?: string;\n  /** Additional CSS classes for the toggle input */\n  className?: string;\n  /** Whether the toggle is disabled. Pass a string to disable with a tooltip message. */\n  disabled?: boolean | string;\n  /**\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean | string;\n  /** Custom icons for checked/unchecked states */\n  icon?: {\n    checkedIcon: ReactNode;\n    uncheckedIcon: ReactNode;\n  };\n  /** Whether to stop click propagation */\n  stopClickPropagation?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Visual variant for the toggle */\n  variant?: 'primary' | 'secondary';\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Message to display below the toggle */\n  message?: string;\n  /** Type of message to display */\n  messageType?: \"success\" | \"error\" | \"info\" | \"default\";\n  /** Additional CSS classes for the wrapper container */\n  wrapperClassName?: string;\n  /** Help text to display below the label */\n  helpText?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Size variant for the toggle */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Custom render function for GTN add to document button */\n  renderGTNAddButton?: (onClick: () => void) => ReactNode;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Container surface style: `'modified'` — Warning-50/Warning-200; `'deleted'` — Error-50/Error-200; `'success'` — Success-50/Success-200 */\n  inputEmphasis?: ToggleEmphasis;\n}\n\n/**\n * Get toggle class names based on state and options\n */\nconst getToggleClassNames = (\n  isChecked: boolean,\n  withIcon: boolean,\n  isDisabled: boolean,\n  size: \"small\" | \"medium\" | \"large\" = \"medium\"\n): string => {\n  const sizeClasses = {\n    small: \"w-7 h-4 after:h-3 after:w-3 after:top-0.5 after:left-0.5\",\n    medium: \"w-9 h-5 after:h-4 after:w-4 after:top-0.5 after:left-0.5\",\n    large: \"w-11 h-6 after:h-5 after:w-5 after:top-0.5 after:left-0.5\",\n  };\n\n  const translateClasses = {\n    small: \"peer-checked:after:translate-x-3\",\n    medium: \"peer-checked:after:translate-x-full\",\n    large: \"peer-checked:after:translate-x-5\",\n  };\n\n  return cn(\n    \"p-0.5 rounded-full peer after:content-[''] after:absolute after:rounded-full after:transition-all bg-gray-200 dark:bg-black-400 peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-white dark:peer-focus-visible:ring-primary-400 dark:peer-focus-visible:ring-offset-black-900 peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-100)] dark:peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-950)]\",\n    sizeClasses[size],\n    translateClasses[size],\n    {\n      'peer-checked:bg-primary-600 dark:peer-checked:bg-primary-700 peer-checked:after:translate-x-full after:bg-white dark:after:bg-primary-500':\n        isChecked,\n      'after:bg-white dark:after:bg-black-500': !isChecked,\n      'text-white dark:text-black-900': withIcon,\n      'cursor-not-allowed opacity-70': isDisabled,\n    }\n  );\n};\n\n/**\n * Default Check icon component\n */\nconst CheckIcon = ({ size = 18, fill = '#016DCF' }: { size?: number; fill?: string }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n    <path\n      d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\n      fill={fill}\n    />\n  </svg>\n);\n\n/**\n * Default Close icon component\n */\nconst CloseIcon = ({ size = 18, fill = '#101828' }: { size?: number; fill?: string }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n    <path\n      d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"\n      fill={fill}\n    />\n  </svg>\n);\n\n/**\n * A highly customizable toggle component with label, validation, and styling support.\n * Features multiple sizes, variants, icon support, GTN integration, and comprehensive prop support.\n *\n * @example\n * ```tsx\n * <Toggle\n *   id=\"notifications\"\n *   label=\"Enable Notifications\"\n *   isChecked={notificationsEnabled}\n *   onChange={(checked) => setNotificationsEnabled(checked)}\n *   required\n * />\n * ```\n */\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      isGTN = false,\n      isChecked,\n      id,\n      onChange,\n      label,\n      required,\n      isRequiredConditional = false,\n      hideStatus = false,\n      labelDirection = TOGGLE_LABEL_DIRECTION.TOP,\n      statusText,\n      withIcon = false,\n      tags,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      tooltip = '',\n      className = '',\n      disabled,\n      isDisabled = false,\n      icon,\n      stopClickPropagation = true,\n      gtnName: _gtnName,\n      variant: _variant = 'primary',\n      labelClassName,\n      isLiveField = false,\n      message,\n      messageType = \"default\",\n      wrapperClassName,\n      helpText,\n      labelExtra,\n      size = \"medium\",\n      renderGTNAddButton,\n      onAddGTNToDocument,\n      inputEmphasis = \"default\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const emphasisModifiedSkin = inputEmphasis === \"modified\";\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\";\n    const emphasisSuccessSkin = inputEmphasis === \"success\";\n    const resolvedDisabled = disabled ?? isDisabled;\n    const isDisabledBool = !!resolvedDisabled;\n    const disabledTooltip = typeof resolvedDisabled === 'string' ? resolvedDisabled : undefined;\n    const isLabelDirectionTop = labelDirection === TOGGLE_LABEL_DIRECTION.TOP;\n    const isLabelDirectionLeft = labelDirection === TOGGLE_LABEL_DIRECTION.LEFT;\n    const isLabelDirectionRight = labelDirection === TOGGLE_LABEL_DIRECTION.RIGHT;\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = () => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: _gtnName,\n          value: isChecked ? 'Yes' : 'No',\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getMessageTypographyClass = (): string => {\n      if (messageType === \"error\") return \"text-red-500 dark:text-red-400\";\n      if (messageType === \"success\")\n        return \"text-green-500 dark:text-green-400\";\n      if (messageType === \"info\") return \"text-primary-500 dark:text-primary-400\";\n      return \"text-neutral-500 dark:text-neutral-400\";\n    };\n\n    const _defaultRenderLabels = (labels?: (string | LabelType)[]) => {\n      if (!labels || labels.length === 0) return null;\n      return (\n        <span className=\"inline-flex gap-1 ml-1\">\n          {labels.map((tag, index) => {\n            const label = typeof tag === 'string' ? tag : tag.label;\n            const color = typeof tag === 'string' ? undefined : tag.color;\n            return (\n              <span\n                key={index}\n                className=\"px-1.5 py-0.5 text-xs rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300\"\n                style={color ? { backgroundColor: color } : undefined}\n              >\n                {label}\n              </span>\n            );\n          })}\n        </span>\n      );\n    };\n\n    return (\n      <div\n        className={cn(\n          'flex gap-0.5',\n          isHovered && isGTN ? 'border rounded-lg border-primary-100 bg-primary-50 p-1' : '',\n          wrapperClassName\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onClick={(e) => {\n          if (stopClickPropagation) e.stopPropagation();\n        }}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-pulse mt-1.5\" />\n        ) : null}\n        <div className={cn(\n          \"w-full flex flex-col\",\n          emphasisModifiedSkin && \"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] px-2 py-1.5\",\n          emphasisDeletedSkin && \"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] px-2 py-1.5\",\n          emphasisSuccessSkin && \"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] px-2 py-1.5\",\n        )}>\n          {isLabelDirectionTop && label && (\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <h1\n                className={cn(\n                  'mb-1 min-w-0 font-inter text-neutral-600 font-medium text-xs flex items-center gap-0.5 flex-wrap',\n                  labelClassName\n                )}\n              >\n                <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                {isLiveField && <BoltOutlined sx={{ fontSize: 16, color: 'var(--color-primary-600)', rotate: '15deg' }} />}\n                {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                <Label labels={tags || []} />\n                {tooltip && (\n                  <Tooltip placement='top' title={tooltip}>\n                    <div className='cursor-pointer'>\n                      <HelpIcon />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </h1>\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement='top-end'\n                    title={confidenceTooltip ?? ''}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className='cursor-pointer'\n                  >\n                    <div\n                      className={cn(\n                        'inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5',\n                        getConfidenceScoreBadgeClass(confidenceType)\n                      )}\n                      onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                    >\n                      <AIStarIcon\n                        size={12}\n                        fill={getConfidenceScoreBadgeColor(confidenceType)}\n                        fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                      />\n                      <span className={cn('text-xs font-medium leading-4', getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered ? (\n                  renderGTNAddButton ? (\n                    renderGTNAddButton(handleAddGTNToDocument)\n                  ) : (\n                    <button\n                      id=\"btn-toggle-add-to-document\"\n                      className=\"cursor-pointer\"\n                      onClick={handleAddGTNToDocument}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined className=\"text-primary-600\" sx={{ fontSize: 16 }} />\n                      </AntTooltip>\n                    </button>\n                  )\n                ) : null}\n              </div>\n            </div>\n          )}\n\n          {/* Help text */}\n          {helpText && (\n            <Typography\n              className=\"mb-2 text-neutral-600 dark:text-neutral-400\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"regular\"\n            >\n              {helpText}\n            </Typography>\n          )}\n\n          <div className=\"flex\">\n            {isLabelDirectionLeft && (\n              <Typography\n                size=\"small\"\n                variant=\"medium\"\n                className={cn('mr-2 text-neutral-700 dark:text-black-200', labelClassName)}\n                appearance=\"custom\"\n              >\n                {label}\n              </Typography>\n            )}\n\n            <label\n              className={cn(\n                'relative inline-flex items-center',\n                isLabelDirectionRight || statusText ? '' : 'w-min',\n                !isDisabledBool ? 'cursor-pointer' : 'cursor-not-allowed opacity-50'\n              )}\n              onClick={(e) => e.stopPropagation()}\n            >\n              <input\n                ref={ref}\n                type=\"checkbox\"\n                id={id}\n                onChange={(e) => !isDisabledBool && onChange(e.target.checked)}\n                value=\"\"\n                disabled={isDisabledBool}\n                checked={isChecked}\n                className={cn('sr-only peer w-full', className)}\n                aria-required={required}\n                aria-invalid={\n                  message && messageType === \"error\" ? \"true\" : \"false\"\n                }\n                aria-describedby={\n                  message || helpText ? `${id}-description` : undefined\n                }\n              />\n              <div className={getToggleClassNames(isChecked, withIcon, isDisabledBool, size)}>\n                {withIcon ? (\n                  <div className=\"flex items-center justify-center h-full w-full\">\n                    <div\n                      className={cn(\n                        \"z-10 transition-all transform\",\n                        size === \"small\" &&\n                        (isChecked\n                          ? \"translate-x-2\"\n                          : \"translate-x-[-6px]\"),\n                        size === \"medium\" &&\n                        (isChecked\n                          ? \"translate-x-[8.5px]\"\n                          : \"translate-x-[-8px]\"),\n                        size === \"large\" &&\n                        (isChecked\n                          ? \"translate-x-2.5\"\n                          : \"translate-x-[-10px]\")\n                      )}\n                    >\n                      {isChecked ? (\n                        icon?.checkedIcon ? (\n                          icon.checkedIcon\n                        ) : (\n                          <CheckIcon size={18} fill=\"#016DCF\" />\n                        )\n                      ) : icon?.uncheckedIcon ? (\n                        icon.uncheckedIcon\n                      ) : (\n                        <CloseIcon size={18} fill=\"#101828\" />\n                      )}\n                    </div>\n                  </div>\n                ) : null}\n              </div>\n              {disabledTooltip && (\n                <Tooltip placement=\"top\" title={disabledTooltip} className=\"-ml-2\">\n                  <span className={cn(\n                    'absolute inset-y-0 left-0',\n                    size === 'small' && 'w-7',\n                    size === 'medium' && 'w-9',\n                    size === 'large' && 'w-11',\n                  )} />\n                </Tooltip>\n              )}\n\n              {isLabelDirectionRight && (\n                <Typography\n                  size=\"small\"\n                  variant=\"medium\"\n                  className={cn('ml-2 text-neutral-700 dark:text-black-300', labelClassName)}\n                  appearance=\"custom\"\n                >\n                  {label}\n                </Typography>\n              )}\n\n              {hideStatus ? null : (\n                <Typography\n                  size=\"small\"\n                  variant=\"medium\"\n                  className=\"ml-2 text-neutral-900 dark:text-black-100\"\n                  appearance=\"custom\"\n                >\n                  {statusText ? statusText : isChecked ? 'Yes' : 'No'}\n                </Typography>\n              )}\n            </label>\n          </div>\n\n          {/* Message */}\n          <AnimatePresence>\n            {message && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n                id={`${id}-description`}\n                role={messageType === \"error\" ? \"alert\" : undefined}\n              >\n                <Typography\n                  className={cn(\"mt-1\", getMessageTypographyClass())}\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {message}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n\n          {/* Help text description for accessibility */}\n          {helpText && !message && (\n            <div id={`${id}-description`} className=\"sr-only\">\n              {helpText}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["getToggleClassNames","isChecked","withIcon","isDisabled","size","sizeClasses","translateClasses","cn","CheckIcon","fill","jsx","CloseIcon","Toggle","forwardRef","isGTN","id","onChange","label","required","isRequiredConditional","hideStatus","labelDirection","TOGGLE_LABEL_DIRECTION","statusText","tags","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","tooltip","className","disabled","icon","stopClickPropagation","_gtnName","_variant","labelClassName","isLiveField","message","messageType","wrapperClassName","helpText","labelExtra","renderGTNAddButton","onAddGTNToDocument","inputEmphasis","ref","t","useTranslation","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","resolvedDisabled","isDisabledBool","disabledTooltip","isLabelDirectionTop","isLabelDirectionLeft","isLabelDirectionRight","isHovered","setIsHovered","useState","handleAddGTNToDocument","getMessageTypographyClass","jsxs","e","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","Typography","AnimatePresence","motion"],"mappings":"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"}
+{"version":3,"file":"Toggle.cjs.js","sources":["../../../../src/components/forms/toggle/Toggle.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { forwardRef, type ReactNode, useState } from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { TOGGLE_LABEL_DIRECTION } from \"../../../constants/toggle\";\nimport type { TToggleDirection } from \"../../../constants/toggle\";\nimport { BoltOutlined, NoteAddOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { Label, type LabelType } from \"../../data-display/label/Label\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n// Re-export LabelType from Label component for external use\nexport type { LabelType };\n\n/** Visual emphasis for the toggle container (background + border) */\nexport type ToggleEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Props for the Toggle component\n */\nexport interface ToggleProps {\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** Unique identifier for the toggle */\n  id?: string;\n  /** Whether the toggle is checked */\n  isChecked: boolean;\n  /** Callback function called when toggle state changes */\n  onChange: (val: boolean) => void;\n  /** Label text or element to display */\n  label?: ReactNode;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Whether to hide the status text (Yes/No) */\n  hideStatus?: boolean;\n  /** Label direction relative to toggle */\n  labelDirection?: TToggleDirection;\n  /** Custom status text instead of Yes/No */\n  statusText?: string;\n  /** Whether to show icons in the toggle */\n  withIcon?: boolean;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Tooltip text to display */\n  tooltip?: string;\n  /** Additional CSS classes for the toggle input */\n  className?: string;\n  /** Whether the toggle is disabled. Pass a string to disable with a tooltip message. */\n  disabled?: boolean | string;\n  /**\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean | string;\n  /** Custom icons for checked/unchecked states */\n  icon?: {\n    checkedIcon: ReactNode;\n    uncheckedIcon: ReactNode;\n  };\n  /** Whether to stop click propagation */\n  stopClickPropagation?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Visual variant for the toggle */\n  variant?: 'primary' | 'secondary';\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Message to display below the toggle */\n  message?: string;\n  /** Type of message to display */\n  messageType?: \"success\" | \"error\" | \"info\" | \"default\";\n  /** Additional CSS classes for the wrapper container */\n  wrapperClassName?: string;\n  /** Help text to display below the label */\n  helpText?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Size variant for the toggle */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Custom render function for GTN add to document button */\n  renderGTNAddButton?: (onClick: () => void) => ReactNode;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Container surface style: `'modified'` — Warning-50/Warning-200; `'deleted'` — Error-50/Error-200; `'success'` — Success-50/Success-200 */\n  inputEmphasis?: ToggleEmphasis;\n}\n\n/**\n * Get toggle class names based on state and options\n */\nconst getToggleClassNames = (\n  isChecked: boolean,\n  withIcon: boolean,\n  isDisabled: boolean,\n  size: \"small\" | \"medium\" | \"large\" = \"medium\"\n): string => {\n  const sizeClasses = {\n    small: \"w-7 h-4 after:h-3 after:w-3 after:top-0.5 after:left-0.5\",\n    medium: \"w-9 h-5 after:h-4 after:w-4 after:top-0.5 after:left-0.5\",\n    large: \"w-11 h-6 after:h-5 after:w-5 after:top-0.5 after:left-0.5\",\n  };\n\n  const translateClasses = {\n    small: \"peer-checked:after:translate-x-3\",\n    medium: \"peer-checked:after:translate-x-full\",\n    large: \"peer-checked:after:translate-x-5\",\n  };\n\n  return cn(\n    \"p-0.5 rounded-full peer after:content-[''] after:absolute after:rounded-full after:transition-all bg-gray-200 dark:bg-black-400 peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-white dark:peer-focus-visible:ring-primary-400 dark:peer-focus-visible:ring-offset-black-900 peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-100)] dark:peer-focus-visible:shadow-[0_0_0_3px_var(--color-primary-950)]\",\n    sizeClasses[size],\n    translateClasses[size],\n    {\n      'peer-checked:bg-primary-600 dark:peer-checked:bg-primary-700 peer-checked:after:translate-x-full after:bg-white dark:after:bg-primary-500':\n        isChecked,\n      'after:bg-white dark:after:bg-black-500': !isChecked,\n      'text-white dark:text-black-900': withIcon,\n      'cursor-not-allowed opacity-70': isDisabled,\n    }\n  );\n};\n\n/**\n * Default Check icon component\n */\nconst CheckIcon = ({ size = 18, fill = '#016DCF' }: { size?: number; fill?: string }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n    <path\n      d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\n      fill={fill}\n    />\n  </svg>\n);\n\n/**\n * Default Close icon component\n */\nconst CloseIcon = ({ size = 18, fill = '#101828' }: { size?: number; fill?: string }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n    <path\n      d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"\n      fill={fill}\n    />\n  </svg>\n);\n\n/**\n * A highly customizable toggle component with label, validation, and styling support.\n * Features multiple sizes, variants, icon support, GTN integration, and comprehensive prop support.\n *\n * @example\n * ```tsx\n * <Toggle\n *   id=\"notifications\"\n *   label=\"Enable Notifications\"\n *   isChecked={notificationsEnabled}\n *   onChange={(checked) => setNotificationsEnabled(checked)}\n *   required\n * />\n * ```\n */\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      isGTN = false,\n      isChecked,\n      id,\n      onChange,\n      label,\n      required,\n      isRequiredConditional = false,\n      hideStatus = false,\n      labelDirection = TOGGLE_LABEL_DIRECTION.TOP,\n      statusText,\n      withIcon = false,\n      tags,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      tooltip = '',\n      className = '',\n      disabled,\n      isDisabled = false,\n      icon,\n      stopClickPropagation = true,\n      gtnName: _gtnName,\n      variant: _variant = 'primary',\n      labelClassName,\n      isLiveField = false,\n      message,\n      messageType = \"default\",\n      wrapperClassName,\n      helpText,\n      labelExtra,\n      size = \"medium\",\n      renderGTNAddButton,\n      onAddGTNToDocument,\n      inputEmphasis = \"default\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const emphasisModifiedSkin = inputEmphasis === \"modified\";\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\";\n    const emphasisSuccessSkin = inputEmphasis === \"success\";\n    const resolvedDisabled = disabled ?? isDisabled;\n    const isDisabledBool = !!resolvedDisabled;\n    const disabledTooltip = typeof resolvedDisabled === 'string' ? resolvedDisabled : undefined;\n    const isLabelDirectionTop = labelDirection === TOGGLE_LABEL_DIRECTION.TOP;\n    const isLabelDirectionLeft = labelDirection === TOGGLE_LABEL_DIRECTION.LEFT;\n    const isLabelDirectionRight = labelDirection === TOGGLE_LABEL_DIRECTION.RIGHT;\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = () => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: _gtnName,\n          value: isChecked ? 'Yes' : 'No',\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getMessageTypographyClass = (): string => {\n      if (messageType === \"error\") return \"text-red-500 dark:text-red-400\";\n      if (messageType === \"success\")\n        return \"text-green-500 dark:text-green-400\";\n      if (messageType === \"info\") return \"text-primary-500 dark:text-primary-400\";\n      return \"text-neutral-500 dark:text-neutral-400\";\n    };\n\n    const _defaultRenderLabels = (labels?: (string | LabelType)[]) => {\n      if (!labels || labels.length === 0) return null;\n      return (\n        <span className=\"inline-flex gap-1 ml-1\">\n          {labels.map((tag, index) => {\n            const label = typeof tag === 'string' ? tag : tag.label;\n            const color = typeof tag === 'string' ? undefined : tag.color;\n            return (\n              <span\n                key={index}\n                className=\"px-1.5 py-0.5 text-xs rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300\"\n                style={color ? { backgroundColor: color } : undefined}\n              >\n                {label}\n              </span>\n            );\n          })}\n        </span>\n      );\n    };\n\n    return (\n      <div\n        className={cn(\n          'flex gap-0.5',\n          isHovered && isGTN ? 'border rounded-lg border-primary-100 bg-primary-50 p-1' : '',\n          wrapperClassName\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onClick={(e) => {\n          if (stopClickPropagation) e.stopPropagation();\n        }}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-pulse mt-1.5\" />\n        ) : null}\n        <div className={cn(\n          \"w-full flex flex-col\",\n          emphasisModifiedSkin && \"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] px-2 py-1.5\",\n          emphasisDeletedSkin && \"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] px-2 py-1.5\",\n          emphasisSuccessSkin && \"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] px-2 py-1.5\",\n        )}>\n          {isLabelDirectionTop && label && (\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <h1\n                className={cn(\n                  'mb-1 min-w-0 font-inter text-neutral-600 font-medium text-xs flex items-center gap-0.5 flex-wrap',\n                  labelClassName\n                )}\n              >\n                <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                {isLiveField && <BoltOutlined sx={{ fontSize: 16, color: 'var(--color-primary-600)', rotate: '15deg' }} />}\n                {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                <Label labels={tags || []} />\n                {tooltip && (\n                  <Tooltip placement='top' title={tooltip}>\n                    <div className='cursor-pointer'>\n                      <HelpIcon />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </h1>\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement='top-end'\n                    title={confidenceTooltip ?? ''}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className='cursor-pointer'\n                  >\n                    <div\n                      className={cn(\n                        'inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5',\n                        getConfidenceScoreBadgeClass(confidenceType)\n                      )}\n                      onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                    >\n                      <AIStarIcon\n                        size={12}\n                        fill={getConfidenceScoreBadgeColor(confidenceType)}\n                        fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                      />\n                      <span className={cn('text-xs font-medium leading-4', getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered ? (\n                  renderGTNAddButton ? (\n                    renderGTNAddButton(handleAddGTNToDocument)\n                  ) : (\n                    <button\n                      id=\"btn-toggle-add-to-document\"\n                      className=\"cursor-pointer\"\n                      onClick={handleAddGTNToDocument}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined className=\"text-primary-600\" sx={{ fontSize: 16 }} />\n                      </AntTooltip>\n                    </button>\n                  )\n                ) : null}\n              </div>\n            </div>\n          )}\n\n          {/* Help text */}\n          {helpText && (\n            <Typography\n              className=\"mb-2 text-neutral-600 dark:text-neutral-400\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"regular\"\n            >\n              {helpText}\n            </Typography>\n          )}\n\n          <div className=\"flex\">\n            {isLabelDirectionLeft && (\n              <Typography\n                size=\"small\"\n                variant=\"medium\"\n                className={cn('mr-2 text-neutral-700 dark:text-black-200', labelClassName)}\n                appearance=\"custom\"\n              >\n                {label}\n              </Typography>\n            )}\n\n            <label\n              className={cn(\n                'relative inline-flex items-center',\n                isLabelDirectionRight || statusText ? '' : 'w-min',\n                !isDisabledBool ? 'cursor-pointer' : 'cursor-not-allowed opacity-50'\n              )}\n              onClick={(e) => e.stopPropagation()}\n            >\n              <input\n                ref={ref}\n                type=\"checkbox\"\n                id={id}\n                onChange={(e) => !isDisabledBool && onChange(e.target.checked)}\n                value=\"\"\n                disabled={isDisabledBool}\n                checked={isChecked}\n                className={cn('sr-only peer w-full', className)}\n                aria-required={required}\n                aria-invalid={\n                  message && messageType === \"error\" ? \"true\" : \"false\"\n                }\n                aria-describedby={\n                  message || helpText ? `${id}-description` : undefined\n                }\n              />\n              <div className={getToggleClassNames(isChecked, withIcon, isDisabledBool, size)}>\n                {withIcon ? (\n                  <div className=\"flex items-center justify-center h-full w-full\">\n                    <div\n                      className={cn(\n                        \"z-10 transition-all transform\",\n                        size === \"small\" &&\n                        (isChecked\n                          ? \"translate-x-2\"\n                          : \"-translate-x-1.5\"),\n                        size === \"medium\" &&\n                        (isChecked\n                          ? \"translate-x-2\"\n                          : \"-translate-x-2\"),\n                        size === \"large\" &&\n                        (isChecked\n                          ? \"translate-x-2.5\"\n                          : \"-translate-x-2.5\")\n                      )}\n                    >\n                      {isChecked ? (\n                        icon?.checkedIcon ? (\n                          icon.checkedIcon\n                        ) : (\n                          <CheckIcon size={18} fill=\"#016DCF\" />\n                        )\n                      ) : icon?.uncheckedIcon ? (\n                        icon.uncheckedIcon\n                      ) : (\n                        <CloseIcon size={18} fill=\"#101828\" />\n                      )}\n                    </div>\n                  </div>\n                ) : null}\n              </div>\n              {disabledTooltip && (\n                <Tooltip placement=\"top\" title={disabledTooltip} className=\"-ml-2\">\n                  <span className={cn(\n                    'absolute inset-y-0 left-0',\n                    size === 'small' && 'w-7',\n                    size === 'medium' && 'w-9',\n                    size === 'large' && 'w-11',\n                  )} />\n                </Tooltip>\n              )}\n\n              {isLabelDirectionRight && (\n                <Typography\n                  size=\"small\"\n                  variant=\"medium\"\n                  className={cn('ml-2 text-neutral-700 dark:text-black-300', labelClassName)}\n                  appearance=\"custom\"\n                >\n                  {label}\n                </Typography>\n              )}\n\n              {hideStatus ? null : (\n                <Typography\n                  size=\"small\"\n                  variant=\"medium\"\n                  className=\"ml-2 text-neutral-900 dark:text-black-100\"\n                  appearance=\"custom\"\n                >\n                  {statusText ? statusText : isChecked ? 'Yes' : 'No'}\n                </Typography>\n              )}\n            </label>\n          </div>\n\n          {/* Message */}\n          <AnimatePresence>\n            {message && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n                id={`${id}-description`}\n                role={messageType === \"error\" ? \"alert\" : undefined}\n              >\n                <Typography\n                  className={cn(\"mt-1\", getMessageTypographyClass())}\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {message}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n\n          {/* Help text description for accessibility */}\n          {helpText && !message && (\n            <div id={`${id}-description`} className=\"sr-only\">\n              {helpText}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["getToggleClassNames","isChecked","withIcon","isDisabled","size","sizeClasses","translateClasses","cn","CheckIcon","fill","jsx","CloseIcon","Toggle","forwardRef","isGTN","id","onChange","label","required","isRequiredConditional","hideStatus","labelDirection","TOGGLE_LABEL_DIRECTION","statusText","tags","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","tooltip","className","disabled","icon","stopClickPropagation","_gtnName","_variant","labelClassName","isLiveField","message","messageType","wrapperClassName","helpText","labelExtra","renderGTNAddButton","onAddGTNToDocument","inputEmphasis","ref","t","useTranslation","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","resolvedDisabled","isDisabledBool","disabledTooltip","isLabelDirectionTop","isLabelDirectionLeft","isLabelDirectionRight","isHovered","setIsHovered","useState","handleAddGTNToDocument","getMessageTypographyClass","jsxs","e","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","Typography","AnimatePresence","motion"],"mappings":"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"}

package/dist/components/forms/toggle/Toggle.es.js

@@ -11,8 +11,8 @@ import { AIExtractedIndicator as pe } from "../../icons/AIExtractedIndicator.es.
 import { AIStarIcon as ue } from "../../icons/AIStarIcon.es.js";
 import { Label as ge } from "../../data-display/label/Label.es.js";
 import L from "../../tooltip/Tooltip.es.js";
-import { HelpIcon as xe } from "../../icons/HelpIcon.es.js";
-import { InputLabel as he } from "../shared/InputLabel.es.js";
+import { HelpIcon as he } from "../../icons/HelpIcon.es.js";
+import { InputLabel as xe } from "../shared/InputLabel.es.js";
 import { shouldShowConfidenceScore as O, getConfidenceScoreBadgeFill as be, getConfidenceScoreBadgeColor as ve, getConfidenceScoreBadgeTextColor as ke, getConfidenceScoreBadgeClass as ye } from "../../../utils/confidenceScoreUtils.es.js";
 const we = (t, r, o, u = "medium") => {
   const n = {
@@ -71,7 +71,7 @@ const we = (t, r, o, u = "medium") => {
     className: V = "",
     disabled: W,
     isDisabled: Y = !1,
-    icon: x,
+    icon: h,
     stopClickPropagation: G = !0,
     gtnName: J,
     variant: Ie = "primary",
@@ -87,7 +87,7 @@ const we = (t, r, o, u = "medium") => {
     onAddGTNToDocument: D,
     inputEmphasis: F = "default"
   }, U) => {
-    const { t: X } = de(), Z = F === "modified", ee = F === "deleted", re = F === "success", C = W ?? Y, h = !!C, E = typeof C == "string" ? C : void 0, ae = v === b.TOP, te = v === b.LEFT, A = v === b.RIGHT, [I, P] = oe(!1), M = () => {
+    const { t: X } = de(), Z = F === "modified", ee = F === "deleted", re = F === "success", C = W ?? Y, x = !!C, E = typeof C == "string" ? C : void 0, ae = v === b.TOP, te = v === b.LEFT, A = v === b.RIGHT, [I, P] = oe(!1), M = () => {
       D && D({
         key: J,
         value: r ? "Yes" : "No"
@@ -123,11 +123,11 @@ const we = (t, r, o, u = "medium") => {
                     N
                   ),
                   children: [
-                    /* @__PURE__ */ e(he, { label: n || "", required: g || !1, isRequiredConditional: z || !1 }),
+                    /* @__PURE__ */ e(xe, { label: n || "", required: g || !1, isRequiredConditional: z || !1 }),
                     K && /* @__PURE__ */ e(me, { sx: { fontSize: 16, color: "var(--color-primary-600)", rotate: "15deg" } }),
                     H && !O(y) && /* @__PURE__ */ e(pe, {}),
                     /* @__PURE__ */ e(ge, { labels: j || [] }),
-                    _ && /* @__PURE__ */ e(L, { placement: "top", title: _, children: /* @__PURE__ */ e("div", { className: "cursor-pointer", children: /* @__PURE__ */ e(xe, {}) }) }),
+                    _ && /* @__PURE__ */ e(L, { placement: "top", title: _, children: /* @__PURE__ */ e("div", { className: "cursor-pointer", children: /* @__PURE__ */ e(he, {}) }) }),
                     T
                   ]
                 }
@@ -205,7 +205,7 @@ const we = (t, r, o, u = "medium") => {
                   className: a(
                     "relative inline-flex items-center",
                     A || k ? "" : "w-min",
-                    h ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+                    x ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                   ),
                   onClick: (s) => s.stopPropagation(),
                   children: [
@@ -215,9 +215,9 @@ const we = (t, r, o, u = "medium") => {
                         ref: U,
                         type: "checkbox",
                         id: o,
-                        onChange: (s) => !h && u(s.target.checked),
+                        onChange: (s) => !x && u(s.target.checked),
                         value: "",
-                        disabled: h,
+                        disabled: x,
                         checked: r,
                         className: a("sr-only peer w-full", V),
                         "aria-required": g,
@@ -225,16 +225,16 @@ const we = (t, r, o, u = "medium") => {
                         "aria-describedby": d || f ? `${o}-description` : void 0
                       }
                     ),
-                    /* @__PURE__ */ e("div", { className: we(r, S, h, i), children: S ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-full w-full", children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("div", { className: we(r, S, x, i), children: S ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-full w-full", children: /* @__PURE__ */ e(
                       "div",
                       {
                         className: a(
                           "z-10 transition-all transform",
-                          i === "small" && (r ? "translate-x-2" : "translate-x-[-6px]"),
-                          i === "medium" && (r ? "translate-x-[8.5px]" : "translate-x-[-8px]"),
-                          i === "large" && (r ? "translate-x-2.5" : "translate-x-[-10px]")
+                          i === "small" && (r ? "translate-x-2" : "-translate-x-1.5"),
+                          i === "medium" && (r ? "translate-x-2" : "-translate-x-2"),
+                          i === "large" && (r ? "translate-x-2.5" : "-translate-x-2.5")
                         ),
-                        children: r ? x?.checkedIcon ? x.checkedIcon : /* @__PURE__ */ e(Ne, { size: 18, fill: "#016DCF" }) : x?.uncheckedIcon ? x.uncheckedIcon : /* @__PURE__ */ e(Fe, { size: 18, fill: "#101828" })
+                        children: r ? h?.checkedIcon ? h.checkedIcon : /* @__PURE__ */ e(Ne, { size: 18, fill: "#016DCF" }) : h?.uncheckedIcon ? h.uncheckedIcon : /* @__PURE__ */ e(Fe, { size: 18, fill: "#101828" })
                       }
                     ) }) : null }),
                     E && /* @__PURE__ */ e(L, { placement: "top", title: E, className: "-ml-2", children: /* @__PURE__ */ e("span", { className: a(