@progress/kendo-react-grid 15.1.1-develop.3 → 15.2.0-develop.2

package/toolbar-tools/smartbox/SmartBox.mjs

@@ -6,299 +6,310 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import { SpeechToTextButton as et, Button as tt, SegmentedControl as nt } from "@progress/kendo-react-buttons";
-import { xIcon as rt, stopIcon as at, arrowUpIcon as st } from "@progress/kendo-svg-icons";
-import { guid as ot, kendoThemeMaps as it, classNames as B, IconWrap as ce } from "@progress/kendo-react-common";
-import { useLocalization as lt } from "@progress/kendo-react-intl";
-import { List as $ } from "@progress/kendo-react-dropdowns";
-import { Popup as ct } from "@progress/kendo-react-popup";
-import { createListItemRender as ut, searchModeItemRender as pt, listGroupHeaderRender as ue, NoDataRender as mt } from "./listItemRenders.mjs";
-import { smartBoxClearTitle as pe, messages as C, smartBoxSpeechToTextButton as P, smartBoxSubmitPromptButton as L } from "../../messages/index.mjs";
-import { useGridAIRequest as dt } from "../../hooks/useGridAIRequest.mjs";
-import { GridContext as ht } from "../../utils/GridContext.mjs";
-import { useSmartBoxModes as ft } from "./hooks/useSmartBoxModes.mjs";
-import { useSmartBoxHistory as gt } from "./hooks/useSmartBoxHistory.mjs";
-import { useSmartBoxPopup as St } from "./hooks/useSmartBoxPopup.mjs";
-import { useSmartBoxGridState as Ct } from "./hooks/useSmartBoxGridState.mjs";
-import { useSmartBoxLabels as kt } from "./hooks/useSmartBoxLabels.mjs";
-import { useSmartBoxListData as bt } from "./hooks/useSmartBoxListData.mjs";
-import { useSmartBoxSegmentedControl as xt } from "./hooks/useSmartBoxSegmentedControl.mjs";
-import { useSmartBoxSearch as Rt } from "./hooks/useSmartBoxSearch.mjs";
-import { useDebounce as vt } from "./hooks/useDebounce.mjs";
-const It = e.forwardRef((me, de) => {
+import { SpeechToTextButton as ot, Button as it, SegmentedControl as lt } from "@progress/kendo-react-buttons";
+import { xIcon as ct, stopIcon as ut, arrowUpIcon as pt } from "@progress/kendo-svg-icons";
+import { guid as mt, kendoThemeMaps as ce, classNames as L, IconWrap as ue } from "@progress/kendo-react-common";
+import { useLocalization as dt } from "@progress/kendo-react-intl";
+import { List as U } from "@progress/kendo-react-dropdowns";
+import { Popup as ft } from "@progress/kendo-react-popup";
+import { createListItemRender as ht, searchModeItemRender as gt, listGroupHeaderRender as pe, NoDataRender as St } from "./listItemRenders.mjs";
+import { smartBoxClearTitle as me, messages as C, smartBoxSpeechToTextButton as P, smartBoxSubmitPromptButton as F } from "../../messages/index.mjs";
+import { useGridAIRequest as Ct } from "../../hooks/useGridAIRequest.mjs";
+import { GridContext as kt } from "../../utils/GridContext.mjs";
+import { useSmartBoxModes as bt } from "./hooks/useSmartBoxModes.mjs";
+import { useSmartBoxHistory as xt } from "./hooks/useSmartBoxHistory.mjs";
+import { useSmartBoxPopup as vt } from "./hooks/useSmartBoxPopup.mjs";
+import { useSmartBoxGridState as Rt } from "./hooks/useSmartBoxGridState.mjs";
+import { useSmartBoxLabels as It } from "./hooks/useSmartBoxLabels.mjs";
+import { useSmartBoxListData as wt } from "./hooks/useSmartBoxListData.mjs";
+import { useSmartBoxSegmentedControl as Et } from "./hooks/useSmartBoxSegmentedControl.mjs";
+import { useSmartBoxSearch as Dt } from "./hooks/useSmartBoxSearch.mjs";
+import { useDebounce as yt } from "./hooks/useDebounce.mjs";
+const Bt = e.forwardRef((de, fe) => {
   var ie;
   const {
     searchConfig: he,
-    semanticSearchConfig: fe,
-    aiAssistantConfig: ge,
-    activeMode: Se,
-    dir: Ce = "ltr",
+    semanticSearchConfig: ge,
+    aiAssistantConfig: Se,
+    activeMode: Ce,
+    dir: ke = "ltr",
     size: K = "medium",
-    placeholder: ke,
-    history: be,
-    loading: xe = !1,
-    promptSuggestionRender: j,
-    historyItemRender: J,
-    onOpen: Re,
-    onClose: ve,
+    rounded: be = "medium",
+    fillMode: xe = "solid",
+    placeholder: ve,
+    history: Re,
+    loading: Ie = !1,
+    promptSuggestionRender: M,
+    historyItemRender: j,
+    onOpen: we,
+    onClose: Ee,
     onFocus: k,
     onBlur: b,
-    onSearch: Ie,
-    onSemanticSearch: we,
-    onAIPromptRequest: F,
-    onAIResponseSuccess: H,
-    onAIResponseError: z,
-    onAICancelRequest: x
-  } = me, f = lt(), g = e.useContext(ht), Ee = e.useRef(`k-${ot()}`), d = e.useRef(null), S = e.useRef(null), Q = e.useRef(null), [o, p] = e.useState(""), [De, R] = e.useState(!1), [ye, X] = e.useState(void 0), [Be, Y] = e.useState(null), {
+    onSearch: De,
+    onSemanticSearch: ye,
+    onAIPromptRequest: H,
+    onAIResponseSuccess: z,
+    onAIResponseError: N,
+    onAICancelRequest: x,
+    ariaLabel: Be
+  } = de, h = dt(), g = e.useContext(kt), Le = e.useRef(`k-${mt()}`), d = e.useRef(null), S = e.useRef(null), J = e.useRef(null), [o, m] = e.useState(""), [Pe, v] = e.useState(!1), [Fe, Q] = e.useState(void 0), [He, X] = e.useState(null), {
     searchMode: i,
-    semanticSearchMode: c,
+    semanticSearchMode: u,
     aiAssistantMode: a,
     selectedView: n,
-    setSelectedViewState: N,
-    lastSearchMode: Pe,
-    searchHistorySettings: Z,
-    semanticSearchHistorySettings: _,
-    aiAssistantHistorySettings: T,
-    speechToTextButtonSettings: M,
-    currentSearchDelay: Le
-  } = ft({
+    setSelectedViewState: T,
+    lastSearchMode: ze,
+    searchHistorySettings: Y,
+    semanticSearchHistorySettings: Z,
+    aiAssistantHistorySettings: q,
+    speechToTextButtonSettings: _,
+    currentSearchDelay: Ne
+  } = bt({
     searchConfigProp: he,
-    semanticSearchConfigProp: fe,
-    aiAssistantConfigProp: ge,
-    activeModeProp: Se,
-    sharedHistory: be
-  }), { currentHistory: v, currentHistorySettings: Fe, addToHistory: q } = gt({
+    semanticSearchConfigProp: ge,
+    aiAssistantConfigProp: Se,
+    activeModeProp: Ce,
+    sharedHistory: Re
+  }), { currentHistory: R, currentHistorySettings: Te, addToHistory: O } = xt({
     selectedView: n,
-    searchHistorySettings: Z,
-    semanticSearchHistorySettings: _,
-    aiAssistantHistorySettings: T
-  }), { isOpen: O, togglePopup: s } = St({ onOpen: Re, onClose: ve }), { columns: A, gridState: He, gridRef: ze, handleStateChange: Ne } = Ct(g), V = e.useMemo(
+    searchHistorySettings: Y,
+    semanticSearchHistorySettings: Z,
+    aiAssistantHistorySettings: q
+  }), { isOpen: I, togglePopup: s } = vt({ onOpen: we, onClose: Ee }), { columns: A, gridState: qe, gridRef: Oe, handleStateChange: Ve } = Rt(g), V = e.useMemo(
     () => (a == null ? void 0 : a.promptSuggestions) || [],
     [a == null ? void 0 : a.promptSuggestions]
-  ), { inputPlaceholder: Te, prefixIcon: qe } = kt({
+  ), { inputPlaceholder: We, prefixIcon: Ge } = It({
     selectedView: n,
     searchMode: i,
-    semanticSearchMode: c,
+    semanticSearchMode: u,
     aiAssistantMode: a,
-    sharedPlaceholder: ke
-  }), { searchListData: h, aiAssistantListData: I, searchHistoryListData: w } = bt({
+    sharedPlaceholder: ve
+  }), { searchListData: f, aiAssistantListData: w, searchHistoryListData: E } = wt({
     selectedView: n,
     searchModeEnabled: i == null ? void 0 : i.enabled,
-    semanticSearchModeEnabled: c == null ? void 0 : c.enabled,
+    semanticSearchModeEnabled: u == null ? void 0 : u.enabled,
     promptSuggestions: V,
-    currentHistory: v,
-    currentHistorySettings: Fe
-  }), E = xt({
+    currentHistory: R,
+    currentHistorySettings: Te
+  }), D = Et({
     searchMode: i,
-    semanticSearchMode: c,
+    semanticSearchMode: u,
     aiAssistantMode: a,
     selectedView: n,
-    lastSearchMode: Pe,
-    setSelectedViewState: N,
-    setInputValue: p
+    lastSearchMode: ze,
+    setSelectedViewState: T,
+    setInputValue: m
   });
   e.useEffect(() => {
     const t = d.current;
     if (!t)
       return;
-    X(t.offsetWidth);
+    Q(t.offsetWidth);
     const r = new ResizeObserver(() => {
-      t && X(t.offsetWidth);
+      t && Q(t.offsetWidth);
     });
     return r.observe(t), () => {
       r.disconnect();
     };
   }, []);
-  const m = xe || De, W = !n, Oe = !(i != null && i.enabled) && !(c != null && c.enabled) && !(a != null && a.enabled), Ve = it.sizeMap[K] || "md", { emitSearchEvent: u } = Rt({
+  const l = Ie || Pe, W = !n, $e = !(i != null && i.enabled) && !(u != null && u.enabled) && !(a != null && a.enabled), Ue = ce.sizeMap[K] || "md", Ke = ce.roundedMap[be] || "md", Me = xe || "solid", { emitSearchEvent: p } = Dt({
     selectedView: n,
     searchMode: i,
     columns: A,
     gridContext: g,
-    searchHistorySettings: Z,
-    semanticSearchHistorySettings: _,
-    addToHistory: q,
-    onSearch: Ie,
-    onSemanticSearch: we
-  }), { sendRequest: ee, cancelRequest: te } = dt({
+    searchHistorySettings: Y,
+    semanticSearchHistorySettings: Z,
+    addToHistory: O,
+    onSearch: De,
+    onSemanticSearch: ye
+  }), { sendRequest: ee, cancelRequest: te } = Ct({
     requestUrl: a == null ? void 0 : a.requestUrl,
     requestOptions: a == null ? void 0 : a.requestOptions,
     httpClient: a == null ? void 0 : a.httpClient,
     columns: A,
-    gridState: He,
-    gridRef: ze,
+    gridState: qe,
+    gridRef: Oe,
     onPromptRequest: (t) => {
-      F == null || F({ requestData: t });
+      H == null || H({ requestData: t });
     },
     onResponseSuccess: (t) => {
-      R(!1), H == null || H({ response: t });
+      v(!1), z == null || z({ response: t });
     },
     onResponseError: (t) => {
-      R(!1), z == null || z({ error: t });
+      v(!1), N == null || N({ error: t });
     },
-    onStateChange: Ne,
+    onStateChange: Ve,
     onExportPdf: () => g == null ? void 0 : g.exportAsPdf()
   });
   e.useImperativeHandle(
-    de,
+    fe,
     () => ({
       show: () => s(!0),
       hide: () => s(!1)
     }),
     [s]
   );
-  const G = vt(Be, Le), ne = e.useRef(u);
-  ne.current = u, e.useEffect(() => {
+  const G = yt(He, Ne), ne = e.useRef(p);
+  ne.current = p, e.useEffect(() => {
     G !== null && ne.current(G);
   }, [G]);
-  const We = e.useCallback(
+  const je = e.useCallback(
     (t) => {
       const r = t.target.value;
-      p(r), s(!r), (n === "search" || n === "semanticSearch") && Y(r);
+      m(r), s(!r), (n === "search" || n === "semanticSearch") && X(r);
     },
     [s, n]
-  ), Ge = e.useCallback(() => {
+  ), Je = e.useCallback(() => {
     k == null || k(), o || s(!0);
-  }, [k, s, o]), Ue = e.useCallback(
+  }, [k, s, o]), Qe = e.useCallback(
     (t) => {
       var le;
-      const r = d.current, l = (le = Q.current) == null ? void 0 : le.element, y = t.relatedTarget, Me = y && (r == null ? void 0 : r.contains(y)), Ae = y && (l == null ? void 0 : l.contains(y));
-      !Me && !Ae && (b == null || b(), s(!1));
+      const r = d.current, c = (le = J.current) == null ? void 0 : le.element, B = t.relatedTarget, at = B && (r == null ? void 0 : r.contains(B)), st = B && (c == null ? void 0 : c.contains(B));
+      !at && !st && (b == null || b(), s(!1));
     },
     [b, s]
-  ), $e = e.useCallback(() => {
+  ), Xe = e.useCallback(() => {
     o || s(!0);
-  }, [s, o]), re = !!((ie = a == null ? void 0 : a.requestOptions) != null && ie.url || a != null && a.requestUrl), U = e.useCallback(() => {
-    if (m) {
-      x == null || x(), te(), R(!1);
+  }, [s, o]), re = !!((ie = a == null ? void 0 : a.requestOptions) != null && ie.url || a != null && a.requestUrl), $ = e.useCallback(() => {
+    if (l) {
+      x == null || x(), te(), v(!1);
       return;
     }
-    o.trim() && (re && R(!0), q("aiAssistant", o, T), s(!1), ee(o.trim()), p(""));
+    o.trim() && (re && v(!0), O("aiAssistant", o, q), s(!1), ee(o.trim()), m(""));
   }, [
-    m,
+    l,
     o,
-    T,
-    s,
     q,
+    s,
+    O,
     ee,
     te,
     re,
     x
-  ]), Ke = e.useCallback(
+  ]), Ye = e.useCallback(
     (t) => {
-      t.key === "Enter" && (n === "aiAssistant" ? U() : n === "semanticSearch" && u(o));
+      t.key === "Enter" && (n === "aiAssistant" ? $() : n === "semanticSearch" && p(o));
     },
-    [n, o, u, U]
-  ), je = e.useCallback(() => {
+    [n, o, p, $]
+  ), Ze = e.useCallback(() => {
     var t;
-    s(!O), (t = S.current) == null || t.focus();
-  }, [O, s]), Je = e.useCallback(
+    s(!I), (t = S.current) == null || t.focus();
+  }, [I, s]), _e = e.useCallback(
     (t) => {
       var r;
-      t.stopPropagation(), t.preventDefault(), p(""), (r = S.current) == null || r.focus(), s(!0), u("");
+      t.stopPropagation(), t.preventDefault(), m(""), (r = S.current) == null || r.focus(), s(!0), p("");
     },
-    [s, u]
+    [s, p]
   ), ae = e.useCallback(
     (t) => {
       var r;
-      N(t), p(""), Y(null), (r = S.current) == null || r.focus();
+      T(t), m(""), X(null), (r = S.current) == null || r.focus();
     },
-    [N]
-  ), D = e.useCallback(
+    [T]
+  ), y = e.useCallback(
     (t) => {
       var r;
-      p(t), s(!1), (r = S.current) == null || r.focus(), n !== "aiAssistant" && u(t);
+      m(t), s(!1), (r = S.current) == null || r.focus(), n !== "aiAssistant" && p(t);
     },
-    [n, s, u]
-  ), Qe = e.useCallback((t) => {
+    [n, s, p]
+  ), Ae = e.useCallback((t) => {
     if (t.isFinal && t.alternatives.length > 0) {
       const r = t.alternatives[0].transcript;
-      p((l) => l ? `${l} ${r}` : r);
+      m((c) => c ? `${c} ${r}` : r);
     }
-  }, []), Xe = e.useMemo(() => n === "aiAssistant" ? v.length === 0 && V.length === 0 : n === "search" || n === "semanticSearch" ? v.length === 0 && h.length === 0 : !1, [n, v.length, V.length, h.length]), se = e.useCallback(
+  }, []), et = e.useMemo(() => n === "aiAssistant" ? R.length === 0 && V.length === 0 : n === "search" || n === "semanticSearch" ? R.length === 0 && f.length === 0 : !1, [n, R.length, V.length, f.length]), se = e.useCallback(
     (t) => {
-      const l = (n === "aiAssistant" ? I : w)[t];
-      l && D(l.text);
+      const c = (n === "aiAssistant" ? w : E)[t];
+      c && y(c.text);
     },
-    [n, I, w, D]
-  ), Ye = e.useCallback(
+    [n, w, E, y]
+  ), tt = e.useCallback(
     (t) => {
-      const r = h[t];
+      const r = f[t];
       r && ae(r.mode);
     },
-    [h, ae]
+    [f, ae]
   ), oe = e.useMemo(
-    () => ut({
-      historyItemRender: J,
-      promptSuggestionRender: j,
-      handleListItemClick: D
+    () => ht({
+      historyItemRender: j,
+      promptSuggestionRender: M,
+      handleListItemClick: y
     }),
-    [J, j, D]
-  ), Ze = O && !Oe, _e = () => /* @__PURE__ */ e.createElement(e.Fragment, null, E.items.length > 0 && /* @__PURE__ */ e.createElement(
-    nt,
+    [j, M, y]
+  ), nt = I && !$e, rt = () => /* @__PURE__ */ e.createElement(e.Fragment, null, D.items.length > 0 && /* @__PURE__ */ e.createElement(
+    lt,
     {
-      items: E.items,
-      value: E.value,
-      onChange: E.onChange,
+      items: D.items,
+      value: D.value,
+      onChange: D.onChange,
       size: K,
       layoutMode: "stretch"
     }
-  ), (n === "search" || n === "semanticSearch") && h.length > 0 && /* @__PURE__ */ e.createElement(
-    $,
+  ), (n === "search" || n === "semanticSearch") && f.length > 0 && /* @__PURE__ */ e.createElement(
+    U,
     {
-      data: h,
+      data: f,
       textField: "text",
       descriptionField: "description",
-      onClick: Ye,
-      itemRender: pt,
+      onClick: tt,
+      itemRender: gt,
       show: !0,
       wrapperCssClass: "k-list k-list-md"
     }
-  ), n === "aiAssistant" && I.length > 0 && /* @__PURE__ */ e.createElement(
-    $,
+  ), n === "aiAssistant" && w.length > 0 && /* @__PURE__ */ e.createElement(
+    U,
     {
-      data: I,
+      data: w,
       textField: "text",
       groupField: "group",
       svgIconField: "groupSvgIcon",
       descriptionField: "description",
       onClick: se,
       itemRender: oe,
-      groupHeaderItemRender: ue,
+      groupHeaderItemRender: pe,
       showFirstGroupHeader: !0,
       show: !0,
       wrapperCssClass: "k-list k-list-md"
     }
-  ), (n === "search" || n === "semanticSearch") && w.length > 0 && /* @__PURE__ */ e.createElement(
-    $,
+  ), (n === "search" || n === "semanticSearch") && E.length > 0 && /* @__PURE__ */ e.createElement(
+    U,
     {
-      data: w,
+      data: E,
       textField: "text",
       groupField: "group",
       svgIconField: "groupSvgIcon",
       descriptionField: "description",
       onClick: se,
       itemRender: oe,
-      groupHeaderItemRender: ue,
+      groupHeaderItemRender: pe,
       showFirstGroupHeader: !0,
       show: !0,
       wrapperCssClass: "k-list k-list-md"
     }
-  ), Xe && /* @__PURE__ */ e.createElement(mt, { selectedView: n }));
-  return /* @__PURE__ */ e.createElement("div", { ref: d, className: "k-smart-box-wrapper", dir: Ce, onBlur: Ue }, /* @__PURE__ */ e.createElement(
+  ), et && /* @__PURE__ */ e.createElement(St, { selectedView: n }));
+  return /* @__PURE__ */ e.createElement("div", { ref: d, className: "k-smart-box-wrapper", dir: ke, onBlur: Qe }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: B("k-smart-box", "k-input", `k-input-${Ve}`, {
-        "k-loading": m
-      })
+      className: L(
+        "k-smart-box",
+        "k-input",
+        `k-input-${Ue}`,
+        `k-rounded-${Ke}`,
+        `k-input-${Me}`,
+        {
+          "k-loading": l
+        }
+      )
     },
     !W && /* @__PURE__ */ e.createElement("span", { className: "k-input-prefix k-input-prefix-horizontal" }, /* @__PURE__ */ e.createElement(
-      ce,
+      ue,
       {
-        className: B("k-icon", {
+        className: L({
           "k-accent-icon": n === "aiAssistant" || n === "semanticSearch"
         }),
-        icon: qe.svgIcon,
-        onClick: je,
+        icon: Ge.svgIcon,
+        "aria-hidden": !0,
+        onClick: Ze,
         onMouseDown: (t) => {
           "preventDefault" in t && t.preventDefault();
         }
@@ -309,78 +320,83 @@ const It = e.forwardRef((me, de) => {
       {
         ref: S,
         type: "text",
-        className: B("k-input-inner", { "k-disabled": W }),
-        id: Ee.current,
-        placeholder: Te,
+        className: L("k-input-inner", { "k-disabled": W }),
+        id: Le.current,
+        placeholder: We,
         value: o,
         disabled: W,
-        onChange: We,
-        onFocus: Ge,
-        onClick: $e,
-        onKeyDown: Ke
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": I ? "true" : "false",
+        "aria-label": Be,
+        onChange: je,
+        onFocus: Je,
+        onClick: Xe,
+        onKeyDown: Ye
       }
     ),
     o.length > 0 && (n === "search" || n === "semanticSearch") && /* @__PURE__ */ e.createElement(
       "span",
       {
         className: "k-clear-value",
-        title: f.toLanguageString(
-          pe,
-          C[pe]
+        title: h.toLanguageString(
+          me,
+          C[me]
         ),
         role: "button",
         tabIndex: -1,
-        onClick: Je,
+        onClick: _e,
         onMouseDown: (t) => t.preventDefault()
       },
-      /* @__PURE__ */ e.createElement(ce, { className: "k-icon", icon: rt })
+      /* @__PURE__ */ e.createElement(ue, { className: "k-icon", icon: ct })
     ),
-    n === "aiAssistant" && /* @__PURE__ */ e.createElement("span", { className: "k-input-suffix k-input-suffix-horizontal" }, M && /* @__PURE__ */ e.createElement(
-      et,
+    n === "aiAssistant" && /* @__PURE__ */ e.createElement("span", { className: "k-input-suffix k-input-suffix-horizontal" }, _ && /* @__PURE__ */ e.createElement(
+      ot,
       {
-        ...M,
-        "aria-label": f.toLanguageString(
+        ..._,
+        "aria-label": h.toLanguageString(
           P,
           C[P]
         ),
-        title: f.toLanguageString(
+        title: h.toLanguageString(
           P,
           C[P]
         ),
-        onResult: Qe
+        onResult: Ae
       }
     ), /* @__PURE__ */ e.createElement(
-      tt,
+      it,
       {
-        className: B("k-smart-box-send", {
-          "k-processing": m,
-          "k-active": m
+        className: L("k-smart-box-send", {
+          "k-processing": l,
+          "k-active": l
         }),
         type: "button",
         rounded: "full",
         size: "small",
-        title: f.toLanguageString(
-          L,
-          C[L]
+        title: h.toLanguageString(
+          F,
+          C[F]
         ),
-        "aria-label": f.toLanguageString(
-          L,
-          C[L]
+        "aria-label": h.toLanguageString(
+          F,
+          C[F]
         ),
-        "aria-disabled": o.length === 0,
-        svgIcon: m ? at : st,
-        disabled: o.length === 0 && !m,
-        onClick: U
+        "aria-pressed": l ? "true" : void 0,
+        "aria-disabled": !l && o.length === 0 || void 0,
+        svgIcon: l ? ut : pt,
+        disabled: o.length === 0 && !l,
+        onClick: $
       }
     ))
   ), /* @__PURE__ */ e.createElement(
-    ct,
+    ft,
     {
-      ref: Q,
+      ref: J,
       anchor: d.current,
-      show: Ze,
+      show: nt,
       popupClass: "k-smart-box-popup",
-      style: { width: ye },
+      style: { width: Fe },
       anchorAlign: { horizontal: "left", vertical: "bottom" },
       popupAlign: { horizontal: "left", vertical: "top" },
       margin: { horizontal: 0, vertical: 2 },
@@ -389,10 +405,10 @@ const It = e.forwardRef((me, de) => {
         d.current && !d.current.contains(r) && s(!1);
       }
     },
-    _e()
+    rt()
   ));
 });
-It.displayName = "KendoReactSmartBox";
+Bt.displayName = "KendoReactSmartBox";
 export {
-  It as SmartBox
+  Bt as SmartBox
 };

package/toolbar-tools/smartbox/interfaces/SmartBoxTypes.d.ts

@@ -296,6 +296,18 @@ export interface GridSmartBoxAIAssistantProps extends Omit<GridSmartBoxAIAssista
      * ```
      */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Sets the border radius of the SmartBox.
+     *
+     * @default 'medium'
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Sets the fill mode of the SmartBox.
+     *
+     * @default 'solid'
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
     /**
      * Sets whether the SmartBox is in loading state.
      * Use this for controlled mode to manage loading state externally.
@@ -465,5 +477,14 @@ export interface GridSmartBoxAIAssistantProps extends Omit<GridSmartBoxAIAssista
      * ```
      */
     onAICancelRequest?: () => void;
+    /**
+     * Sets the accessible label (`aria-label`) for the SmartBox input element.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox ariaLabel="AI-powered search" />
+     * ```
+     */
+    ariaLabel?: string;
 }
 export {};