@lax-wp/design-system 0.13.33-beta.3 → 0.13.33-beta.5

package/dist/components/forms/master-data-input/MasterDataInputField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../_virtual/index.cjs.js"),r=require("react"),we=require("antd"),ye=require("react-i18next"),Ce=require("../../data-display/typography/Typography.cjs.js"),Se=require("../../data-display/label/Label.cjs.js"),g=require("@mui/icons-material"),Ie=require("../../icons/AIExtractedIndicator.cjs.js"),ke=require("../../icons/AIStarIcon.cjs.js"),qe=require("../../icons/HelpIcon.cjs.js"),$=require("../../tooltip/Tooltip.cjs.js"),T=require("../../button/IconButton.cjs.js"),Ne=require("../shared/InputLabel.cjs.js"),c=require("../../../utils/confidenceScoreUtils.cjs.js"),U=r.forwardRef(({id:W,label:J,placeholder:Q,value:s,onChange:E,errorMessage:f,defaultValue:X,required:z=!1,isRequiredConditional:Y=!1,masterDataName:x,masterDataColumnName:Z,masterDataFormula:o,masterDataFilters:F,tags:G,index:D,tooltip:M="",originalCase:ee=!1,color:R="",isGTN:j=!1,labelClassName:te,gtnName:V=null,isAiExtracted:le=!1,confidenceScore:v,confidenceType:d="high",confidenceTooltip:w,sourceMeta:re=[],onConfidenceScoreClick:ne,disabled:L=!1,reference:se={},isLiveField:oe=!1,onBlur:ae,onAddGTNToDocument:y,riskDetails:a,isRiskAnalysisOpen:C=!1,RiskDetailsCard:B,primaryColorShades:ie,setDisableActions:H,showDeprecatedFieldWarning:O,MasterDataModal:P,parseMasterDataFormula:p},ce)=>{const{t:de}=ye.useTranslation(),[m,S]=r.useState(!1),[n,u]=r.useState(null),[i,A]=r.useState(!1),[ue,fe]=r.useState(""),[I,K]=r.useState(null),[xe,pe]=r.useState(!1),k=r.useRef(null),q=ce||k;r.useEffect(()=>{const t=()=>{const l=q.current||k.current;l&&pe(l.scrollWidth>l.clientWidth)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[n,s]),r.useEffect(()=>{u(s)},[D,s]),r.useEffect(()=>{n!==null&&n!==s&&E(n,I)},[n,I]);const N=()=>{H?.(!i),A(!i)},me=t=>{if(t.keyCode===9||t.key==="Enter"){const l=q.current||k.current;l&&(u(ue),l.blur())}},he=(t,l)=>{let h=t;o&&p&&(h=p(o,l)),fe(""),u(h),N(),K(l)},be=()=>{u(""),K(null)},ge=t=>{y&&V&&y({key:V,value:t})},je=()=>{const t="border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium",l=f?"border-red-300":C&&a?.color?`border-${a?.color}-300`:"border-gray-300 dark:border-black-600",h="placeholder:text-neutral-900 dark:placeholder:text-black-400",ve=`${C&&a?.color?`bg-${a?.color}-50`:"bg-gray-200 dark:bg-black-600 "} ${R||"text-neutral-900 dark:text-black-200"}`;return`${t} ${l} ${ve} ${h}`},_=()=>n!==null?n:o&&p?p(o,se):s;return r.useEffect(()=>{i&&!x&&(O?.(),A(!1))},[i,x,O]),e.jsxs("div",{className:b("flex gap-0.5 w-full relative",m&&j?"border rounded-lg border-primary-100 bg-primary-50 p-1":"",{"error-field":!!f}),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:[j&&!m?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:b("flex flex-col w-full"),children:[e.jsx("label",{htmlFor:"text",className:`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ee?"":"capitalize"} ${te||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[e.jsx(Ne.InputLabel,{label:J||"",required:z||!1,isRequiredConditional:Y||!1}),oe&&e.jsx(g.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),le&&!c.shouldShowConfidenceScore(v)&&e.jsx(Ie.AIExtractedIndicator,{}),e.jsx(Se.Label,{labels:G}),M&&e.jsx($,{placement:"top",title:`${M}${o?` | ${o}`:""}`,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(qe.HelpIcon,{})})})]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[c.shouldShowConfidenceScore(v)&&d?e.jsx($,{placement:"top-end",title:w??"",hideTooltip:w==null,className:"cursor-pointer",children:e.jsxs("div",{className:b("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",c.getConfidenceScoreBadgeClass(d)),onClick:()=>ne?.(re),children:[e.jsx(ke.AIStarIcon,{size:12,fill:c.getConfidenceScoreBadgeColor(d),fillSecondary:c.getConfidenceScoreBadgeFill(d)}),e.jsxs("span",{className:b("text-xs font-medium leading-4",c.getConfidenceScoreBadgeTextColor(d)),children:[v,"%"]})]})}):null,j&&m&&y?e.jsx("button",{id:"btn-master-data-input-add-to-document",className:"cursor-pointer",onClick:()=>ge(s?.toString()||""),type:"button",children:e.jsx(we.Tooltip,{placement:"top",title:de("Add to document"),children:e.jsx(g.NoteAddOutlined,{sx:{fontSize:16,color:ie?.[600]||"var(--color-primary-600)"}})})}):null]})]})}),e.jsxs("label",{className:"relative block mt-1",children:[e.jsx($,{title:xe?_():"",children:e.jsx("input",{id:W,ref:q,required:z,placeholder:Q,className:je(),onChange:t=>{E(t.target.value,I),u(t.target?.value)},onKeyDown:me,value:_(),defaultValue:X,disabled:!0,autoComplete:"off",onBlur:ae})}),e.jsx(T,{id:"btn-dynamic-data-input-rx-cross",onClick:be,className:"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:L,children:e.jsx(g.CloseRounded,{className:"text-neutral-900 dark:text-black-300 w-sm h-sm"})}),e.jsx(T,{id:"btn-dynamic-data-input-ai-outline-pic-center",onClick:N,className:"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:L,children:e.jsx(g.TableChartRounded,{className:"text-neutral-900 dark:text-black-300 w-sm h-sm"})})]}),f&&e.jsx(Ce.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:f}),i&&P&&e.jsx(P,{isVisible:i,onSelected:he,onClose:N,masterDataColumnName:Z,masterDataFilters:F,masterDataName:x,masterDataId:x,showFilters:!0})]}),m&&a&&C&&B&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:t=>t.stopPropagation(),onMouseDown:t=>t.preventDefault(),onKeyDown:t=>{t.key==="Escape"&&S(!1)},children:e.jsx(B,{riskDetails:a})})]})});U.displayName="MasterDataInputField";exports.MasterDataInputField=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../_virtual/index.cjs.js"),n=require("react"),ve=require("antd"),Ce=require("react-i18next"),Se=require("../../data-display/typography/Typography.cjs.js"),ye=require("../../data-display/label/Label.cjs.js"),N=require("@mui/icons-material"),Ie=require("../../icons/AIExtractedIndicator.cjs.js"),ke=require("../../icons/AIStarIcon.cjs.js"),qe=require("../../icons/HelpIcon.cjs.js"),$=require("../../tooltip/Tooltip.cjs.js"),T=require("../../button/IconButton.cjs.js"),Ne=require("../shared/InputLabel.cjs.js"),c=require("../../../utils/confidenceScoreUtils.cjs.js"),$e=require("../../icon/icons.generated.cjs.js"),U=n.forwardRef(({id:W,label:J,placeholder:Q,value:s,onChange:E,errorMessage:f,defaultValue:X,required:z=!1,isRequiredConditional:Y=!1,masterDataName:x,masterDataColumnName:Z,masterDataFormula:o,masterDataFilters:F,tags:G,index:D,tooltip:M="",originalCase:ee=!1,color:V="",isGTN:g=!1,labelClassName:te,gtnName:L=null,isAiExtracted:le=!1,confidenceScore:j,confidenceType:d="high",confidenceTooltip:w,sourceMeta:ne=[],onConfidenceScoreClick:re,disabled:R=!1,reference:se={},isLiveField:oe=!1,onBlur:ae,onAddGTNToDocument:v,riskDetails:a,isRiskAnalysisOpen:C=!1,RiskDetailsCard:B,primaryColorShades:ie,setDisableActions:H,showDeprecatedFieldWarning:O,MasterDataModal:P,parseMasterDataFormula:p},ce)=>{const{t:de}=Ce.useTranslation(),[h,S]=n.useState(!1),[r,u]=n.useState(null),[i,A]=n.useState(!1),[ue,fe]=n.useState(""),[y,K]=n.useState(null),[xe,pe]=n.useState(!1),I=n.useRef(null),k=ce||I;n.useEffect(()=>{const t=()=>{const l=k.current||I.current;l&&pe(l.scrollWidth>l.clientWidth)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[r,s]),n.useEffect(()=>{u(s)},[D,s]),n.useEffect(()=>{r!==null&&r!==s&&E(r,y)},[r,y]);const q=()=>{H?.(!i),A(!i)},he=t=>{if(t.keyCode===9||t.key==="Enter"){const l=k.current||I.current;l&&(u(ue),l.blur())}},me=(t,l)=>{let m=t;o&&p&&(m=p(o,l)),fe(""),u(m),q(),K(l)},be=()=>{u(""),K(null)},ge=t=>{v&&L&&v({key:L,value:t})},je=()=>{const t="border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium",l=f?"border-red-300":C&&a?.color?`border-${a?.color}-300`:"border-gray-300 dark:border-black-600",m="placeholder:text-neutral-900 dark:placeholder:text-black-400",we=`${C&&a?.color?`bg-${a?.color}-50`:"dark:bg-black-600 "} ${V||"text-neutral-900 dark:text-black-200"}`;return`${t} ${l} ${we} ${m}`},_=()=>r!==null?r:o&&p?p(o,se):s;return n.useEffect(()=>{i&&!x&&(O?.(),A(!1))},[i,x,O]),e.jsxs("div",{className:b("flex gap-0.5 w-full relative",h&&g?"border rounded-lg border-primary-100 p-1":"",{"error-field":!!f}),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:[g&&!h?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:b("flex flex-col w-full"),children:[e.jsx("label",{htmlFor:"text",className:`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ee?"":"capitalize"} ${te||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[e.jsx(Ne.InputLabel,{label:J||"",required:z||!1,isRequiredConditional:Y||!1}),oe&&e.jsx(N.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),le&&!c.shouldShowConfidenceScore(j)&&e.jsx(Ie.AIExtractedIndicator,{}),e.jsx(ye.Label,{labels:G}),M&&e.jsx($,{placement:"top",title:`${M}${o?` | ${o}`:""}`,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(qe.HelpIcon,{})})})]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[c.shouldShowConfidenceScore(j)&&d?e.jsx($,{placement:"top-end",title:w??"",hideTooltip:w==null,className:"cursor-pointer",children:e.jsxs("div",{className:b("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",c.getConfidenceScoreBadgeClass(d)),onClick:()=>re?.(ne),children:[e.jsx(ke.AIStarIcon,{size:12,fill:c.getConfidenceScoreBadgeColor(d),fillSecondary:c.getConfidenceScoreBadgeFill(d)}),e.jsxs("span",{className:b("text-xs font-medium leading-4",c.getConfidenceScoreBadgeTextColor(d)),children:[j,"%"]})]})}):null,g&&h&&v?e.jsx("button",{id:"btn-master-data-input-add-to-document",className:"cursor-pointer",onClick:()=>ge(s?.toString()||""),type:"button",children:e.jsx(ve.Tooltip,{placement:"top",title:de("Add to document"),children:e.jsx(N.NoteAddOutlined,{sx:{fontSize:16,color:ie?.[600]||"var(--color-primary-600)"}})})}):null]})]})}),e.jsxs("label",{className:"relative block mt-1",children:[e.jsx($,{title:xe?_():"",children:e.jsx("input",{id:W,ref:k,required:z,placeholder:Q,className:je(),onChange:t=>{E(t.target.value,y),u(t.target?.value)},onKeyDown:he,value:_(),defaultValue:X,disabled:!0,autoComplete:"off",onBlur:ae})}),e.jsx(T,{id:"btn-dynamic-data-input-rx-cross",onClick:be,className:"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:R,children:e.jsx($e.CloseIcon,{className:"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm"})}),e.jsx(T,{id:"btn-dynamic-data-input-ai-outline-pic-center",onClick:q,className:"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:R,children:e.jsx(N.TableChartRounded,{className:"text-neutral-500 dark:text-neutral-400 w-sm h-sm"})})]}),f&&e.jsx(Se.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:f}),i&&P&&e.jsx(P,{isVisible:i,onSelected:me,onClose:q,masterDataColumnName:Z,masterDataFilters:F,masterDataName:x,masterDataId:x,showFilters:!0})]}),h&&a&&C&&B&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:t=>t.stopPropagation(),onMouseDown:t=>t.preventDefault(),onKeyDown:t=>{t.key==="Escape"&&S(!1)},children:e.jsx(B,{riskDetails:a})})]})});U.displayName="MasterDataInputField";exports.MasterDataInputField=U;
 //# sourceMappingURL=MasterDataInputField.cjs.js.map

package/dist/components/forms/master-data-input/MasterDataInputField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDataInputField.cjs.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\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 * Risk details interface for risk analysis integration\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 MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  showFilters?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\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  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\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  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      if (masterDataFormula && parseMasterDataFormula) {\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const borderColor = errorMessage\n        ? \"border-red-300\"\n        : isRiskAnalysisOpen && riskDetails?.color\n        ? `border-${riskDetails?.color}-300`\n        : \"border-gray-300 dark:border-black-600\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n      const backgroundColor = `${\n        isRiskAnalysisOpen && riskDetails?.color\n          ? `bg-${riskDetails?.color}-50`\n          : \"bg-gray-200 dark:bg-black-600 \"\n      } ${color ? color : \"text-neutral-900 dark:text-black-200\"}`;\n\n      return `${baseClasses} ${borderColor} ${backgroundColor} ${placeholderColor}`;\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\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 label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon />\n                    </div>\n                  </Tooltip>\n                )}\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={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 && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseRounded\n                className=\"text-neutral-900 dark:text-black-300 w-sm h-sm\"\n              />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-900 dark:text-black-300 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              showFilters\n            />\n          )}\n        </div>\n\n        {isHovered &&\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                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","ref","t","useTranslation","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","borderColor","placeholderColor","backgroundColor","resolveMasterDataValue","jsxs","cn","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseRounded","TableChartRounded","Typography"],"mappings":"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"}
+{"version":3,"file":"MasterDataInputField.cjs.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { CloseIcon, CloseSmallIcon } from \"../../icon\";\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 * Risk details interface for risk analysis integration\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 MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  showFilters?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\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  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\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  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      if (masterDataFormula && parseMasterDataFormula) {\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const borderColor = errorMessage\n        ? \"border-red-300\"\n        : isRiskAnalysisOpen && riskDetails?.color\n        ? `border-${riskDetails?.color}-300`\n        : \"border-gray-300 dark:border-black-600\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n      const backgroundColor = `${\n        isRiskAnalysisOpen && riskDetails?.color\n          ? `bg-${riskDetails?.color}-50`\n          : \"dark:bg-black-600 \"\n      } ${color ? color : \"text-neutral-900 dark:text-black-200\"}`;\n\n      return `${baseClasses} ${borderColor} ${backgroundColor} ${placeholderColor}`;\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\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 label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon />\n                    </div>\n                  </Tooltip>\n                )}\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={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 && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseIcon className=\"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm\" />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-500 dark:text-neutral-400 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              showFilters\n            />\n          )}\n        </div>\n\n        {isHovered &&\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                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","ref","t","useTranslation","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","borderColor","placeholderColor","backgroundColor","resolveMasterDataValue","jsxs","cn","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseIcon","TableChartRounded","Typography"],"mappings":"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"}

package/dist/components/forms/master-data-input/MasterDataInputField.es.js

@@ -1,18 +1,19 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import g from "../../../_virtual/index.es.js";
-import { forwardRef as Ce, useState as c, useRef as ke, useEffect as x } from "react";
+import b from "../../../_virtual/index.es.js";
+import { forwardRef as Ce, useState as c, useRef as ke, useEffect as g } from "react";
 import { Tooltip as ye } from "antd";
 import { useTranslation as Ne } from "react-i18next";
 import { Typography as Ie } from "../../data-display/typography/Typography.es.js";
 import { Label as Se } from "../../data-display/label/Label.es.js";
-import { BoltOutlined as $e, NoteAddOutlined as ze, CloseRounded as Ve, TableChartRounded as Ee } from "@mui/icons-material";
-import { AIExtractedIndicator as Be } from "../../icons/AIExtractedIndicator.es.js";
-import { AIStarIcon as Me } from "../../icons/AIStarIcon.es.js";
-import { HelpIcon as Re } from "../../icons/HelpIcon.es.js";
+import { BoltOutlined as $e, NoteAddOutlined as ze, TableChartRounded as Ve } from "@mui/icons-material";
+import { AIExtractedIndicator as Ee } from "../../icons/AIExtractedIndicator.es.js";
+import { AIStarIcon as Be } from "../../icons/AIStarIcon.es.js";
+import { HelpIcon as Me } from "../../icons/HelpIcon.es.js";
 import V from "../../tooltip/Tooltip.es.js";
 import A from "../../button/IconButton.es.js";
 import { InputLabel as Le } from "../shared/InputLabel.es.js";
-import { shouldShowConfidenceScore as J, getConfidenceScoreBadgeFill as je, getConfidenceScoreBadgeColor as He, getConfidenceScoreBadgeTextColor as Ke, getConfidenceScoreBadgeClass as Oe } from "../../../utils/confidenceScoreUtils.es.js";
+import { shouldShowConfidenceScore as J, getConfidenceScoreBadgeFill as Re, getConfidenceScoreBadgeColor as je, getConfidenceScoreBadgeTextColor as He, getConfidenceScoreBadgeClass as Ke } from "../../../utils/confidenceScoreUtils.es.js";
+import { CloseIcon as Oe } from "../../icon/icons.generated.es.js";
 const Pe = Ce(
   ({
     id: Q,
@@ -32,12 +33,12 @@ const Pe = Ce(
     index: D,
     tooltip: M = "",
     originalCase: ee = !1,
-    color: R = "",
-    isGTN: v = !1,
+    color: L = "",
+    isGTN: w = !1,
     labelClassName: te,
-    gtnName: L = null,
+    gtnName: R = null,
     isAiExtracted: le = !1,
-    confidenceScore: w,
+    confidenceScore: v,
     confidenceType: d = "high",
     confidenceTooltip: C,
     sourceMeta: re = [],
@@ -57,15 +58,15 @@ const Pe = Ce(
     parseMasterDataFormula: p
   }, ce) => {
     const { t: de } = Ne(), [h, N] = c(!1), [o, u] = c(null), [s, _] = c(!1), [ue, fe] = c(""), [I, q] = c(null), [me, pe] = c(!1), S = ke(null), $ = ce || S;
-    x(() => {
+    g(() => {
       const t = () => {
         const l = $.current || S.current;
         l && pe(l.scrollWidth > l.clientWidth);
       };
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-    }, [o, n]), x(() => {
+    }, [o, n]), g(() => {
       u(n);
-    }, [D, n]), x(() => {
+    }, [D, n]), g(() => {
       o !== null && o !== n && E(o, I);
     }, [o, I]);
     const z = () => {
@@ -75,35 +76,35 @@ const Pe = Ce(
         const l = $.current || S.current;
         l && (u(ue), l.blur());
       }
-    }, be = (t, l) => {
-      let b = t;
-      a && p && (b = p(a, l)), fe(""), u(b), z(), q(l);
-    }, ge = () => {
+    }, xe = (t, l) => {
+      let x = t;
+      a && p && (x = p(a, l)), fe(""), u(x), z(), q(l);
+    }, be = () => {
       u(""), q(null);
-    }, xe = (t) => {
-      k && L && k({
-        key: L,
+    }, ge = (t) => {
+      k && R && k({
+        key: R,
         value: t
       });
-    }, ve = () => {
-      const t = "border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium", l = f ? "border-red-300" : y && i?.color ? `border-${i?.color}-300` : "border-gray-300 dark:border-black-600", b = "placeholder:text-neutral-900 dark:placeholder:text-black-400", we = `${y && i?.color ? `bg-${i?.color}-50` : "bg-gray-200 dark:bg-black-600 "} ${R || "text-neutral-900 dark:text-black-200"}`;
-      return `${t} ${l} ${we} ${b}`;
+    }, we = () => {
+      const t = "border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium", l = f ? "border-red-300" : y && i?.color ? `border-${i?.color}-300` : "border-gray-300 dark:border-black-600", x = "placeholder:text-neutral-900 dark:placeholder:text-black-400", ve = `${y && i?.color ? `bg-${i?.color}-50` : "dark:bg-black-600 "} ${L || "text-neutral-900 dark:text-black-200"}`;
+      return `${t} ${l} ${ve} ${x}`;
     }, W = () => o !== null ? o : a && p ? p(a, ne) : n;
-    return x(() => {
+    return g(() => {
       s && !m && (O?.(), _(!1));
     }, [s, m, O]), /* @__PURE__ */ r(
       "div",
       {
-        className: g(
+        className: b(
           "flex gap-0.5 w-full relative",
-          h && v ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : "",
+          h && w ? "border rounded-lg border-primary-100 p-1" : "",
           { "error-field": !!f }
         ),
         onMouseEnter: () => N(!0),
         onMouseLeave: () => N(!1),
         children: [
-          v && !h ? /* @__PURE__ */ e("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
-          /* @__PURE__ */ r("div", { className: g("flex flex-col w-full"), children: [
+          w && !h ? /* @__PURE__ */ e("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          /* @__PURE__ */ r("div", { className: b("flex flex-col w-full"), children: [
             /* @__PURE__ */ e(
               "label",
               {
@@ -122,19 +123,19 @@ const Pe = Ce(
                         }
                       }
                     ),
-                    le && !J(w) && /* @__PURE__ */ e(Be, {}),
+                    le && !J(v) && /* @__PURE__ */ e(Ee, {}),
                     /* @__PURE__ */ e(Se, { labels: F }),
                     M && /* @__PURE__ */ e(
                       V,
                       {
                         placement: "top",
                         title: `${M}${a ? ` | ${a}` : ""}`,
-                        children: /* @__PURE__ */ e("div", { className: "cursor-pointer", children: /* @__PURE__ */ e(Re, {}) })
+                        children: /* @__PURE__ */ e("div", { className: "cursor-pointer", children: /* @__PURE__ */ e(Me, {}) })
                       }
                     )
                   ] }),
                   /* @__PURE__ */ r("div", { className: "flex items-center gap-1 justify-self-end", children: [
-                    J(w) && d ? /* @__PURE__ */ e(
+                    J(v) && d ? /* @__PURE__ */ e(
                       V,
                       {
                         placement: "top-end",
@@ -144,22 +145,22 @@ const Pe = Ce(
                         children: /* @__PURE__ */ r(
                           "div",
                           {
-                            className: g(
+                            className: b(
                               "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
-                              Oe(d)
+                              Ke(d)
                             ),
                             onClick: () => oe?.(re),
                             children: [
                               /* @__PURE__ */ e(
-                                Me,
+                                Be,
                                 {
                                   size: 12,
-                                  fill: He(d),
-                                  fillSecondary: je(d)
+                                  fill: je(d),
+                                  fillSecondary: Re(d)
                                 }
                               ),
-                              /* @__PURE__ */ r("span", { className: g("text-xs font-medium leading-4", Ke(d)), children: [
-                                w,
+                              /* @__PURE__ */ r("span", { className: b("text-xs font-medium leading-4", He(d)), children: [
+                                v,
                                 "%"
                               ] })
                             ]
@@ -167,12 +168,12 @@ const Pe = Ce(
                         )
                       }
                     ) : null,
-                    v && h && k ? /* @__PURE__ */ e(
+                    w && h && k ? /* @__PURE__ */ e(
                       "button",
                       {
                         id: "btn-master-data-input-add-to-document",
                         className: "cursor-pointer",
-                        onClick: () => xe(n?.toString() || ""),
+                        onClick: () => ge(n?.toString() || ""),
                         type: "button",
                         children: /* @__PURE__ */ e(ye, { placement: "top", title: de("Add to document"), children: /* @__PURE__ */ e(
                           ze,
@@ -201,7 +202,7 @@ const Pe = Ce(
                       ref: $,
                       required: B,
                       placeholder: U,
-                      className: ve(),
+                      className: we(),
                       onChange: (t) => {
                         E(t.target.value, I), u(t.target?.value);
                       },
@@ -219,16 +220,11 @@ const Pe = Ce(
                 A,
                 {
                   id: "btn-dynamic-data-input-rx-cross",
-                  onClick: ge,
+                  onClick: be,
                   className: "absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",
                   variant: "ghost",
                   disabled: j,
-                  children: /* @__PURE__ */ e(
-                    Ve,
-                    {
-                      className: "text-neutral-900 dark:text-black-300 w-sm h-sm"
-                    }
-                  )
+                  children: /* @__PURE__ */ e(Oe, { className: "w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -240,9 +236,9 @@ const Pe = Ce(
                   variant: "ghost",
                   disabled: j,
                   children: /* @__PURE__ */ e(
-                    Ee,
+                    Ve,
                     {
-                      className: "text-neutral-900 dark:text-black-300 w-sm h-sm"
+                      className: "text-neutral-500 dark:text-neutral-400 w-sm h-sm"
                     }
                   )
                 }
@@ -262,7 +258,7 @@ const Pe = Ce(
               P,
               {
                 isVisible: s,
-                onSelected: be,
+                onSelected: xe,
                 onClose: z,
                 masterDataColumnName: Z,
                 masterDataFilters: G,

package/dist/components/forms/master-data-input/MasterDataInputField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDataInputField.es.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\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 * Risk details interface for risk analysis integration\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 MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  showFilters?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\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  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\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  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      if (masterDataFormula && parseMasterDataFormula) {\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const borderColor = errorMessage\n        ? \"border-red-300\"\n        : isRiskAnalysisOpen && riskDetails?.color\n        ? `border-${riskDetails?.color}-300`\n        : \"border-gray-300 dark:border-black-600\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n      const backgroundColor = `${\n        isRiskAnalysisOpen && riskDetails?.color\n          ? `bg-${riskDetails?.color}-50`\n          : \"bg-gray-200 dark:bg-black-600 \"\n      } ${color ? color : \"text-neutral-900 dark:text-black-200\"}`;\n\n      return `${baseClasses} ${borderColor} ${backgroundColor} ${placeholderColor}`;\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\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 label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon />\n                    </div>\n                  </Tooltip>\n                )}\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={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 && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseRounded\n                className=\"text-neutral-900 dark:text-black-300 w-sm h-sm\"\n              />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-900 dark:text-black-300 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              showFilters\n            />\n          )}\n        </div>\n\n        {isHovered &&\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                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","ref","t","useTranslation","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","borderColor","placeholderColor","backgroundColor","resolveMasterDataValue","jsxs","cn","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseRounded","TableChartRounded","Typography"],"mappings":"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"}
+{"version":3,"file":"MasterDataInputField.es.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { CloseIcon, CloseSmallIcon } from \"../../icon\";\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 * Risk details interface for risk analysis integration\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 MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  showFilters?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\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  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\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  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      if (masterDataFormula && parseMasterDataFormula) {\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const borderColor = errorMessage\n        ? \"border-red-300\"\n        : isRiskAnalysisOpen && riskDetails?.color\n        ? `border-${riskDetails?.color}-300`\n        : \"border-gray-300 dark:border-black-600\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n      const backgroundColor = `${\n        isRiskAnalysisOpen && riskDetails?.color\n          ? `bg-${riskDetails?.color}-50`\n          : \"dark:bg-black-600 \"\n      } ${color ? color : \"text-neutral-900 dark:text-black-200\"}`;\n\n      return `${baseClasses} ${borderColor} ${backgroundColor} ${placeholderColor}`;\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\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 label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon />\n                    </div>\n                  </Tooltip>\n                )}\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={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 && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseIcon className=\"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm\" />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-500 dark:text-neutral-400 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              showFilters\n            />\n          )}\n        </div>\n\n        {isHovered &&\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                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","ref","t","useTranslation","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","borderColor","placeholderColor","backgroundColor","resolveMasterDataValue","jsxs","cn","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseIcon","TableChartRounded","Typography"],"mappings":"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"}

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"),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-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../_virtual/index.cjs.js"),O=require("react"),T=require("framer-motion"),ne=require("antd"),ce=require("react-i18next"),p=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"),C=require("../../tooltip/Tooltip.cjs.js"),pe=require("../../icons/HelpIcon.cjs.js"),fe=require("../shared/InputLabel.cjs.js"),n=require("../../../utils/confidenceScoreUtils.cjs.js"),xe=(t,a,s,f="medium")=>{const i={small:"w-7 h-4 after:h-3 after:w-3 after:top-0.5 after:left-0.5",medium:"w-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] 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 r("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[f],x[f],{"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":a,"cursor-not-allowed opacity-70":s})},ge=({size:t=18,fill:a="#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:a})}),he=({size:t=18,fill:a="#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:a})}),M=O.forwardRef(({isGTN:t=!1,isChecked:a,id:s,onChange:f,label:i,required:x,isRequiredConditional:P=!1,hideStatus:G=!1,labelDirection:v=b.TOGGLE_LABEL_DIRECTION.TOP,statusText:y,withIcon:S=!1,tags:z,isAiExtracted:H=!1,confidenceScore:j,confidenceType:c="high",confidenceTooltip:k,sourceMeta:$=[],onConfidenceScoreClick:V,tooltip:E="",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(),te=N==="modified",ae=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:a?"Yes":"No"})},oe=()=>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:r("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:o=>{J&&o.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:r("w-full flex flex-col",te&&"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] px-2 py-1.5",ae&&"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:r("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(fe.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&&!n.shouldShowConfidenceScore(j)&&e.jsx(de.AIExtractedIndicator,{}),e.jsx(me.Label,{labels:z||[]}),E&&e.jsx(C,{placement:"top",title:E,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(pe.HelpIcon,{})})}),Z]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[n.shouldShowConfidenceScore(j)&&c?e.jsx(C,{placement:"top-end",title:k??"",hideTooltip:k==null,className:"cursor-pointer",children:e.jsxs("div",{className:r("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",n.getConfidenceScoreBadgeClass(c)),onClick:()=>V?.($),children:[e.jsx(ue.AIStarIcon,{size:12,fill:n.getConfidenceScoreBadgeColor(c),fillSecondary:n.getConfidenceScoreBadgeFill(c)}),e.jsxs("span",{className:r("text-xs font-medium leading-4",n.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(ne.Tooltip,{placement:"top",title:re("Add to document"),children:e.jsx(R.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]}),m&&e.jsx(p.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(p.Typography,{size:"small",variant:"medium",className:r("mr-2 text-neutral-700 dark:text-black-200",w),appearance:"custom",children:i}),e.jsxs("label",{className:r("relative inline-flex items-center",A||y?"":"w-min",h?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:o=>o.stopPropagation(),children:[e.jsx("input",{ref:ee,type:"checkbox",id:s,onChange:o=>!h&&f(o.target.checked),value:"",disabled:h,checked:a,className:r("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(a,S,h,l),children:S?e.jsx("div",{className:r("pointer-events-none absolute top-0.5 left-0.5 z-10 flex items-center justify-center transition-transform",l==="small"&&"h-3 w-3",l==="medium"&&"h-[1.125rem] w-[1.125rem]",l==="large"&&"h-5 w-5",a&&"translate-x-full"),children:a?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(C,{placement:"top",title:F,className:"-ml-2",children:e.jsx("span",{className:r("absolute inset-y-0 left-0",l==="small"&&"w-7",l==="medium"&&"w-9",l==="large"&&"w-11")})}),A&&e.jsx(p.Typography,{size:"small",variant:"medium",className:r("ml-2 text-neutral-700 dark:text-black-300",w),appearance:"custom",children:i}),G?null:e.jsx(p.Typography,{size:"small",variant:"medium",className:"ml-2 text-neutral-900 dark:text-black-100",appearance:"custom",children:y||(a?"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(p.Typography,{className:r("mt-1",oe()),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-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] 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":"stBA+IMA,GAAsB,CAC1BC,EACAC,EACAC,EACAC,EAAqC,WAC1B,CACX,MAAMC,EAAc,CAClB,MAAO,2DACP,OAAQ,uFACR,MAAO,2DAAA,EAGHC,EAAmB,CACvB,MAAO,mCACP,OAAQ,sCACR,MAAO,kCAAA,EAGT,OAAOC,EACL,ggBACAF,EAAYD,CAAI,EAChBE,EAAiBF,CAAI,EACrB,CACE,4IACEH,EACF,yCAA0C,CAACA,EAC3C,iCAAkCC,EAClC,gCAAiCC,CAAA,CACnC,CAEJ,EAKMK,GAAY,CAAC,CAAE,KAAAJ,EAAO,GAAI,KAAAK,EAAO,SAAA,IACrCC,EAAAA,IAAC,MAAA,CAAI,MAAON,EAAM,OAAQA,EAAM,QAAQ,YAAY,KAAK,OACvD,SAAAM,EAAAA,IAAC,OAAA,CACC,EAAE,4DACF,KAAAD,CAAA,CACF,EACF,EAMIE,GAAY,CAAC,CAAE,KAAAP,EAAO,GAAI,KAAAK,EAAO,SAAA,IACrCC,EAAAA,IAAC,MAAA,CAAI,MAAON,EAAM,OAAQA,EAAM,QAAQ,YAAY,KAAK,OACvD,SAAAM,EAAAA,IAAC,OAAA,CACC,EAAE,gHACF,KAAAD,CAAA,CACF,EACF,EAkBWG,EAASC,EAAAA,WACpB,CACE,CACE,MAAAC,EAAQ,GACR,UAAAb,EACA,GAAAc,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,sBAAAC,EAAwB,GACxB,WAAAC,EAAa,GACb,eAAAC,EAAiBC,EAAAA,uBAAuB,IACxC,WAAAC,EACA,SAAArB,EAAW,GACX,KAAAsB,EACA,cAAAC,EAAgB,GAChB,gBAAAC,EACA,eAAAC,EAAiB,OACjB,kBAAAC,EACA,WAAAC,EAAa,CAAA,EACb,uBAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,SAAAC,EACA,WAAA9B,EAAa,GACb,KAAA+B,EACA,qBAAAC,EAAuB,GACvB,QAASC,EACT,QAASC,GAAW,UACpB,eAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EACA,YAAAC,EAAc,UACd,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,KAAAxC,EAAO,SACP,mBAAAyC,EACA,mBAAAC,EACA,cAAAC,EAAgB,SAAA,EAElBC,KACG,CACH,KAAM,CAAE,EAAAC,EAAA,EAAMC,kBAAA,EACRC,GAAuBJ,IAAkB,WACzCK,GAAsBL,IAAkB,UACxCM,GAAsBN,IAAkB,UACxCO,EAAmBrB,GAAY9B,EAC/BoD,EAAiB,CAAC,CAACD,EACnBE,EAAkB,OAAOF,GAAqB,SAAWA,EAAmB,OAC5EG,GAAsBpC,IAAmBC,EAAAA,uBAAuB,IAChEoC,GAAuBrC,IAAmBC,EAAAA,uBAAuB,KACjEqC,EAAwBtC,IAAmBC,EAAAA,uBAAuB,MAClE,CAACsC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAE1CC,EAAyB,IAAM,CAC/BjB,GAKFA,EAJqB,CACnB,IAAKV,EACL,MAAOnC,EAAY,MAAQ,IAAA,CAEE,CAEnC,EAEM+D,GAA4B,IAC5BvB,IAAgB,QAAgB,iCAChCA,IAAgB,UACX,qCACLA,IAAgB,OAAe,yCAC5B,yCAwBT,OACEwB,EAAAA,KAAC,MAAA,CACC,UAAW1D,EACT,eACAqD,GAAa9C,EAAQ,yDAA2D,GAChF4B,CAAA,EAEF,aAAc,IAAMmB,EAAa,EAAI,EACrC,aAAc,IAAMA,EAAa,EAAK,EACtC,QAAUK,GAAM,CACV/B,KAAwB,gBAAA,CAC9B,EAEC,SAAA,CAAArB,GAAS,CAAC8C,EACTlD,MAAC,MAAA,CAAI,UAAU,2DAA2D,EACxE,KACJuD,OAAC,OAAI,UAAW1D,EACd,uBACA4C,IAAwB,gHACxBC,IAAuB,4GACvBC,IAAuB,+GAAA,EAEtB,SAAA,CAAAI,IAAuBxC,GACtBgD,OAAC,MAAA,CAAI,UAAU,iEACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CACC,UAAW1D,EACT,mGACA+B,CAAA,EAGF,SAAA,CAAA5B,EAAAA,IAACyD,GAAAA,WAAA,CAAW,MAAOlD,GAAS,GAAI,SAAUC,GAAY,GAAO,sBAAuBC,GAAyB,EAAA,CAAO,EACnHoB,GAAe7B,EAAAA,IAAC0D,eAAA,CAAa,GAAI,CAAE,SAAU,GAAI,MAAO,2BAA4B,OAAQ,OAAA,CAAQ,CAAG,EACvG3C,GAAiB,CAAC4C,EAAAA,0BAA0B3C,CAAe,SAAM4C,GAAAA,qBAAA,EAAqB,EACvF5D,EAAAA,IAAC6D,GAAAA,MAAA,CAAM,OAAQ/C,GAAQ,CAAA,CAAC,CAAG,EAC1BO,GACCrB,EAAAA,IAAC8D,EAAA,CAAQ,UAAU,MAAM,MAAOzC,EAC9B,SAAArB,EAAAA,IAAC,MAAA,CAAI,UAAU,iBACb,SAAAA,EAAAA,IAAC+D,YAAA,CAAA,CAAS,EACZ,EACF,EAED7B,CAAA,CAAA,CAAA,EAEHqB,EAAAA,KAAC,MAAA,CAAI,UAAU,2CACX,SAAA,CAAAI,4BAA0B3C,CAAe,GAAKC,EAC9CjB,EAAAA,IAAC8D,EAAA,CACC,UAAU,UACV,MAAO5C,GAAqB,GAC5B,YAAgDA,GAAsB,KACtE,UAAU,iBAEV,SAAAqC,EAAAA,KAAC,MAAA,CACC,UAAW1D,EACT,qEACAmE,EAAAA,6BAA6B/C,CAAc,CAAA,EAE7C,QAAS,IAAMG,IAAyBD,CAAU,EAElD,SAAA,CAAAnB,EAAAA,IAACiE,GAAAA,WAAA,CACC,KAAM,GACN,KAAMC,EAAAA,6BAA6BjD,CAAc,EACjD,cAAekD,EAAAA,4BAA4BlD,CAAc,CAAA,CAAA,EAE3DsC,OAAC,QAAK,UAAW1D,EAAG,gCAAiCuE,mCAAiCnD,CAAc,CAAC,EAClG,SAAA,CAAAD,EAAgB,GAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CACF,CAAA,EAEA,KACHZ,GAAS8C,EACRf,EACEA,EAAmBkB,CAAsB,EAEzCrD,EAAAA,IAAC,SAAA,CACC,GAAG,6BACH,UAAU,iBACV,QAASqD,EACT,KAAK,SAEL,eAACgB,GAAAA,QAAA,CAAW,UAAU,MAAM,MAAO9B,GAAE,iBAAiB,EACpD,SAAAvC,EAAAA,IAACsE,EAAAA,gBAAA,CAAgB,UAAU,mBAAmB,GAAI,CAAE,SAAU,EAAA,EAAM,CAAA,CACtE,CAAA,CAAA,EAGF,IAAA,CAAA,CACN,CAAA,EACF,EAIDrC,GACCjC,EAAAA,IAACuE,EAAAA,WAAA,CACC,UAAU,8CACV,WAAW,SACX,KAAK,cACL,QAAQ,UAEP,SAAAtC,CAAA,CAAA,EAILsB,EAAAA,KAAC,MAAA,CAAI,UAAU,OACZ,SAAA,CAAAP,IACChD,EAAAA,IAACuE,EAAAA,WAAA,CACC,KAAK,QACL,QAAQ,SACR,UAAW1E,EAAG,4CAA6C+B,CAAc,EACzE,WAAW,SAEV,SAAArB,CAAA,CAAA,EAILgD,EAAAA,KAAC,QAAA,CACC,UAAW1D,EACT,oCACAoD,GAAyBpC,EAAa,GAAK,QAC1CgC,EAAoC,gCAAnB,gBAAmB,EAEvC,QAAUW,GAAMA,EAAE,gBAAA,EAElB,SAAA,CAAAxD,EAAAA,IAAC,QAAA,CACC,IAAAsC,GACA,KAAK,WACL,GAAAjC,EACA,SAAWmD,GAAM,CAACX,GAAkBvC,EAASkD,EAAE,OAAO,OAAO,EAC7D,MAAM,GACN,SAAUX,EACV,QAAStD,EACT,UAAWM,EAAG,sBAAuByB,CAAS,EAC9C,gBAAed,EACf,eACEsB,GAAWC,IAAgB,QAAU,OAAS,QAEhD,mBACED,GAAWG,EAAW,GAAG5B,CAAE,eAAiB,MAAA,CAAA,EAGhDL,EAAAA,IAAC,MAAA,CAAI,UAAWV,GAAoBC,EAAWC,EAAUqD,EAAgBnD,CAAI,EAC1E,SAAAF,EACCQ,MAAC,MAAA,CAAI,UAAU,iDACb,SAAAA,EAAAA,IAAC,MAAA,CACC,UAAWH,EACT,gCACAH,IAAS,UACRH,EACG,gBACA,oBACJG,IAAS,WACRH,EACG,gBACA,kBACJG,IAAS,UACRH,EACG,kBACA,mBAAA,EAGL,SAAAA,EACCiC,GAAM,YACJA,EAAK,YAELxB,EAAAA,IAACF,GAAA,CAAU,KAAM,GAAI,KAAK,UAAU,EAEpC0B,GAAM,cACRA,EAAK,oBAEJvB,GAAA,CAAU,KAAM,GAAI,KAAK,SAAA,CAAU,CAAA,CAAA,CAExC,CACF,EACE,KACN,EACC6C,GACC9C,EAAAA,IAAC8D,EAAA,CAAQ,UAAU,MAAM,MAAOhB,EAAiB,UAAU,QACzD,SAAA9C,EAAAA,IAAC,OAAA,CAAK,UAAWH,EACf,4BACAH,IAAS,SAAW,MACpBA,IAAS,UAAY,MACrBA,IAAS,SAAW,MAAA,EACnB,CAAA,CACL,EAGDuD,GACCjD,EAAAA,IAACuE,EAAAA,WAAA,CACC,KAAK,QACL,QAAQ,SACR,UAAW1E,EAAG,4CAA6C+B,CAAc,EACzE,WAAW,SAEV,SAAArB,CAAA,CAAA,EAIJG,EAAa,KACZV,EAAAA,IAACuE,EAAAA,WAAA,CACC,KAAK,QACL,QAAQ,SACR,UAAU,4CACV,WAAW,SAEV,SAAA1D,IAA0BtB,EAAY,MAAQ,KAAA,CAAA,CACjD,CAAA,CAAA,CAEJ,EACF,EAGAS,EAAAA,IAACwE,EAAAA,iBACE,SAAA1C,GACC9B,EAAAA,IAACyE,EAAAA,OAAO,IAAP,CACC,QAAS,CAAE,QAAS,EAAG,EAAG,GAAA,EAC1B,QAAS,CAAE,QAAS,EAAG,EAAG,CAAA,EAC1B,KAAM,CAAE,QAAS,EAAG,EAAG,GAAA,EACvB,WAAY,CAAE,SAAU,EAAA,EACxB,GAAI,GAAGpE,CAAE,eACT,KAAM0B,IAAgB,QAAU,QAAU,OAE1C,SAAA/B,EAAAA,IAACuE,EAAAA,WAAA,CACC,UAAW1E,EAAG,OAAQyD,IAA2B,EACjD,WAAW,SACX,KAAK,cACL,QAAQ,SAEP,SAAAxB,CAAA,CAAA,CACH,CAAA,EAGN,EAGCG,GAAY,CAACH,GACZ9B,EAAAA,IAAC,MAAA,CAAI,GAAI,GAAGK,CAAE,eAAgB,UAAU,UACrC,SAAA4B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN,CACF,EAEA/B,EAAO,YAAc"}
+{"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-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] 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                  // Overlay the icon on the sliding knob using the knob's exact\n                  // geometry (same top/left, same size, same full-width slide) so\n                  // it stays perfectly centered in the circle for every size/state.\n                  <div\n                    className={cn(\n                      \"pointer-events-none absolute top-0.5 left-0.5 z-10 flex items-center justify-center transition-transform\",\n                      size === \"small\" && \"h-3 w-3\",\n                      size === \"medium\" && \"h-[1.125rem] w-[1.125rem]\",\n                      size === \"large\" && \"h-5 w-5\",\n                      isChecked && \"translate-x-full\"\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                ) : 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

@@ -1,20 +1,20 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import a from "../../../_virtual/index.es.js";
+import r from "../../../_virtual/index.es.js";
 import { forwardRef as ie, useState as oe } from "react";
 import { AnimatePresence as ne, motion as se } from "framer-motion";
 import { Tooltip as ce } from "antd";
 import { useTranslation as de } from "react-i18next";
 import { Typography as p } from "../../data-display/typography/Typography.es.js";
-import { TOGGLE_LABEL_DIRECTION as b } from "../../../constants/toggle.es.js";
+import { TOGGLE_LABEL_DIRECTION as x } from "../../../constants/toggle.es.js";
 import { BoltOutlined as me, NoteAddOutlined as fe } from "@mui/icons-material";
 import { AIExtractedIndicator as pe } from "../../icons/AIExtractedIndicator.es.js";
 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 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") => {
+import { InputLabel as be } from "../shared/InputLabel.es.js";
+import { shouldShowConfidenceScore as O, getConfidenceScoreBadgeFill as xe, getConfidenceScoreBadgeColor as ve, getConfidenceScoreBadgeTextColor as ke, getConfidenceScoreBadgeClass as ye } from "../../../utils/confidenceScoreUtils.es.js";
+const we = (t, a, o, u = "medium") => {
   const n = {
     small: "w-7 h-4 after:h-3 after:w-3 after:top-0.5 after:left-0.5",
     medium: "w-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] after:top-0.5 after:left-0.5",
@@ -24,40 +24,40 @@ const we = (t, r, o, u = "medium") => {
     medium: "peer-checked:after:translate-x-full",
     large: "peer-checked:after:translate-x-5"
   };
-  return a(
+  return r(
     "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[u],
     g[u],
     {
       "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,
+      "text-white dark:text-black-900": a,
       "cursor-not-allowed opacity-70": o
     }
   );
-}, Ne = ({ size: t = 18, fill: r = "#016DCF" }) => /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+}, Ne = ({ size: t = 18, fill: a = "#016DCF" }) => /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",
-    fill: r
+    fill: a
   }
-) }), Fe = ({ size: t = 18, fill: r = "#101828" }) => /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+) }), Ce = ({ size: t = 18, fill: a = "#101828" }) => /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
   "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
+    fill: a
   }
-) }), Ce = ie(
+) }), Fe = ie(
   ({
     isGTN: t = !1,
-    isChecked: r,
+    isChecked: a,
     id: o,
     onChange: u,
     label: n,
     required: g,
     isRequiredConditional: z = !1,
     hideStatus: R = !1,
-    labelDirection: v = b.TOP,
+    labelDirection: v = x.TOP,
     statusText: k,
     withIcon: S = !1,
     tags: j,
@@ -85,18 +85,18 @@ const we = (t, r, o, u = "medium") => {
     size: i = "medium",
     renderGTNAddButton: B,
     onAddGTNToDocument: D,
-    inputEmphasis: F = "default"
+    inputEmphasis: C = "default"
   }, U) => {
-    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 = () => {
+    const { t: X } = de(), Z = C === "modified", ee = C === "deleted", re = C === "success", F = W ?? Y, b = !!F, E = typeof F == "string" ? F : void 0, te = v === x.TOP, ae = v === x.LEFT, A = v === x.RIGHT, [I, P] = oe(!1), M = () => {
       D && D({
         key: J,
-        value: r ? "Yes" : "No"
+        value: a ? "Yes" : "No"
       });
     }, le = () => m === "error" ? "text-red-500 dark:text-red-400" : m === "success" ? "text-green-500 dark:text-green-400" : m === "info" ? "text-primary-500 dark:text-primary-400" : "text-neutral-500 dark:text-neutral-400";
     return /* @__PURE__ */ l(
       "div",
       {
-        className: a(
+        className: r(
           "flex gap-0.5",
           I && t ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : "",
           Q
@@ -108,22 +108,22 @@ const we = (t, r, o, u = "medium") => {
         },
         children: [
           t && !I ? /* @__PURE__ */ e("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-pulse mt-1.5" }) : null,
-          /* @__PURE__ */ l("div", { className: a(
+          /* @__PURE__ */ l("div", { className: r(
             "w-full flex flex-col",
             Z && "rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] px-2 py-1.5",
             ee && "rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] px-2 py-1.5",
             re && "rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] px-2 py-1.5"
           ), children: [
-            ae && n && /* @__PURE__ */ l("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
+            te && n && /* @__PURE__ */ l("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
               /* @__PURE__ */ l(
                 "h1",
                 {
-                  className: a(
+                  className: r(
                     "mb-1 min-w-0 font-inter text-neutral-600 font-medium text-xs flex items-center gap-0.5 flex-wrap",
                     N
                   ),
                   children: [
-                    /* @__PURE__ */ e(xe, { label: n || "", required: g || !1, isRequiredConditional: z || !1 }),
+                    /* @__PURE__ */ e(be, { 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 || [] }),
@@ -143,7 +143,7 @@ const we = (t, r, o, u = "medium") => {
                     children: /* @__PURE__ */ l(
                       "div",
                       {
-                        className: a(
+                        className: r(
                           "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
                           ye(c)
                         ),
@@ -154,10 +154,10 @@ const we = (t, r, o, u = "medium") => {
                             {
                               size: 12,
                               fill: ve(c),
-                              fillSecondary: be(c)
+                              fillSecondary: xe(c)
                             }
                           ),
-                          /* @__PURE__ */ l("span", { className: a("text-xs font-medium leading-4", ke(c)), children: [
+                          /* @__PURE__ */ l("span", { className: r("text-xs font-medium leading-4", ke(c)), children: [
                             y,
                             "%"
                           ] })
@@ -189,12 +189,12 @@ const we = (t, r, o, u = "medium") => {
               }
             ),
             /* @__PURE__ */ l("div", { className: "flex", children: [
-              te && /* @__PURE__ */ e(
+              ae && /* @__PURE__ */ e(
                 p,
                 {
                   size: "small",
                   variant: "medium",
-                  className: a("mr-2 text-neutral-700 dark:text-black-200", N),
+                  className: r("mr-2 text-neutral-700 dark:text-black-200", N),
                   appearance: "custom",
                   children: n
                 }
@@ -202,10 +202,10 @@ const we = (t, r, o, u = "medium") => {
               /* @__PURE__ */ l(
                 "label",
                 {
-                  className: a(
+                  className: r(
                     "relative inline-flex items-center",
                     A || k ? "" : "w-min",
-                    x ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+                    b ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                   ),
                   onClick: (s) => s.stopPropagation(),
                   children: [
@@ -215,29 +215,35 @@ const we = (t, r, o, u = "medium") => {
                         ref: U,
                         type: "checkbox",
                         id: o,
-                        onChange: (s) => !x && u(s.target.checked),
+                        onChange: (s) => !b && u(s.target.checked),
                         value: "",
-                        disabled: x,
-                        checked: r,
-                        className: a("sr-only peer w-full", V),
+                        disabled: b,
+                        checked: a,
+                        className: r("sr-only peer w-full", V),
                         "aria-required": g,
                         "aria-invalid": d && m === "error" ? "true" : "false",
                         "aria-describedby": d || f ? `${o}-description` : void 0
                       }
                     ),
-                    /* @__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-1.5"),
-                          i === "medium" && (r ? "translate-x-2" : "-translate-x-2"),
-                          i === "large" && (r ? "translate-x-2.5" : "-translate-x-2.5")
-                        ),
-                        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(
+                    /* @__PURE__ */ e("div", { className: we(a, S, b, i), children: S ? (
+                      // Overlay the icon on the sliding knob using the knob's exact
+                      // geometry (same top/left, same size, same full-width slide) so
+                      // it stays perfectly centered in the circle for every size/state.
+                      /* @__PURE__ */ e(
+                        "div",
+                        {
+                          className: r(
+                            "pointer-events-none absolute top-0.5 left-0.5 z-10 flex items-center justify-center transition-transform",
+                            i === "small" && "h-3 w-3",
+                            i === "medium" && "h-[1.125rem] w-[1.125rem]",
+                            i === "large" && "h-5 w-5",
+                            a && "translate-x-full"
+                          ),
+                          children: a ? h?.checkedIcon ? h.checkedIcon : /* @__PURE__ */ e(Ne, { size: 18, fill: "#016DCF" }) : h?.uncheckedIcon ? h.uncheckedIcon : /* @__PURE__ */ e(Ce, { size: 18, fill: "#101828" })
+                        }
+                      )
+                    ) : null }),
+                    E && /* @__PURE__ */ e(L, { placement: "top", title: E, className: "-ml-2", children: /* @__PURE__ */ e("span", { className: r(
                       "absolute inset-y-0 left-0",
                       i === "small" && "w-7",
                       i === "medium" && "w-9",
@@ -248,7 +254,7 @@ const we = (t, r, o, u = "medium") => {
                       {
                         size: "small",
                         variant: "medium",
-                        className: a("ml-2 text-neutral-700 dark:text-black-300", N),
+                        className: r("ml-2 text-neutral-700 dark:text-black-300", N),
                         appearance: "custom",
                         children: n
                       }
@@ -260,7 +266,7 @@ const we = (t, r, o, u = "medium") => {
                         variant: "medium",
                         className: "ml-2 text-neutral-900 dark:text-black-100",
                         appearance: "custom",
-                        children: k || (r ? "Yes" : "No")
+                        children: k || (a ? "Yes" : "No")
                       }
                     )
                   ]
@@ -279,7 +285,7 @@ const we = (t, r, o, u = "medium") => {
                 children: /* @__PURE__ */ e(
                   p,
                   {
-                    className: a("mt-1", le()),
+                    className: r("mt-1", le()),
                     appearance: "custom",
                     size: "extra-small",
                     variant: "medium",
@@ -295,8 +301,8 @@ const we = (t, r, o, u = "medium") => {
     );
   }
 );
-Ce.displayName = "Toggle";
+Fe.displayName = "Toggle";
 export {
-  Ce as Toggle
+  Fe as Toggle
 };
 //# sourceMappingURL=Toggle.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.es.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-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] 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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"}
+{"version":3,"file":"Toggle.es.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-10 h-[1.375rem] after:h-[1.125rem] after:w-[1.125rem] 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                  // Overlay the icon on the sliding knob using the knob's exact\n                  // geometry (same top/left, same size, same full-width slide) so\n                  // it stays perfectly centered in the circle for every size/state.\n                  <div\n                    className={cn(\n                      \"pointer-events-none absolute top-0.5 left-0.5 z-10 flex items-center justify-center transition-transform\",\n                      size === \"small\" && \"h-3 w-3\",\n                      size === \"medium\" && \"h-[1.125rem] w-[1.125rem]\",\n                      size === \"large\" && \"h-5 w-5\",\n                      isChecked && \"translate-x-full\"\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                ) : 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.13.33-beta.3",
+  "version": "0.13.33-beta.5",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",