@lax-wp/design-system 0.13.34 → 0.13.36

package/dist/components/forms/percentage-input/PercentageInputField.es.js

@@ -1,114 +1,116 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import o from "../../../_virtual/index.es.js";
-import { forwardRef as Z, useState as R } from "react";
-import { Tooltip as G } from "antd";
-import { useTranslation as T } from "react-i18next";
-import { Typography as D } from "../../data-display/typography/Typography.es.js";
-import { Label as ee } from "../../data-display/label/Label.es.js";
-import { BoltOutlined as re, NoteAddOutlined as te } from "@mui/icons-material";
-import { AIExtractedIndicator as le } from "../../icons/AIExtractedIndicator.es.js";
-import { AIStarIcon as ae } from "../../icons/AIStarIcon.es.js";
-import { HelpIcon as oe } from "../../icons/HelpIcon.es.js";
-import _ from "../../tooltip/Tooltip.es.js";
-import { shouldShowConfidenceScore as z, getConfidenceScoreBadgeFill as ne, getConfidenceScoreBadgeColor as ie, getConfidenceScoreBadgeTextColor as me, getConfidenceScoreBadgeClass as se } from "../../../utils/confidenceScoreUtils.es.js";
-import { InputLabel as de } from "../shared/InputLabel.es.js";
-const ce = Z(
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import a from "../../../_virtual/index.es.js";
+import { forwardRef as er, useState as or } from "react";
+import { Tooltip as ar } from "antd";
+import { useTranslation as tr } from "react-i18next";
+import { Typography as lr } from "../../data-display/typography/Typography.es.js";
+import { Label as dr } from "../../data-display/label/Label.es.js";
+import { BoltOutlined as sr, NoteAddOutlined as ir } from "@mui/icons-material";
+import { AIExtractedIndicator as cr } from "../../icons/AIExtractedIndicator.es.js";
+import { AIStarIcon as nr } from "../../icons/AIStarIcon.es.js";
+import { HelpIcon as mr } from "../../icons/HelpIcon.es.js";
+import A from "../../tooltip/Tooltip.es.js";
+import { shouldShowConfidenceScore as I, getConfidenceScoreBadgeFill as pr, getConfidenceScoreBadgeColor as fr, getConfidenceScoreBadgeTextColor as ur, getConfidenceScoreBadgeClass as br } from "../../../utils/confidenceScoreUtils.es.js";
+import { InputLabel as xr } from "../shared/InputLabel.es.js";
+const gr = er(
   ({
-    id: m,
-    label: s,
-    value: n,
-    onChange: y,
-    errorMessage: d,
-    defaultValue: c,
-    disabled: P,
-    max: B,
-    min: F,
-    required: p = !1,
-    isRequiredConditional: j = !1,
-    bg: E,
+    id: n,
+    label: m,
+    labelExtra: $,
+    value: s,
+    onChange: v,
+    errorMessage: t,
+    defaultValue: p,
+    disabled: z,
+    max: D,
+    min: P,
+    required: f = !1,
+    isRequiredConditional: W = !1,
+    bg: j,
     tags: H,
     color: L,
-    className: A,
-    originalCase: v = !1,
-    tooltip: N,
-    simpleMode: K = !1,
-    inputFieldClassName: M = "",
+    className: K,
+    originalCase: k = !1,
+    tooltip: F,
+    simpleMode: O = !1,
+    inputFieldClassName: R = "",
     isAiExtracted: q = !1,
-    confidenceScore: f,
-    confidenceType: a = "high",
-    confidenceTooltip: u,
+    confidenceScore: u,
+    confidenceType: d = "high",
+    confidenceTooltip: b,
     sourceMeta: J = [],
-    onConfidenceScoreClick: O,
+    onConfidenceScoreClick: Q,
     isGTN: x = !1,
-    gtnName: Q = null,
-    inputStyle: k,
-    withDollarSign: U = !0,
+    gtnName: U = null,
+    inputStyle: y,
+    withDollarSign: V = !0,
     labelClassName: w,
-    isLiveField: V = !1,
-    onBlur: C,
-    onAddGTNToDocument: b,
+    isLiveField: X = !1,
+    onBlur: N,
+    onAddGTNToDocument: g,
     riskDetails: l,
-    isRiskAnalysisOpen: g = !1,
-    RiskDetailsCard: $,
-    placeholder: W,
-    ...I
-  }, S) => {
-    const { t: X } = T(), [i, h] = R(!1), Y = (r) => {
-      b && b({
-        key: Q,
-        value: r
+    isRiskAnalysisOpen: S = !1,
+    RiskDetailsCard: C,
+    placeholder: Y,
+    inputEmphasis: _ = "default",
+    ...E
+  }, B) => {
+    const { t: Z } = tr(), i = !!(S && l?.color), M = _ === "modified" && !t && !i, G = _ === "deleted" && !t && !i, T = _ === "success" && !t && !i, [c, h] = or(!1), rr = (e) => {
+      g && g({
+        key: U,
+        value: e
       });
     };
-    return K ? /* @__PURE__ */ t(
+    return O ? /* @__PURE__ */ o(
       "label",
       {
-        id: m,
-        className: `mb-1 text-xs font-medium text-gray-600 dark:text-neutral-200 inline-flex items-center gap-1 ${v ? "" : "capitalize"} ${w || ""}`,
+        id: n,
+        className: `mb-1 text-xs font-medium text-gray-600 dark:text-neutral-200 inline-flex items-center gap-1 ${k ? "" : "capitalize"} ${w || ""}`,
         children: [
-          U && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-1 flex items-center pl-3", children: "$" }),
-          /* @__PURE__ */ e(
+          V && /* @__PURE__ */ r("span", { className: "absolute inset-y-0 left-1 flex items-center pl-3", children: "$" }),
+          /* @__PURE__ */ r(
             "input",
             {
-              ...I,
-              ref: S,
-              onBlur: C,
+              ...E,
+              ref: B,
+              onBlur: N,
               type: "number",
-              required: p,
-              className: o(M, "pl-8 h-8"),
-              onChange: (r) => {
-                y(r.target.value);
+              required: f,
+              className: a(R, "pl-8 h-8"),
+              onChange: (e) => {
+                v(e.target.value);
               },
-              value: n,
-              ...c && !n ? { defaultValue: c } : {},
-              id: m || s,
-              style: k,
+              value: s,
+              ...p && !s ? { defaultValue: p } : {},
+              id: n || m,
+              style: y,
               autoComplete: "off"
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ o(
       "div",
       {
-        className: o(
+        className: a(
           "flex gap-0.5 relative",
-          i && x ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : ""
+          c && x ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : ""
         ),
         onMouseEnter: () => h(!0),
         onMouseLeave: () => h(!1),
         children: [
-          x && !i ? /* @__PURE__ */ e("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
-          /* @__PURE__ */ t("div", { className: o("w-full flex flex-col", A), children: [
-            /* @__PURE__ */ e(
+          x && !c ? /* @__PURE__ */ r("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          /* @__PURE__ */ o("div", { className: a("w-full flex flex-col", K), children: [
+            /* @__PURE__ */ r(
               "label",
               {
                 htmlFor: "text",
-                className: `mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${v ? "" : "uppercase"} ${w || ""}`,
-                children: /* @__PURE__ */ t("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
-                  /* @__PURE__ */ t("div", { className: "inline-flex min-w-0 items-center gap-1 flex-wrap dark:text-black-300", children: [
-                    /* @__PURE__ */ e(de, { label: s || "", required: p || !1, isRequiredConditional: j || !1 }),
-                    V && /* @__PURE__ */ e(
-                      re,
+                className: `mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${k ? "" : "uppercase"} ${w || ""}`,
+                children: /* @__PURE__ */ o("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
+                  /* @__PURE__ */ o("div", { className: "inline-flex min-w-0 items-center gap-1 flex-wrap dark:text-black-300", children: [
+                    /* @__PURE__ */ r(xr, { label: m || "", required: f || !1, isRequiredConditional: W || !1 }),
+                    X && /* @__PURE__ */ r(
+                      sr,
                       {
                         sx: {
                           fontSize: 16,
@@ -117,37 +119,38 @@ const ce = Z(
                         }
                       }
                     ),
-                    q && !z(f) && /* @__PURE__ */ e(le, {}),
-                    /* @__PURE__ */ e(ee, { labels: H }),
-                    N && /* @__PURE__ */ e(_, { placement: "top", title: N, children: /* @__PURE__ */ e("div", { className: "cursor-pointer", children: /* @__PURE__ */ e(oe, { className: "w-icon-sm h-icon-sm" }) }) })
+                    q && !I(u) && /* @__PURE__ */ r(cr, {}),
+                    /* @__PURE__ */ r(dr, { labels: H }),
+                    F && /* @__PURE__ */ r(A, { placement: "top", title: F, children: /* @__PURE__ */ r("div", { className: "cursor-pointer", children: /* @__PURE__ */ r(mr, { className: "w-icon-sm h-icon-sm" }) }) }),
+                    $
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1 justify-self-end", children: [
-                    z(f) && a ? /* @__PURE__ */ e(
-                      _,
+                  /* @__PURE__ */ o("div", { className: "flex items-center gap-1 justify-self-end", children: [
+                    I(u) && d ? /* @__PURE__ */ r(
+                      A,
                       {
                         placement: "top-end",
-                        title: u ?? "",
-                        hideTooltip: u == null,
+                        title: b ?? "",
+                        hideTooltip: b == null,
                         className: "cursor-pointer",
-                        children: /* @__PURE__ */ t(
+                        children: /* @__PURE__ */ o(
                           "div",
                           {
-                            className: o(
+                            className: a(
                               "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
-                              se(a)
+                              br(d)
                             ),
-                            onClick: () => O?.(J),
+                            onClick: () => Q?.(J),
                             children: [
-                              /* @__PURE__ */ e(
-                                ae,
+                              /* @__PURE__ */ r(
+                                nr,
                                 {
                                   size: 12,
-                                  fill: ie(a),
-                                  fillSecondary: ne(a)
+                                  fill: fr(d),
+                                  fillSecondary: pr(d)
                                 }
                               ),
-                              /* @__PURE__ */ t("span", { className: o("text-xs font-medium leading-4", me(a)), children: [
-                                f,
+                              /* @__PURE__ */ o("span", { className: a("text-xs font-medium leading-4", ur(d)), children: [
+                                u,
                                 "%"
                               ] })
                             ]
@@ -155,15 +158,15 @@ const ce = Z(
                         )
                       }
                     ) : null,
-                    x && i && b ? /* @__PURE__ */ e(
+                    x && c && g ? /* @__PURE__ */ r(
                       "button",
                       {
                         id: "btn-percentage-input-add-to-document",
                         className: "cursor-pointer",
-                        onClick: () => Y(n?.toString()),
+                        onClick: () => rr(s?.toString()),
                         type: "button",
-                        children: /* @__PURE__ */ e(G, { placement: "top", title: X("Add to document"), children: /* @__PURE__ */ e(
-                          te,
+                        children: /* @__PURE__ */ r(ar, { placement: "top", title: Z("Add to document"), children: /* @__PURE__ */ r(
+                          ir,
                           {
                             className: "text-primary-600",
                             sx: { fontSize: 16 }
@@ -175,59 +178,63 @@ const ce = Z(
                 ] })
               }
             ),
-            /* @__PURE__ */ t("label", { className: "relative block", children: [
-              /* @__PURE__ */ e(
+            /* @__PURE__ */ o("label", { className: "relative block", children: [
+              /* @__PURE__ */ r(
                 "input",
                 {
-                  ...I,
-                  ref: S,
-                  onBlur: C,
+                  ...E,
+                  ref: B,
+                  onBlur: N,
                   type: "number",
-                  required: p,
-                  disabled: P,
-                  min: F,
-                  max: B,
-                  className: `border ${d ? "border-red-300" : g && l?.color ? `border-${l.color}-300` : "border-gray-300"} ${E} h-8 text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:outline-none focus:ring-0 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] block w-full p-2.5 font-inter font-medium 
-              disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400
-              ${g && l?.color && `bg-${l.color}-50`}
-              ${L || ""}
-              `,
-                  onChange: (r) => {
-                    y(r.target.value);
+                  required: f,
+                  disabled: z,
+                  min: P,
+                  max: D,
+                  className: a(
+                    "h-8 text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:outline-none focus:ring-0 block w-full p-2.5 font-inter font-medium disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400",
+                    j,
+                    t ? "border border-red-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]" : i && l?.color ? a(
+                      `border border-${l.color}-300 bg-${l.color}-50`,
+                      "focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]"
+                    ) : G ? "border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]" : M ? "border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]" : T ? "border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]" : "border border-gray-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]",
+                    L || ""
+                  ),
+                  onChange: (e) => {
+                    v(e.target.value);
                   },
-                  value: n,
-                  defaultValue: c,
-                  id: m || s,
-                  style: k,
+                  value: s,
+                  defaultValue: p,
+                  id: n || m,
+                  style: y,
                   autoComplete: "off",
-                  placeholder: W
+                  placeholder: Y
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-3 flex items-center z-[1000px] h-full dark:text-black-100", children: "%" })
+              /* @__PURE__ */ r("span", { className: "absolute inset-y-0 right-3 flex items-center z-[1000px] h-full dark:text-black-100", children: "%" })
             ] }),
-            d && /* @__PURE__ */ e(
-              D,
+            t && /* @__PURE__ */ r(
+              lr,
               {
                 className: "text-error-500 mt-1",
                 appearance: "custom",
                 size: "extra-small",
                 variant: "medium",
-                children: d
+                children: t
               }
             )
           ] }),
-          i && l && g && $ && /* @__PURE__ */ e(
+          c && l && S && C && /* @__PURE__ */ r(
             "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: (r) => r.stopPropagation(),
-              onMouseDown: (r) => r.preventDefault(),
-              onKeyDown: (r) => {
-                r.key === "Escape" && h(!1);
+              onClick: (e) => e.stopPropagation(),
+              onMouseDown: (e) => e.preventDefault(),
+              onKeyDown: (e) => {
+                e.key === "Escape" && h(!1);
               },
-              children: /* @__PURE__ */ e($, { riskDetails: l })
+              children: /* @__PURE__ */ r(C, { riskDetails: l })
             }
           )
         ]
@@ -235,8 +242,8 @@ const ce = Z(
     );
   }
 );
-ce.displayName = "PercentageInputField";
+gr.displayName = "PercentageInputField";
 export {
-  ce as PercentageInputField
+  gr as PercentageInputField
 };
 //# sourceMappingURL=PercentageInputField.es.js.map

package/dist/components/forms/percentage-input/PercentageInputField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PercentageInputField.es.js","sources":["../../../../src/components/forms/percentage-input/PercentageInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, 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 { BoltOutlined, NoteAddOutlined } 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 {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { InputLabel } from \"../shared/InputLabel\";\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 PercentageInputField component\n */\nexport interface PercentageInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label?: string;\n  /** Current value of the input */\n  value: string;\n  /** Callback function called when value changes */\n  onChange: (data: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Maximum value allowed */\n  max?: number;\n  /** Minimum value allowed */\n  min?: number;\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  /** Background color class */\n  bg?: string;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Text color class */\n  color?: string;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to use simple mode (inline label style) */\n  simpleMode?: boolean;\n  /** Additional CSS classes for the input field */\n  inputFieldClassName?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Inline styles for the input element */\n  inputStyle?: React.CSSProperties;\n  /** Whether to show dollar sign (for simpleMode) */\n  withDollarSign?: 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  /** Input placeholder */\n  placeholder?: string\n}\n\n/**\n * A highly customizable percentage input component with label, validation, and styling support.\n * Features GTN integration, risk analysis support, AI extraction indicator, and comprehensive prop support.\n *\n * @example\n * ```tsx\n * <PercentageInputField\n *   id=\"discount\"\n *   label=\"Discount Percentage\"\n *   value={discount}\n *   onChange={(value) => setDiscount(value)}\n *   required\n * />\n * ```\n */\nexport const PercentageInputField = forwardRef<\n  HTMLInputElement,\n  PercentageInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      disabled,\n      max,\n      min,\n      required = false,\n      isRequiredConditional = false,\n      bg,\n      tags,\n      color,\n      className,\n      originalCase = false,\n      tooltip,\n      simpleMode = false,\n      inputFieldClassName = \"\",\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      inputStyle,\n      withDollarSign = true,\n      labelClassName,\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    // Simple mode rendering\n    if (simpleMode) {\n      return (\n        <label\n          id={id}\n          className={`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-200 inline-flex items-center gap-1 ${\n            !originalCase ? \"capitalize\" : \"\"\n          } ${labelClassName || \"\"}`}\n        >\n          {withDollarSign && (\n            <span className=\"absolute inset-y-0 left-1 flex items-center pl-3\">\n              {\"$\"}\n            </span>\n          )}\n          <input\n            {...props}\n            ref={ref}\n            onBlur={onBlur}\n            type=\"number\"\n            required={required}\n            className={cn(inputFieldClassName, \"pl-8 h-8\")}\n            onChange={(e) => {\n              onChange(e.target.value);\n            }}\n            value={value}\n            {...(defaultValue && !value ? { defaultValue: defaultValue } : {})}\n            id={id || label}\n            style={inputStyle}\n            autoComplete=\"off\"\n          />\n        </label>\n      );\n    }\n\n    // Full mode rendering\n    return (\n      <div\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\"\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        <div className={cn(\"w-full flex flex-col\", className)}>\n          <label\n            htmlFor=\"text\"\n            className={`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${\n              !originalCase ? \"uppercase\" : \"\"\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 dark:text-black-300\">\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 placement=\"top\" title={tooltip}>\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\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-percentage-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                        className=\"text-primary-600\"\n                        sx={{ fontSize: 16 }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block\">\n            <input\n              {...props}\n              ref={ref}\n              onBlur={onBlur}\n              type=\"number\"\n              required={required}\n              disabled={disabled}\n              min={min}\n              max={max}\n              className={`border ${\n                errorMessage\n                  ? \"border-red-300\"\n                  : isRiskAnalysisOpen && riskDetails?.color\n                  ? `border-${riskDetails.color}-300`\n                  : \"border-gray-300\"\n              } ${bg} h-8 text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:outline-none focus:ring-0 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] block w-full p-2.5 font-inter font-medium \n              disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400\n              ${\n                isRiskAnalysisOpen &&\n                riskDetails?.color &&\n                `bg-${riskDetails.color}-50`\n              }\n              ${color || \"\"}\n              `}\n              onChange={(e) => {\n                onChange(e.target.value);\n              }}\n              value={value}\n              defaultValue={defaultValue}\n              id={id || label}\n              style={inputStyle}\n              autoComplete=\"off\"\n              placeholder={placeholder}\n            />\n            <span className=\"absolute inset-y-0 right-3 flex items-center z-[1000px] h-full dark:text-black-100\">\n              %\n            </span>\n          </label>\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        </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\nPercentageInputField.displayName = \"PercentageInputField\";\n"],"names":["PercentageInputField","forwardRef","id","label","value","onChange","errorMessage","defaultValue","disabled","max","min","required","isRequiredConditional","bg","tags","color","className","originalCase","tooltip","simpleMode","inputFieldClassName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","inputStyle","withDollarSign","labelClassName","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","placeholder","props","ref","t","useTranslation","isHovered","setIsHovered","useState","handleAddGTNToDocument","_value","jsxs","jsx","cn","e","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","Typography"],"mappings":"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"}
+{"version":3,"file":"PercentageInputField.es.js","sources":["../../../../src/components/forms/percentage-input/PercentageInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, 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 { BoltOutlined, NoteAddOutlined } 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 {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { InputLabel } from \"../shared/InputLabel\";\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/** Visual emphasis for the input surface (background + border) */\nexport type PercentageInputFieldEmphasis =\n  | \"default\"\n  | \"modified\"\n  | \"deleted\"\n  | \"success\";\n\n/**\n * Props for the PercentageInputField component\n */\nexport interface PercentageInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Current value of the input */\n  value: string;\n  /** Callback function called when value changes */\n  onChange: (data: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Maximum value allowed */\n  max?: number;\n  /** Minimum value allowed */\n  min?: number;\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  /** Background color class */\n  bg?: string;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Text color class */\n  color?: string;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to use simple mode (inline label style) */\n  simpleMode?: boolean;\n  /** Additional CSS classes for the input field */\n  inputFieldClassName?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Inline styles for the input element */\n  inputStyle?: React.CSSProperties;\n  /** Whether to show dollar sign (for simpleMode) */\n  withDollarSign?: 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  /** Input placeholder */\n  placeholder?: string\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: PercentageInputFieldEmphasis;\n}\n\n/**\n * A highly customizable percentage input component with label, validation, and styling support.\n * Features GTN integration, risk analysis support, AI extraction indicator, and comprehensive prop support.\n *\n * @example\n * ```tsx\n * <PercentageInputField\n *   id=\"discount\"\n *   label=\"Discount Percentage\"\n *   value={discount}\n *   onChange={(value) => setDiscount(value)}\n *   required\n * />\n * ```\n */\nexport const PercentageInputField = forwardRef<\n  HTMLInputElement,\n  PercentageInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      disabled,\n      max,\n      min,\n      required = false,\n      isRequiredConditional = false,\n      bg,\n      tags,\n      color,\n      className,\n      originalCase = false,\n      tooltip,\n      simpleMode = false,\n      inputFieldClassName = \"\",\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      inputStyle,\n      withDollarSign = true,\n      labelClassName,\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      placeholder,\n      inputEmphasis = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    // Simple mode rendering\n    if (simpleMode) {\n      return (\n        <label\n          id={id}\n          className={`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-200 inline-flex items-center gap-1 ${\n            !originalCase ? \"capitalize\" : \"\"\n          } ${labelClassName || \"\"}`}\n        >\n          {withDollarSign && (\n            <span className=\"absolute inset-y-0 left-1 flex items-center pl-3\">\n              {\"$\"}\n            </span>\n          )}\n          <input\n            {...props}\n            ref={ref}\n            onBlur={onBlur}\n            type=\"number\"\n            required={required}\n            className={cn(inputFieldClassName, \"pl-8 h-8\")}\n            onChange={(e) => {\n              onChange(e.target.value);\n            }}\n            value={value}\n            {...(defaultValue && !value ? { defaultValue: defaultValue } : {})}\n            id={id || label}\n            style={inputStyle}\n            autoComplete=\"off\"\n          />\n        </label>\n      );\n    }\n\n    // Full mode rendering\n    return (\n      <div\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1\"\n            : \"\"\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        <div className={cn(\"w-full flex flex-col\", className)}>\n          <label\n            htmlFor=\"text\"\n            className={`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${\n              !originalCase ? \"uppercase\" : \"\"\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 dark:text-black-300\">\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 placement=\"top\" title={tooltip}>\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className=\"cursor-pointer\"\n                  >\n                    <div\n                      className={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-percentage-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                        className=\"text-primary-600\"\n                        sx={{ fontSize: 16 }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block\">\n            <input\n              {...props}\n              ref={ref}\n              onBlur={onBlur}\n              type=\"number\"\n              required={required}\n              disabled={disabled}\n              min={min}\n              max={max}\n              className={cn(\n                \"h-8 text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:outline-none focus:ring-0 block w-full p-2.5 font-inter font-medium disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400\",\n                bg,\n                errorMessage\n                  ? \"border border-red-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\"\n                  : showRiskSkin && riskDetails?.color\n                    ? cn(\n                        `border border-${riskDetails.color}-300 bg-${riskDetails.color}-50`,\n                        \"focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\"\n                      )\n                    : emphasisDeletedSkin\n                      ? \"border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]\"\n                      : emphasisModifiedSkin\n                        ? \"border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]\"\n                        : emphasisSuccessSkin\n                          ? \"border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]\"\n                          : \"border border-gray-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\",\n                color || \"\"\n              )}\n              onChange={(e) => {\n                onChange(e.target.value);\n              }}\n              value={value}\n              defaultValue={defaultValue}\n              id={id || label}\n              style={inputStyle}\n              autoComplete=\"off\"\n              placeholder={placeholder}\n            />\n            <span className=\"absolute inset-y-0 right-3 flex items-center z-[1000px] h-full dark:text-black-100\">\n              %\n            </span>\n          </label>\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        </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\nPercentageInputField.displayName = \"PercentageInputField\";\n"],"names":["PercentageInputField","forwardRef","id","label","labelExtra","value","onChange","errorMessage","defaultValue","disabled","max","min","required","isRequiredConditional","bg","tags","color","className","originalCase","tooltip","simpleMode","inputFieldClassName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","inputStyle","withDollarSign","labelClassName","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","placeholder","inputEmphasis","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","handleAddGTNToDocument","_value","jsxs","jsx","cn","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","Typography"],"mappings":";;;;;;;;;;;;;;AA4KO,MAAMA,KAAuBC;AAAA,EAIlC,CACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,uBAAAC,IAAwB;AAAA,IACxB,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,qBAAAC,IAAsB;AAAA,IACtB,eAAAC,IAAgB;AAAA,IAChB,iBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,mBAAAC;AAAA,IACA,YAAAC,IAAa,CAAA;AAAA,IACb,wBAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,YAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,QAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAe,GAAQR,KAAsBD,GAAa,QAC1DU,IACJN,MAAkB,cAAc,CAACjC,KAAgB,CAACsC,GAC9CE,IACJP,MAAkB,aAAa,CAACjC,KAAgB,CAACsC,GAC7CG,IACJR,MAAkB,aAAa,CAACjC,KAAgB,CAACsC,GAC7C,CAACI,GAAWC,CAAY,IAAIC,GAAS,EAAK,GAE1CC,KAAyB,CAACC,MAAmB;AACjD,MAAIlB,KAKFA,EAJqB;AAAA,QACnB,KAAKN;AAAA,QACL,OAAOwB;AAAA,MAAA,CAEsB;AAAA,IAEnC;AAGA,WAAIjC,IAEA,gBAAAkC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAApD;AAAA,QACA,WAAW,+FACRgB,IAA8B,KAAf,YAClB,IAAIc,KAAkB,EAAE;AAAA,QAEvB,UAAA;AAAA,UAAAD,KACC,gBAAAwB,EAAC,QAAA,EAAK,WAAU,oDACb,UAAA,KACH;AAAA,UAEF,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAGd;AAAA,cACJ,KAAAC;AAAA,cACA,QAAAR;AAAA,cACA,MAAK;AAAA,cACL,UAAAtB;AAAA,cACA,WAAW4C,EAAGnC,GAAqB,UAAU;AAAA,cAC7C,UAAU,CAAC,MAAM;AACf,gBAAAf,EAAS,EAAE,OAAO,KAAK;AAAA,cACzB;AAAA,cACA,OAAAD;AAAA,cACC,GAAIG,KAAgB,CAACH,IAAQ,EAAE,cAAAG,EAAA,IAA+B,CAAA;AAAA,cAC/D,IAAIN,KAAMC;AAAA,cACV,OAAO2B;AAAA,cACP,cAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,IAAA,IAOJ,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAP,KAAarB,IACT,2DACA;AAAA,QAAA;AAAA,QAEN,cAAc,MAAMsB,EAAa,EAAI;AAAA,QACrC,cAAc,MAAMA,EAAa,EAAK;AAAA,QAErC,UAAA;AAAA,UAAAtB,KAAS,CAACqB,IACT,gBAAAM,EAAC,OAAA,EAAI,WAAU,4DAA2D,IACxE;AAAA,4BACH,OAAA,EAAI,WAAWC,EAAG,wBAAwBvC,CAAS,GAClD,UAAA;AAAA,YAAA,gBAAAsC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW,+FACRrC,IAA6B,KAAd,WAClB,IAAIc,KAAkB,EAAE;AAAA,gBAExB,UAAA,gBAAAsB,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wEACf,UAAA;AAAA,oBAAA,gBAAAC,EAACE,IAAA,EAAW,OAAOtD,KAAS,IAAI,UAAUS,KAAY,IAAO,uBAAuBC,KAAyB,GAAA,CAAO;AAAA,oBACjHoB,KACC,gBAAAsB;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,IAAI;AAAA,0BACF,UAAU;AAAA,0BACV,OAAO;AAAA,0BACP,QAAQ;AAAA,wBAAA;AAAA,sBACV;AAAA,oBAAA;AAAA,oBAGHpC,KAAiB,CAACqC,EAA0BpC,CAAe,uBAAMqC,IAAA,EAAqB;AAAA,oBACvF,gBAAAL,EAACM,IAAA,EAAM,QAAQ9C,EAAA,CAAM;AAAA,oBACpBI,KACC,gBAAAoC,EAACO,GAAA,EAAQ,WAAU,OAAM,OAAO3C,GAC9B,UAAA,gBAAAoC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAA,EAACQ,IAAA,EAAS,WAAU,sBAAA,CAAsB,GAC5C,GACF;AAAA,oBAED3D;AAAA,kBAAA,GACH;AAAA,kBAEA,gBAAAkD,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,oBAAAK,EAA0BpC,CAAe,KAAKC,IAC9C,gBAAA+B;AAAA,sBAACO;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,OAAOrC,KAAqB;AAAA,wBAC5B,aAAgDA,KAAsB;AAAA,wBACtE,WAAU;AAAA,wBAEV,UAAA,gBAAA6B;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWE;AAAA,8BACT;AAAA,8BACAQ,GAA6BxC,CAAc;AAAA,4BAAA;AAAA,4BAE3C,SAAS,MAAMG,IAAyBD,CAAU;AAAA,4BAEpD,UAAA;AAAA,8BAAA,gBAAA6B;AAAA,gCAACU;AAAA,gCAAA;AAAA,kCACC,MAAM;AAAA,kCACN,MAAMC,GAA6B1C,CAAc;AAAA,kCACjD,eAAe2C,GAA4B3C,CAAc;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAE3D,gBAAA8B,EAAC,UAAK,WAAWE,EAAG,iCAAiCY,GAAiC5C,CAAc,CAAC,GAClG,UAAA;AAAA,gCAAAD;AAAA,gCAAgB;AAAA,8BAAA,EAAA,CACnB;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACF;AAAA,oBAAA,IAEA;AAAA,oBACHK,KAASqB,KAAad,IACrB,gBAAAoB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,IAAG;AAAA,wBACH,WAAU;AAAA,wBACV,SAAS,MAAMH,GAAuB/C,GAAO,UAAU;AAAA,wBACvD,MAAK;AAAA,wBAEL,4BAACgE,IAAA,EAAW,WAAU,OAAM,OAAO1B,EAAE,iBAAiB,GACpD,UAAA,gBAAAY;AAAA,0BAACe;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BACV,IAAI,EAAE,UAAU,GAAA;AAAA,0BAAG;AAAA,wBAAA,EACrB,CACF;AAAA,sBAAA;AAAA,oBAAA,IAEA;AAAA,kBAAA,EAAA,CACN;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAhB,EAAC,SAAA,EAAM,WAAU,kBACf,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,GAAGd;AAAA,kBACJ,KAAAC;AAAA,kBACA,QAAAR;AAAA,kBACA,MAAK;AAAA,kBACL,UAAAtB;AAAA,kBACA,UAAAH;AAAA,kBACA,KAAAE;AAAA,kBACA,KAAAD;AAAA,kBACA,WAAW8C;AAAA,oBACT;AAAA,oBACA1C;AAAA,oBACAP,IACI,4NACAsC,KAAgBT,GAAa,QAC3BoB;AAAA,sBACE,iBAAiBpB,EAAY,KAAK,WAAWA,EAAY,KAAK;AAAA,sBAC9D;AAAA,oBAAA,IAEFW,IACE,+RACAD,IACE,ySACAE,IACE,ySACA;AAAA,oBACZhC,KAAS;AAAA,kBAAA;AAAA,kBAEX,UAAU,CAAC,MAAM;AACf,oBAAAV,EAAS,EAAE,OAAO,KAAK;AAAA,kBACzB;AAAA,kBACA,OAAAD;AAAA,kBACA,cAAAG;AAAA,kBACA,IAAIN,KAAMC;AAAA,kBACV,OAAO2B;AAAA,kBACP,cAAa;AAAA,kBACb,aAAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEF,gBAAAgB,EAAC,QAAA,EAAK,WAAU,sFAAqF,UAAA,IAAA,CAErG;AAAA,YAAA,GACF;AAAA,YACChD,KACC,gBAAAgD;AAAA,cAACgB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,SAAQ;AAAA,gBAEP,UAAAhE;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GAEJ;AAAA,UAEC0C,KACCb,KACAC,KACAC,KACE,gBAAAiB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAU;AAAA,cACV,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,cAClB,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,cACtB,WAAW,CAAC,MAAM;AAChB,gBAAI,EAAE,QAAQ,YACZL,EAAa,EAAK;AAAA,cAEtB;AAAA,cAEA,UAAA,gBAAAK,EAACjB,KAAgB,aAAAF,EAAA,CAA0B;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAIV;AACF;AAEApC,GAAqB,cAAc;"}