@box/box-ai-content-answers 0.97.2 → 0.97.4

package/esm/lib/components/answer/citation.js

@@ -1,15 +1,15 @@
-import { Popover as d, Status as E, Text as x, TextButton as L } from "@box/blueprint-web";
-import { ArrowUpRightSquare as M } from "@box/blueprint-web-assets/icons/Fill";
-import D from "clsx";
-import G from "lodash/debounce";
-import R from "lodash/truncate";
-import { useState as I, useRef as F, useCallback as A, useEffect as y } from "react";
+import { Popover as u, Status as O, Text as x, TextButton as E } from "@box/blueprint-web";
+import { ArrowUpRightSquare as L } from "@box/blueprint-web-assets/icons/Fill";
+import M from "clsx";
+import D from "lodash/debounce";
+import G from "lodash/truncate";
+import { useState as y, useRef as R, useCallback as F, useEffect as A } from "react";
 import { useIntl as j } from "react-intl";
-import { LOGGER_BASE_CONFIG as N, LOGGER_ACTION_CLICK as K } from "../common/constants.js";
+import { LOGGER_BASE_CONFIG as I, LOGGER_ACTION_CLICK as K } from "../common/constants.js";
 import { MAX_CITATION_LENGTH as P } from "./constants.js";
 import s from "./messages.js";
