@progress/kendo-themes-html 7.1.0-dev.3 → 7.1.0-dev.4

package/dist/esm/prompt/templates/prompt-popup.js

@@ -7783,8 +7783,28 @@ var PromptHeader = (props) => {
   );
 };
 
+// src/prompt/prompt-content.tsx
+import { Fragment as Fragment37, jsx as jsx126 } from "react/jsx-runtime";
+var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
+var PromptContent = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx126(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        PROMPTCONTENT_CLASSNAME
+      ),
+      children: /* @__PURE__ */ jsx126(Fragment37, { children: props.children })
+    }
+  );
+};
+
 // src/textarea/textarea.spec.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var TEXTAREA_CLASSNAME = `k-textarea`;
 var states50 = [
   States.hover,
@@ -7820,7 +7840,7 @@ var Textarea = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Input,
     {
       ...other,
@@ -7834,7 +7854,7 @@ var Textarea = (props) => {
       required,
       disabled,
       className: classNames(props.className, TEXTAREA_CLASSNAME),
-      children: /* @__PURE__ */ jsx126(
+      children: /* @__PURE__ */ jsx127(
         InputInnerTextarea,
         {
           className: classNames(
@@ -7854,12 +7874,12 @@ Textarea.className = TEXTAREA_CLASSNAME;
 Textarea.defaultProps = defaultProps45;
 
 // src/textarea/templates/textarea-normal.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 
-// src/prompt/prompt-content.tsx
-import { Fragment as Fragment37, jsx as jsx128, jsxs as jsxs55 } from "react/jsx-runtime";
-var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
-var PromptContent = (props) => {
+// src/prompt/prompt-view.tsx
+import { Fragment as Fragment38, jsx as jsx129, jsxs as jsxs55 } from "react/jsx-runtime";
+var PROMPTVIEW_CLASSNAME = `k-prompt-view`;
+var PromptView = (props) => {
   const {
     showSearch,
     suggestions,
@@ -7872,32 +7892,32 @@ var PromptContent = (props) => {
       ...other,
       className: classNames(
         props.className,
-        PROMPTCONTENT_CLASSNAME
+        PROMPTVIEW_CLASSNAME
       ),
       children: [
-        showSearch && /* @__PURE__ */ jsx128(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
+        showSearch && /* @__PURE__ */ jsx129(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
         suggestions && /* @__PURE__ */ jsxs55("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ jsx128(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
-          /* @__PURE__ */ jsx128("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ jsx128(Fragment37, { children: suggestions }) })
+          /* @__PURE__ */ jsx129(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
+          /* @__PURE__ */ jsx129("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ jsx129(Fragment38, { children: suggestions }) })
         ] }),
         settings && /* @__PURE__ */ jsxs55("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ jsx128(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
-          /* @__PURE__ */ jsx128("div", { className: "k-prompt-expander-content", children: settings })
+          /* @__PURE__ */ jsx129(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
+          /* @__PURE__ */ jsx129("div", { className: "k-prompt-expander-content", children: settings })
         ] }),
-        /* @__PURE__ */ jsx128(Fragment37, { children: props.children })
+        props.children
       ]
     }
   );
 };
 
 // src/prompt/prompt-footer.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var PROMPTFOOTER_CLASSNAME = `k-prompt-footer`;
 var PromptFooter = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     "div",
     {
       ...other,
@@ -7911,22 +7931,22 @@ var PromptFooter = (props) => {
 };
 
 // src/prompt/prompt-suggestion.tsx
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 
 // src/prompt/prompt-setting.tsx
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-normal.tsx
-import { jsx as jsx132, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs56 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-suggestions.tsx
-import { Fragment as Fragment38, jsx as jsx133, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx134, jsxs as jsxs57 } from "react/jsx-runtime";
 
 // src/chip/chip-action.tsx
-import { jsx as jsx134 } from "react/jsx-runtime";
+import { jsx as jsx135 } from "react/jsx-runtime";
 
 // src/avatar/avatar.spec.tsx
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { jsx as jsx136 } from "react/jsx-runtime";
 var AVATAR_CLASSNAME = `k-avatar`;
 var states51 = [
   States.hover,
@@ -7971,7 +7991,7 @@ var Avatar = (props) => {
     border = defaultProps46.border,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx136(
     "div",
     {
       ...other,
@@ -7988,7 +8008,7 @@ var Avatar = (props) => {
           [`${AVATAR_CLASSNAME}-bordered`]: border
         }
       ),
-      children: /* @__PURE__ */ jsx135("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
+      children: /* @__PURE__ */ jsx136("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
     }
   );
 };
@@ -7998,16 +8018,16 @@ Avatar.className = AVATAR_CLASSNAME;
 Avatar.defaultProps = defaultProps46;
 
 // src/avatar/templates/avatar-icon.tsx
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 
 // src/avatar/templates/avatar-text.tsx
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 
 // src/avatar/templates/avatar-image.tsx
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx139 } from "react/jsx-runtime";
 
 // src/chip/chip.spec.tsx
-import { jsx as jsx139, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs58 } from "react/jsx-runtime";
 var CHIP_CLASSNAME = `k-chip`;
 var states52 = [
   States.hover,
@@ -8073,10 +8093,10 @@ var Chip = (props) => {
         })
       ),
       children: [
-        icon && /* @__PURE__ */ jsx139(Icon, { className: "k-chip-icon", icon, size: "small" }),
-        showAvatar && /* @__PURE__ */ jsx139(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ jsx139("img", { src: "/packages/html/assets/avatar.jpg" }) }),
-        /* @__PURE__ */ jsx139("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ jsx139("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
-        actions && /* @__PURE__ */ jsx139("span", { className: "k-chip-actions", children: actions })
+        icon && /* @__PURE__ */ jsx140(Icon, { className: "k-chip-icon", icon, size: "small" }),
+        showAvatar && /* @__PURE__ */ jsx140(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ jsx140("img", { src: "/packages/html/assets/avatar.jpg" }) }),
+        /* @__PURE__ */ jsx140("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ jsx140("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
+        actions && /* @__PURE__ */ jsx140("span", { className: "k-chip-actions", children: actions })
       ]
     }
   );
@@ -8087,7 +8107,7 @@ Chip.className = CHIP_CLASSNAME;
 Chip.defaultProps = defaultProps47;
 
 // src/chip/chip-list.spec.tsx
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { jsx as jsx141 } from "react/jsx-runtime";
 var CHIPLIST_CLASSNAME = `k-chip-list`;
 var states53 = [];
 var options51 = {
@@ -8101,7 +8121,7 @@ var ChipList = (props) => {
     size = defaultProps48.size,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx141(
     "div",
     {
       ...other,
@@ -8122,29 +8142,29 @@ ChipList.className = CHIPLIST_CLASSNAME;
 ChipList.defaultProps = defaultProps48;
 
 // src/chip/templates/chip-avatar.tsx
-import { jsx as jsx141 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
 
 // src/chip/templates/chip-icon.tsx
-import { jsx as jsx142 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 
 // src/chip/templates/chip-normal.tsx
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { jsx as jsx144 } from "react/jsx-runtime";
 
 // src/chip/templates/chip-removable.tsx
-import { jsx as jsx144 } from "react/jsx-runtime";
+import { jsx as jsx145 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-settings.tsx
-import { Fragment as Fragment39, jsx as jsx145, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx146, jsxs as jsxs59 } from "react/jsx-runtime";
 
 // src/card/card-callout.tsx
-import { jsx as jsx146 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 var CARDCALLOUT_CLASSNAME = `k-card-callout`;
 var CardCallout = (props) => {
   const {
     callout,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx147(
     "span",
     {
       ...other,
@@ -8160,7 +8180,7 @@ var CardCallout = (props) => {
 };
 
 // src/card/card.spec.tsx
-import { Fragment as Fragment40, jsx as jsx147, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx148, jsxs as jsxs60 } from "react/jsx-runtime";
 var CARD_CLASSNAME = `k-card`;
 var states54 = [
   States.hover,
@@ -8211,8 +8231,8 @@ var Card = (props) => {
         }
       ),
       children: [
-        callout && callout !== "true" && /* @__PURE__ */ jsx147(CardCallout, { callout }),
-        /* @__PURE__ */ jsx147(Fragment40, { children: props.children })
+        callout && callout !== "true" && /* @__PURE__ */ jsx148(CardCallout, { callout }),
+        /* @__PURE__ */ jsx148(Fragment41, { children: props.children })
       ]
     }
   );
@@ -8223,58 +8243,58 @@ Card.className = CARD_CLASSNAME;
 Card.defaultProps = defaultProps49;
 
 // src/card/card-title.tsx
-import { jsx as jsx148 } from "react/jsx-runtime";
+import { jsx as jsx149 } from "react/jsx-runtime";
 var states55 = [
   States.hover,
   States.focus
 ];
 
 // src/card/card-subtitle.tsx
-import { jsx as jsx149 } from "react/jsx-runtime";
+import { jsx as jsx150 } from "react/jsx-runtime";
 
 // src/card/card-media.tsx
-import { Fragment as Fragment41, jsx as jsx150 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx151 } from "react/jsx-runtime";
 
 // src/card/card-header.tsx
-import { Fragment as Fragment42, jsx as jsx151, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx152, jsxs as jsxs61 } from "react/jsx-runtime";
 
 // src/card/card-footer.tsx
-import { jsx as jsx152 } from "react/jsx-runtime";
+import { jsx as jsx153 } from "react/jsx-runtime";
 
 // src/card/card-body.tsx
-import { Fragment as Fragment43, jsx as jsx153, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx154, jsxs as jsxs62 } from "react/jsx-runtime";
 
 // src/card/card-deck.tsx
-import { jsx as jsx154 } from "react/jsx-runtime";
+import { jsx as jsx155 } from "react/jsx-runtime";
 
 // src/card/templates/card-normal.tsx
-import { Fragment as Fragment44, jsx as jsx155, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx156, jsxs as jsxs63 } from "react/jsx-runtime";
 
 // src/card/templates/card-horizontal.tsx
-import { Fragment as Fragment45, jsx as jsx156, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx157, jsxs as jsxs64 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-output.tsx
-import { jsx as jsx157, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs65 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-more-actions.tsx
-import { jsx as jsx158, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs66 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-popup.tsx
-import { jsx as jsx159, jsxs as jsxs67 } from "react/jsx-runtime";
-var PromptInPopup = (props) => /* @__PURE__ */ jsx159(Popup, { className: "k-prompt-popup", children: /* @__PURE__ */ jsxs67(
+import { jsx as jsx160, jsxs as jsxs67 } from "react/jsx-runtime";
+var PromptInPopup = (props) => /* @__PURE__ */ jsx160(Popup, { className: "k-prompt-popup", children: /* @__PURE__ */ jsxs67(
   Prompt,
   {
     ...props,
     children: [
-      /* @__PURE__ */ jsx159(PromptHeader, { children: /* @__PURE__ */ jsxs67(Toolbar, { className: "k-toolbar-flat", children: [
-        /* @__PURE__ */ jsx159(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "sparkles", rounded: "full", selected: true, children: "Ask AI" }),
-        /* @__PURE__ */ jsx159(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", children: "Output" }),
-        /* @__PURE__ */ jsx159(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" }),
-        /* @__PURE__ */ jsx159("span", { className: "k-spacer" }),
-        /* @__PURE__ */ jsx159(IconButton, { fillMode: "flat", themeColor: "base", icon: "x", rounded: "full" })
+      /* @__PURE__ */ jsx160(PromptHeader, { children: /* @__PURE__ */ jsxs67(Toolbar, { className: "k-toolbar-flat", children: [
+        /* @__PURE__ */ jsx160(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "sparkles", rounded: "full", selected: true, children: "Ask AI" }),
+        /* @__PURE__ */ jsx160(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", children: "Output" }),
+        /* @__PURE__ */ jsx160(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" }),
+        /* @__PURE__ */ jsx160("span", { className: "k-spacer" }),
+        /* @__PURE__ */ jsx160(IconButton, { fillMode: "flat", themeColor: "base", icon: "x", rounded: "full" })
       ] }) }),
-      /* @__PURE__ */ jsx159(PromptContent, { showSearch: true }),
-      /* @__PURE__ */ jsx159(PromptFooter, { children: /* @__PURE__ */ jsx159(ActionButtons, { className: "k-prompt-actions", alignment: "start", children: /* @__PURE__ */ jsx159(IconTextButton, { icon: "sparkles", themeColor: "primary", rounded: "full", children: "Generate" }) }) })
+      /* @__PURE__ */ jsx160(PromptContent, { children: /* @__PURE__ */ jsx160(PromptView, { showSearch: true }) }),
+      /* @__PURE__ */ jsx160(PromptFooter, { children: /* @__PURE__ */ jsx160(ActionButtons, { className: "k-prompt-actions", alignment: "start", children: /* @__PURE__ */ jsx160(IconTextButton, { icon: "sparkles", themeColor: "primary", rounded: "full", children: "Generate" }) }) })
     ]
   }
 ) });

package/dist/esm/prompt/templates/prompt-settings.js

@@ -7994,8 +7994,28 @@ var PromptHeader = (props) => {
   );
 };
 
+// src/prompt/prompt-content.tsx
+import { Fragment as Fragment37, jsx as jsx137 } from "react/jsx-runtime";
+var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
+var PromptContent = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx137(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        PROMPTCONTENT_CLASSNAME
+      ),
+      children: /* @__PURE__ */ jsx137(Fragment37, { children: props.children })
+    }
+  );
+};
+
 // src/textarea/textarea.spec.tsx
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 var TEXTAREA_CLASSNAME = `k-textarea`;
 var states53 = [
   States.hover,
@@ -8031,7 +8051,7 @@ var Textarea = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx138(
     Input,
     {
       ...other,
@@ -8045,7 +8065,7 @@ var Textarea = (props) => {
       required,
       disabled,
       className: classNames(props.className, TEXTAREA_CLASSNAME),
-      children: /* @__PURE__ */ jsx137(
+      children: /* @__PURE__ */ jsx138(
         InputInnerTextarea,
         {
           className: classNames(
@@ -8065,12 +8085,12 @@ Textarea.className = TEXTAREA_CLASSNAME;
 Textarea.defaultProps = defaultProps48;
 
 // src/textarea/templates/textarea-normal.tsx
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx139 } from "react/jsx-runtime";
 
-// src/prompt/prompt-content.tsx
-import { Fragment as Fragment37, jsx as jsx139, jsxs as jsxs56 } from "react/jsx-runtime";
-var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
-var PromptContent = (props) => {
+// src/prompt/prompt-view.tsx
+import { Fragment as Fragment38, jsx as jsx140, jsxs as jsxs56 } from "react/jsx-runtime";
+var PROMPTVIEW_CLASSNAME = `k-prompt-view`;
+var PromptView = (props) => {
   const {
     showSearch,
     suggestions,
@@ -8083,32 +8103,32 @@ var PromptContent = (props) => {
       ...other,
       className: classNames(
         props.className,
-        PROMPTCONTENT_CLASSNAME
+        PROMPTVIEW_CLASSNAME
       ),
       children: [
-        showSearch && /* @__PURE__ */ jsx139(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
+        showSearch && /* @__PURE__ */ jsx140(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
         suggestions && /* @__PURE__ */ jsxs56("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ jsx139(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
-          /* @__PURE__ */ jsx139("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ jsx139(Fragment37, { children: suggestions }) })
+          /* @__PURE__ */ jsx140(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
+          /* @__PURE__ */ jsx140("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ jsx140(Fragment38, { children: suggestions }) })
         ] }),
         settings && /* @__PURE__ */ jsxs56("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ jsx139(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
-          /* @__PURE__ */ jsx139("div", { className: "k-prompt-expander-content", children: settings })
+          /* @__PURE__ */ jsx140(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
+          /* @__PURE__ */ jsx140("div", { className: "k-prompt-expander-content", children: settings })
         ] }),
-        /* @__PURE__ */ jsx139(Fragment37, { children: props.children })
+        props.children
       ]
     }
   );
 };
 
 // src/prompt/prompt-footer.tsx
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { jsx as jsx141 } from "react/jsx-runtime";
 var PROMPTFOOTER_CLASSNAME = `k-prompt-footer`;
 var PromptFooter = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx141(
     "div",
     {
       ...other,
@@ -8122,16 +8142,16 @@ var PromptFooter = (props) => {
 };
 
 // src/prompt/prompt-suggestion.tsx
-import { jsx as jsx141 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
 
 // src/prompt/prompt-setting.tsx
-import { jsx as jsx142 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 var PROMPTSETTING_CLASSNAME = `k-prompt-setting`;
 var PromptSetting = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsx143(
     "div",
     {
       ...other,
@@ -8145,20 +8165,20 @@ var PromptSetting = (props) => {
 };
 
 // src/prompt/templates/prompt-normal.tsx
-import { jsx as jsx143, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs57 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-suggestions.tsx
-import { Fragment as Fragment38, jsx as jsx144, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx145, jsxs as jsxs58 } from "react/jsx-runtime";
 
 // src/card/card-callout.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 var CARDCALLOUT_CLASSNAME = `k-card-callout`;
 var CardCallout = (props) => {
   const {
     callout,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx145(
+  return /* @__PURE__ */ jsx146(
     "span",
     {
       ...other,
@@ -8174,7 +8194,7 @@ var CardCallout = (props) => {
 };
 
 // src/card/card.spec.tsx
-import { Fragment as Fragment39, jsx as jsx146, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx147, jsxs as jsxs59 } from "react/jsx-runtime";
 var CARD_CLASSNAME = `k-card`;
 var states54 = [
   States.hover,
@@ -8225,8 +8245,8 @@ var Card = (props) => {
         }
       ),
       children: [
-        callout && callout !== "true" && /* @__PURE__ */ jsx146(CardCallout, { callout }),
-        /* @__PURE__ */ jsx146(Fragment39, { children: props.children })
+        callout && callout !== "true" && /* @__PURE__ */ jsx147(CardCallout, { callout }),
+        /* @__PURE__ */ jsx147(Fragment40, { children: props.children })
       ]
     }
   );
@@ -8237,80 +8257,80 @@ Card.className = CARD_CLASSNAME;
 Card.defaultProps = defaultProps49;
 
 // src/card/card-title.tsx
-import { jsx as jsx147 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 var states55 = [
   States.hover,
   States.focus
 ];
 
 // src/card/card-subtitle.tsx
-import { jsx as jsx148 } from "react/jsx-runtime";
+import { jsx as jsx149 } from "react/jsx-runtime";
 
 // src/card/card-media.tsx
-import { Fragment as Fragment40, jsx as jsx149 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx150 } from "react/jsx-runtime";
 
 // src/card/card-header.tsx
-import { Fragment as Fragment41, jsx as jsx150, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx151, jsxs as jsxs60 } from "react/jsx-runtime";
 
 // src/card/card-footer.tsx
-import { jsx as jsx151 } from "react/jsx-runtime";
+import { jsx as jsx152 } from "react/jsx-runtime";
 
 // src/card/card-body.tsx
-import { Fragment as Fragment42, jsx as jsx152, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx153, jsxs as jsxs61 } from "react/jsx-runtime";
 
 // src/card/card-deck.tsx
-import { jsx as jsx153 } from "react/jsx-runtime";
+import { jsx as jsx154 } from "react/jsx-runtime";
 
 // src/card/templates/card-normal.tsx
-import { Fragment as Fragment43, jsx as jsx154, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx155, jsxs as jsxs62 } from "react/jsx-runtime";
 
 // src/card/templates/card-horizontal.tsx
-import { Fragment as Fragment44, jsx as jsx155, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx156, jsxs as jsxs63 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-output.tsx
-import { jsx as jsx156, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs64 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-more-actions.tsx
-import { jsx as jsx157, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs65 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-popup.tsx
-import { jsx as jsx158, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs66 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-settings.tsx
-import { Fragment as Fragment45, jsx as jsx159, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx160, jsxs as jsxs67 } from "react/jsx-runtime";
 var PromptSettings = (props) => /* @__PURE__ */ jsxs67(Prompt, { ...props, children: [
-  /* @__PURE__ */ jsx159(PromptHeader, { children: /* @__PURE__ */ jsxs67(Toolbar, { className: "k-toolbar-flat", children: [
-    /* @__PURE__ */ jsx159(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "sparkles", rounded: "full", selected: true, children: "Ask AI" }),
-    /* @__PURE__ */ jsx159(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", children: "Output" }),
-    /* @__PURE__ */ jsx159(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" })
+  /* @__PURE__ */ jsx160(PromptHeader, { children: /* @__PURE__ */ jsxs67(Toolbar, { className: "k-toolbar-flat", children: [
+    /* @__PURE__ */ jsx160(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "sparkles", rounded: "full", selected: true, children: "Ask AI" }),
+    /* @__PURE__ */ jsx160(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", children: "Output" }),
+    /* @__PURE__ */ jsx160(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" })
   ] }) }),
-  /* @__PURE__ */ jsx159(
-    PromptContent,
+  /* @__PURE__ */ jsx160(PromptContent, { children: /* @__PURE__ */ jsx160(
+    PromptView,
     {
       showSearch: true,
-      settings: /* @__PURE__ */ jsxs67(Fragment45, { children: [
+      settings: /* @__PURE__ */ jsxs67(Fragment46, { children: [
         /* @__PURE__ */ jsxs67(PromptSetting, { children: [
           "Length:",
           /* @__PURE__ */ jsxs67(ChipList, { children: [
-            /* @__PURE__ */ jsx159(Chip, { text: "Small" }),
-            /* @__PURE__ */ jsx159(Chip, { text: "Medium" }),
-            /* @__PURE__ */ jsx159(Chip, { text: "Large" })
+            /* @__PURE__ */ jsx160(Chip, { text: "Small" }),
+            /* @__PURE__ */ jsx160(Chip, { text: "Medium" }),
+            /* @__PURE__ */ jsx160(Chip, { text: "Large" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs67(PromptSetting, { children: [
           "Tone:",
           /* @__PURE__ */ jsxs67(ChipList, { children: [
-            /* @__PURE__ */ jsx159(Chip, { text: "Professional" }),
-            /* @__PURE__ */ jsx159(Chip, { text: "Friendly" }),
-            /* @__PURE__ */ jsx159(Chip, { text: "Casual" }),
-            /* @__PURE__ */ jsx159(Chip, { text: "Straightforward" }),
-            /* @__PURE__ */ jsx159(Chip, { text: "Confident" })
+            /* @__PURE__ */ jsx160(Chip, { text: "Professional" }),
+            /* @__PURE__ */ jsx160(Chip, { text: "Friendly" }),
+            /* @__PURE__ */ jsx160(Chip, { text: "Casual" }),
+            /* @__PURE__ */ jsx160(Chip, { text: "Straightforward" }),
+            /* @__PURE__ */ jsx160(Chip, { text: "Confident" })
           ] })
         ] })
       ] })
     }
-  ),
-  /* @__PURE__ */ jsx159(PromptFooter, { children: /* @__PURE__ */ jsx159(ActionButtons, { className: "k-prompt-actions", alignment: "start", children: /* @__PURE__ */ jsx159(IconTextButton, { icon: "sparkles", themeColor: "primary", rounded: "full", children: "Generate" }) }) })
+  ) }),
+  /* @__PURE__ */ jsx160(PromptFooter, { children: /* @__PURE__ */ jsx160(ActionButtons, { className: "k-prompt-actions", alignment: "start", children: /* @__PURE__ */ jsx160(IconTextButton, { icon: "sparkles", themeColor: "primary", rounded: "full", children: "Generate" }) }) })
 ] });
 export {
   PromptSettings