-import { jsxs as S, jsx as a } from "react/jsx-runtime";
-import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q = "_citationStatus_mfhpi_5", H = "_animate_mfhpi_22", W = "_fadeIn_mfhpi_26", X = "_cardTooltip_mfhpi_30", $ = "_cardTooltipTitle_mfhpi_34", k = "_cardTooltipCitation_mfhpi_38", z = "_cardTooltipButton_mfhpi_43", o = {
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import '../../../../styles/citation.css';const U = "_citationTrigger_4yo68_1", q = "_citationStatus_4yo68_5", H = "_animate_4yo68_26", W = "_fadeIn_4yo68_30", X = "_cardTooltip_4yo68_34", $ = "_cardTooltipTitle_4yo68_38", k = "_cardTooltipCitation_4yo68_42", z = "_cardTooltipButton_4yo68_47", o = {
   citationTrigger: U,
   citationStatus: q,
   animate: H,
@@ -19,76 +19,76 @@ import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q
   cardTooltipCitation: k,
   cardTooltipButton: z
 }, rt = ({
-  animate: u,
+  animate: p,
   content: m,
   id: e,
-  recordAction: i,
+  recordAction: n,
   fileId: _,
   title: c,
   onCitationClick: l
 }) => {
-  const [h, b] = I(!1), [v, w] = I(!u), {
-    formatMessage: n
-  } = j(), g = !!l, C = F(null);
-  let f;
-  c ? f = n(s.cardTooltipTitleWithDocumentName, {
+  const [g, S] = y(!1), [b, v] = y(!p), {
+    formatMessage: i
+  } = j(), h = !!l, C = R(null);
+  let T;
+  c ? T = i(s.cardTooltipTitleWithDocumentName, {
     title: c.toString()
-  }) : f = n(s.cardTooltipTitle);
-  const B = G((t) => {
-    b(t), t === !0 && i && i({
-      ...N,
+  }) : T = i(s.cardTooltipTitle);
+  const B = D((t) => {
+    S(t), t === !0 && n && n({
+      ...I,
       feature: "answers-citations",
       target: "hovered",
       data: {
         index: e
       }
     });
-  }, 100), p = () => {
+  }, 100), d = () => {
     B(!0);
   }, r = () => {
     B(!1);
-  }, O = A(() => {
-    l && i && (l(_, c), i({
-      ...N,
+  }, w = F(() => {
+    l && n && (l(_, c), n({
+      ...I,
       feature: "answers-citations",
       target: K,
       data: {
         index: e
       }
     }));
-  }, [l, i, e, _, c]);
-  y(() => {
-    u && w(!0);
+  }, [l, n, e, _, c]);
+  A(() => {
+    p && v(!0);
   }, []);
-  const T = m ? R(m.toString(), {
+  const f = m ? G(m.toString(), {
     length: P,
     separator: /,? +/
   }) : void 0;
-  return /* @__PURE__ */ S(d.Root, {
+  return /* @__PURE__ */ N(u.Root, {
     modal: !1,
-    open: h,
-    children: [/* @__PURE__ */ a(d.Trigger, {
+    open: g,
+    children: [/* @__PURE__ */ a(u.Trigger, {
       className: o.citationTrigger,
-      onMouseEnter: p,
+      onMouseEnter: d,
       onMouseLeave: r,
-      children: /* @__PURE__ */ a(E, {
+      children: /* @__PURE__ */ a(O, {
         ref: C,
-        "aria-label": h ? T : n(s.referenceAriaLabel, {
+        "aria-label": g ? f : i(s.referenceAriaLabel, {
           number: e
         }),
-        className: D(o.citationStatus, {
-          [o.animate]: u,
-          [o.fadeIn]: v
+        className: M(o.citationStatus, {
+          [o.animate]: p,
+          [o.fadeIn]: b
         }),
         colorIndex: 0,
         "data-testid": "content-answers-citation-status",
         onBlur: r,
-        onFocus: p,
+        onFocus: d,
         tabIndex: 0,
         text: `${e}`
       })
-    }), /* @__PURE__ */ a(d.ContentContainer, {
-      "aria-label": T,
+    }), /* @__PURE__ */ a(u.ContentContainer, {
+      "aria-label": f,
       collisionPadding: 10,
       "data-testid": "content-answers-citation-card",
       onBlur: r,
@@ -97,35 +97,35 @@ import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q
         var t;
         (t = C.current) == null || t.focus(), r();
       },
-      onFocus: p,
-      onMouseEnter: p,
+      onFocus: d,
+      onMouseEnter: d,
       onMouseLeave: r,
       onOpenAutoFocus: (t) => {
-        g || t.preventDefault();
+        h || t.preventDefault();
       },
       side: "top",
       sideOffset: 5,
-      children: /* @__PURE__ */ a(d.MainContent, {
-        children: /* @__PURE__ */ S("div", {
+      children: /* @__PURE__ */ a(u.MainContent, {
+        children: /* @__PURE__ */ N("div", {
           className: o.cardTooltip,
           children: [/* @__PURE__ */ a(x, {
             as: "h4",
             className: o.cardTooltipTitle,
             variant: "bodyDefaultBold",
-            children: f
+            children: T
           }), /* @__PURE__ */ a(x, {
             as: "p",
             className: o.cardTooltipCitation,
             color: "textOnLightDefault",
             variant: "caption",
-            children: T
-          }), g && /* @__PURE__ */ a(L, {
-            "aria-label": n(s.cardTooltipButton),
+            children: f
+          }), h && /* @__PURE__ */ a(E, {
+            "aria-label": i(s.cardTooltipButton),
             className: o.cardTooltipButton,
-            icon: M,
-            onClick: O,
+            icon: L,
+            onClick: w,
             "data-target-id": "TextButton-cardTooltipButton",
-            children: n(s.cardTooltipButton)
+            children: i(s.cardTooltipButton)
           })]
         })
       })

package/esm/lib/components/answer/copy-button.js

@@ -1,18 +1,19 @@
-import { useNotification as n, Tooltip as l, IconButton as d } from "@box/blueprint-web";
-import { Clipboard as m } from "@box/blueprint-web-assets/icons/Line";
-import { useIntl as u } from "react-intl";
+import { useNotification as n, Tooltip as l, IconButton as m } from "@box/blueprint-web";
+import { Clipboard as u } from "@box/blueprint-web-assets/icons/Line";
+import { useIntl as d } from "react-intl";
 import f from "../../messages.js";
 import { LOGGER_BASE_CONFIG as b, LOGGER_ACTION_CLICK as C } from "../common/constants.js";
 import t from "./messages.js";
+import { focusInput as T } from "../common/focusInputUtils.js";
 import { jsx as s } from "react/jsx-runtime";
-const L = ({
+const N = ({
   answer: i,
   onAnswerCopy: a,
   recordAction: r
 }) => {
   const {
     formatMessage: o
-  } = u(), {
+  } = d(), {
     addNotification: c
   } = n(), p = () => {
     r && r({
@@ -27,13 +28,13 @@ const L = ({
         typeIconAriaLabel: o(t.copyButtonSuccessText),
         closeButtonAriaLabel: o(f.closeButtonText)
       }), a && a(i);
-    });
+    }), T();
   };
   return /* @__PURE__ */ s(l, {
     content: o(t.copyToClipboard),
-    children: /* @__PURE__ */ s(d, {
+    children: /* @__PURE__ */ s(m, {
       "aria-label": o(t.copyToClipboard),
-      icon: m,
+      icon: u,
       onClick: p,
       onFocusCapture: (e) => {
         e.target.matches(":focus-visible") || e.stopPropagation();
@@ -44,6 +45,6 @@ const L = ({
   });
 };
 export {
-  L as CopyButton,
-  L as default
+  N as CopyButton,
+  N as default
 };

package/esm/lib/components/answer/thumb-buttons.js

@@ -1,30 +1,31 @@
-import { Tooltip as _, IconButton as U } from "@box/blueprint-web";
+import { Tooltip as f, IconButton as _ } from "@box/blueprint-web";
 import { ThumbUp as B, ThumbDown as M } from "@box/blueprint-web-assets/icons/Fill";
 import { ThumbUp as d, ThumbDown as O } from "@box/blueprint-web-assets/icons/Line";
-import s from "react";
+import e from "react";
 import { useIntl as C } from "react-intl";
 import { LOGGER_BASE_CONFIG as H, LOGGER_ACTION_PROGRAMMATIC as L } from "../common/constants.js";
 import u from "./messages.js";
-import { jsxs as N, Fragment as g, jsx as b } from "react/jsx-runtime";
-import '../../../../styles/thumb-buttons.css';const w = "_thumbDown_1axcd_1", x = {
-  thumbDown: w
+import { focusInput as N } from "../common/focusInputUtils.js";
+import { jsxs as g, Fragment as w, jsx as b } from "react/jsx-runtime";
+import '../../../../styles/thumb-buttons.css';const I = "_thumbDown_1axcd_1", x = {
+  thumbDown: I
 }, o = {
   THUMB_UP: "positive",
   THUMB_DOWN: "negative",
   NONE: "none"
-}, j = ({
+}, z = ({
   recordAction: m,
   variant: i,
-  items: h,
-  hostAppName: p,
-  questionId: r,
-  feedbackValue: f,
+  items: p,
+  hostAppName: r,
+  questionId: h,
+  feedbackValue: U,
   setAnswerFeedback: l
 }) => {
   const {
-    formatMessage: e
-  } = C(), a = f, T = s.useMemo(() => h.filter((t) => t.status === "supported").map((t) => t.fileType), [h]), n = s.useCallback((t) => {
-    a !== t && (l == null || l(r, t), m == null || m({
+    formatMessage: n
+  } = C(), a = U, T = e.useMemo(() => p.filter((t) => t.status === "supported").map((t) => t.fileType), [p]), s = e.useCallback((t) => {
+    a !== t && (l == null || l(h, t), m == null || m({
       ...H,
       action: L,
       target: "answer_feedback",
@@ -32,25 +33,25 @@ import '../../../../styles/thumb-buttons.css';const w = "_thumbDown_1axcd_1", x
       data: {
         feedback_value: t,
         file_types: T,
-        feature: p
+        feature: r
       }
-    }));
-  }, [p, m, a, i, T, r, l]), c = s.useCallback(() => n(o.THUMB_UP), [n]), D = s.useCallback(() => n(o.THUMB_DOWN), [n]);
-  return /* @__PURE__ */ N(g, {
-    children: [/* @__PURE__ */ b(_, {
-      content: e(u.thumbsUpAriaLabel),
-      children: /* @__PURE__ */ b(U, {
-        "aria-label": e(u.thumbsUpAriaLabel),
+    }), N());
+  }, [r, m, a, i, T, h, l]), c = e.useCallback(() => s(o.THUMB_UP), [s]), D = e.useCallback(() => s(o.THUMB_DOWN), [s]);
+  return /* @__PURE__ */ g(w, {
+    children: [/* @__PURE__ */ b(f, {
+      content: n(u.thumbsUpAriaLabel),
+      children: /* @__PURE__ */ b(_, {
+        "aria-label": n(u.thumbsUpAriaLabel),
         disabled: a === o.THUMB_DOWN,
         icon: a === o.THUMB_UP ? B : d,
         onClick: c,
         size: "x-small",
         "data-target-id": "IconButton-thumbsUpAriaLabel"
       })
-    }), /* @__PURE__ */ b(_, {
-      content: e(u.thumbsDownAriaLabel),
-      children: /* @__PURE__ */ b(U, {
-        "aria-label": e(u.thumbsDownAriaLabel),
+    }), /* @__PURE__ */ b(f, {
+      content: n(u.thumbsDownAriaLabel),
+      children: /* @__PURE__ */ b(_, {
+        "aria-label": n(u.thumbsDownAriaLabel),
         className: x.thumbDown,
         disabled: a === o.THUMB_UP,
         icon: a === o.THUMB_DOWN ? M : O,
@@ -62,6 +63,6 @@ import '../../../../styles/thumb-buttons.css';const w = "_thumbDown_1axcd_1", x
   });
 };
 export {
-  j as ThumbButtons,
-  j as default
+  z as ThumbButtons,
+  z as default
 };

package/esm/lib/components/common/focusInputUtils.js

@@ -0,0 +1,8 @@
+import { INPUT_TARGET_ID as t } from "../footer/constants.js";
+function e() {
+  const o = document.querySelector(`[data-target-id="${t}"]`);
+  o == null || o.focus();
+}
+export {
+  e as focusInput
+};

package/esm/lib/components/footer/constants.js

@@ -8,8 +8,9 @@ const E = {
   MAX_ROWS_MOBILE: 10,
   MAX_LENGTH: 1e3,
   MIN_ROWS: 1
-};
+}, A = "TextArea-contentAnswersQuestionInput";
 export {
+  A as INPUT_TARGET_ID,
   E as KEY_CODE,
   _ as TEXT_AREA
 };

package/esm/lib/components/footer/footer.js

@@ -1,55 +1,55 @@
-import D from "clsx";
+import W from "clsx";
 import * as r from "react";
-import { useIntl as Q } from "react-intl";
-import { useBreakpoint as U, Breakpoint as V, TextArea as Y, Tooltip as $, Button as J } from "@box/blueprint-web";
+import { useIntl as z } from "react-intl";
+import { useBreakpoint as V, Breakpoint as Y, TextArea as $, Tooltip as J, Button as Q } from "@box/blueprint-web";
 import { ArrowUp as Z } from "@box/blueprint-web-assets/icons/Fill";
 import { useAgents as g } from "@box/box-ai-agent-selector";
 import { useAgents as q } from "../../contexts/AgentsContext.js";
 import { FooterActions as P } from "./footer-actions.js";
 import { getAIAgentConfig as N } from "../common/agentUtils.js";
 import { isDebugModeTrigger as tt, isEnterTrigger as at } from "../common/keyInputUtils.js";
-import { TEXT_AREA as o } from "./constants.js";
+import { TEXT_AREA as i, INPUT_TARGET_ID as rt } from "./constants.js";
 import u from "./messages.js";
-import { LOGGER_BASE_CONFIG as O, LOGGER_ACTION_CLICK as rt, LOGGER_ACTION_KEYPRESS as et } from "../common/constants.js";
+import { LOGGER_BASE_CONFIG as O, LOGGER_ACTION_CLICK as et, LOGGER_ACTION_KEYPRESS as st } from "../common/constants.js";
 import { jsxs as X, jsx as b } from "react/jsx-runtime";
-import '../../../../styles/footer.css';const st = "_questionInput_169rs_1", ot = "_avatar_169rs_26", it = "_submitButton_169rs_29", nt = "_textArea_169rs_45", mt = "_error_169rs_68", ut = "_sidebar_169rs_71", ct = "_submitButtonTooltip_169rs_79", C = {
-  questionInput: st,
+import '../../../../styles/footer.css';const it = "_questionInput_169rs_1", ot = "_avatar_169rs_26", nt = "_submitButton_169rs_29", mt = "_textArea_169rs_45", ut = "_error_169rs_68", ct = "_sidebar_169rs_71", lt = "_submitButtonTooltip_169rs_79", T = {
+  questionInput: it,
   avatar: ot,
-  submitButton: it,
-  textArea: nt,
-  error: mt,
-  sidebar: ut,
-  submitButtonTooltip: ct
-}, Mt = ({
-  askSuggestedQuestion: k,
+  submitButton: nt,
+  textArea: mt,
+  error: ut,
+  sidebar: ct,
+  submitButtonTooltip: lt
+}, vt = ({
+  askSuggestedQuestion: C,
   enableDebugMode: x = !1,
   hasRequestInProgress: e,
   isAgentSelectorEnabled: f,
   isAIStudioAgentSelectorEnabled: p,
-  isDebugModeShown: A,
-  isStopResponseEnabled: w,
-  isStreamingEnabled: H,
-  lastQuestion: h,
+  isDebugModeShown: h,
+  isStopResponseEnabled: R,
+  isStreamingEnabled: w,
+  lastQuestion: A,
   onRetryQuestion: E,
-  onStopQuestion: R,
+  onStopQuestion: H,
   recordAction: s,
   sendQuestion: L,
   setAskSuggestedQuestion: M,
-  toggleDebugMode: i,
+  toggleDebugMode: o,
   variant: I = "modal"
 }) => {
-  const v = I === "sidebar", n = Q(), y = U(), a = /* @__PURE__ */ r.createRef(), K = y <= V.Medium && !v ? o.MAX_ROWS_MOBILE : o.MAX_ROWS, [c, B] = r.useState(!0), [F, G] = r.useState(!1), {
+  const v = I === "sidebar", n = z(), y = V(), a = /* @__PURE__ */ r.createRef(), K = y <= Y.Medium && !v ? i.MAX_ROWS_MOBILE : i.MAX_ROWS, [c, B] = r.useState(!0), [F, G] = r.useState(!1), {
     selectedAgent: _
   } = q(), {
     selectedAgent: d
-  } = g(), T = r.useCallback(() => {
+  } = g(), k = r.useCallback(() => {
     a.current && a.current.focus();
   }, [a]), j = r.useCallback(() => {
     var m;
     let t = ((m = a.current) == null ? void 0 : m.value) ?? "";
-    a.current && t.length > o.MAX_LENGTH && (a.current.value = t.slice(0, o.MAX_LENGTH), t = a.current.value), G(t.length >= o.MAX_LENGTH), B(t.trim().length === 0);
+    a.current && t.length > i.MAX_LENGTH && (a.current.value = t.slice(0, i.MAX_LENGTH), t = a.current.value), G(t.length >= i.MAX_LENGTH), B(t.trim().length === 0);
   }, [a]), l = r.useCallback(() => {
-    if (T(), !e && a.current) {
+    if (k(), !e && a.current) {
       const t = {
         prompt: a.current.value
       };
@@ -57,66 +57,66 @@ import '../../../../styles/footer.css';const st = "_questionInput_169rs_1", ot =
         const m = N(f, _, p, d);
         L(t, m), a.current.value = "", B(!0), G(!1);
       }
-      A && i && i();
+      h && o && o();
     }
-  }, [d, T, e, a, p, f, A, _, L, i]), S = r.useCallback((t) => {
+  }, [d, k, e, a, p, f, h, _, L, o]), D = r.useCallback((t) => {
     t.preventDefault(), !e && !c && s && s({
       ...O,
-      action: rt,
+      action: et,
       target: "ask"
     }), l();
-  }, [e, c, s, l]), W = r.useCallback((t) => {
-    x && i && tt(t) && i(), at(t) && (t.preventDefault(), !e && !c && s && s({
+  }, [e, c, s, l]), S = r.useCallback((t) => {
+    x && o && tt(t) && o(), at(t) && (t.preventDefault(), !e && !c && s && s({
       ...O,
-      action: et,
+      action: st,
       target: "ask"
     }), l());
-  }, [x, e, c, s, l, i]), z = r.useCallback((t) => {
+  }, [x, e, c, s, l, o]), U = r.useCallback((t) => {
     const m = N(f, _, p, d);
     E(t, m);
   }, [d, p, f, E, _]);
   return r.useEffect(() => {
-    queueMicrotask(T);
+    queueMicrotask(k);
   }, []), r.useEffect(() => {
-    k && a.current && !e && M && (a.current.value = k, l(), M(null));
-  }, [k]), /* @__PURE__ */ X("div", {
-    children: [h && /* @__PURE__ */ b(P, {
-      isStopResponseEnabled: w,
-      isStreamingEnabled: H,
-      lastQuestion: h,
-      onRetryQuestion: z,
-      onStopQuestion: R,
+    C && a.current && !e && M && (a.current.value = C, l(), M(null));
+  }, [C]), /* @__PURE__ */ X("div", {
+    children: [A && /* @__PURE__ */ b(P, {
+      isStopResponseEnabled: R,
+      isStreamingEnabled: w,
+      lastQuestion: A,
+      onRetryQuestion: U,
+      onStopQuestion: H,
       recordAction: s
     }), /* @__PURE__ */ X("div", {
-      className: D(C.questionInput, v && C.sidebar),
-      children: [/* @__PURE__ */ b(Y, {
+      className: W(T.questionInput, v && T.sidebar),
+      children: [/* @__PURE__ */ b($, {
         ref: a,
-        className: C.textArea,
-        "data-target-id": "TextArea-contentAnswersQuestionInput",
+        className: T.textArea,
+        "data-target-id": rt,
         "data-testid": "content-answers-question-input",
         error: F && n.formatMessage(u.maxCharactersReachedError, {
-          characterLimit: o.MAX_LENGTH
+          characterLimit: i.MAX_LENGTH
         }),
         hideLabel: !0,
         label: n.formatMessage(u.askQuestionPlaceholder),
-        maxLength: o.MAX_LENGTH,
+        maxLength: i.MAX_LENGTH,
         maxRows: K,
         onChange: j,
-        onKeyDown: W,
+        onKeyDown: S,
         placeholder: n.formatMessage(u.askQuestionPlaceholder)
-      }), /* @__PURE__ */ b($, {
+      }), /* @__PURE__ */ b(J, {
         content: n.formatMessage(u.ask),
         "data-testid": "ask-tooltip",
         variant: "standard",
-        children: /* @__PURE__ */ b(J, {
+        children: /* @__PURE__ */ b(Q, {
           "aria-label": n.formatMessage(u.ask),
-          className: C.submitButton,
+          className: T.submitButton,
           "data-testid": "content-answers-submit-button",
           disabled: c || e,
           icon: Z,
           loading: e,
           loadingAriaLabel: n.formatMessage(u.askDisabledTooltip),
-          onClick: S,
+          onClick: D,
           size: "large",
           "data-target-id": "Button-ask"
         })
@@ -125,5 +125,5 @@ import '../../../../styles/footer.css';const st = "_questionInput_169rs_1", ot =
   });
 };
 export {
-  Mt as Footer
+  vt as Footer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.97.2",
+  "version": "0.97.4",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -16,10 +16,10 @@
   },
   "devDependencies": {
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.3",
+    "@box/blueprint-web": "^9.18.4",
     "@box/blueprint-web-assets": "^4.33.2",
-    "@box/box-ai-agent-selector": "^0.26.6",
-    "@box/item-icon": "^0.9.85",
+    "@box/box-ai-agent-selector": "^0.26.7",
+    "@box/item-icon": "^0.9.86",
     "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -57,5 +57,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "2b482e2a7d776580eb6cf3e25e3fd3c58aa03123"
+  "gitHead": "ff309281b56a2d40c62ad0a40677e9f8c64d4c9f"
 }

package/styles/citation.css

@@ -1 +1 @@
-._citationTrigger_mfhpi_1{pointer-events:"auto"}._citationStatus_mfhpi_5{margin-right:.25rem}._citationStatus_mfhpi_5>span{background-color:transparent;box-sizing:border-box;color:#6f6f6f;outline:.0625rem solid #e8e8e8}._citationStatus_mfhpi_5>span:hover{cursor:pointer;background-color:transparent!important}._citationStatus_mfhpi_5>span:focus-visible{background-color:transparent!important}._animate_mfhpi_22{opacity:0;transition:opacity .3s ease-in-out}._animate_mfhpi_22._fadeIn_mfhpi_26{opacity:1}._cardTooltip_mfhpi_30{margin:.3rem;text-align:left}._cardTooltip_mfhpi_30 ._cardTooltipTitle_mfhpi_34{gap:.5rem;margin-bottom:1rem}._cardTooltip_mfhpi_30 ._cardTooltipCitation_mfhpi_38{gap:.6rem;padding-left:1rem;border-left:.125rem solid #e8e8e8}._cardTooltip_mfhpi_30 ._cardTooltipButton_mfhpi_43{margin-top:.6rem}._cardTooltip_mfhpi_30 ._cardTooltipButton_mfhpi_43:focus-visible{box-shadow:none}
+._citationTrigger_4yo68_1{pointer-events:"auto"}._citationStatus_4yo68_5{margin-right:.25rem}._citationStatus_4yo68_5>span{box-sizing:border-box;color:#6f6f6f;background-color:transparent;outline:.0625rem solid #e8e8e8}._citationStatus_4yo68_5>span:hover{background-color:transparent!important;cursor:pointer}._citationStatus_4yo68_5>span:focus-visible{background-color:transparent!important;outline:.125rem solid #2486fc;outline-offset:-1px}._animate_4yo68_26{opacity:0;transition:opacity .3s ease-in-out}._animate_4yo68_26._fadeIn_4yo68_30{opacity:1}._cardTooltip_4yo68_34{margin:.3rem;text-align:left}._cardTooltip_4yo68_34 ._cardTooltipTitle_4yo68_38{gap:.5rem;margin-bottom:1rem}._cardTooltip_4yo68_34 ._cardTooltipCitation_4yo68_42{gap:.6rem;padding-left:1rem;border-left:.125rem solid #e8e8e8}._cardTooltip_4yo68_34 ._cardTooltipButton_4yo68_47{margin-top:.6rem}._cardTooltip_4yo68_34 ._cardTooltipButton_4yo68_47:focus-visible{box-shadow:none}

package/types/lib/components/common/focusInputUtils.d.ts

@@ -0,0 +1 @@
+export declare function focusInput(): void;

package/types/lib/components/footer/constants.d.ts

@@ -10,3 +10,4 @@ export declare const TEXT_AREA: {
     readonly MAX_LENGTH: 1000;
     readonly MIN_ROWS: 1;
 };
+export declare const INPUT_TARGET_ID = "TextArea-contentAnswersQuestionInput";