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

package/dist/cjs/prompt/templates/prompt-output.js

@@ -7802,8 +7802,28 @@ var PromptHeader = (props) => {
   );
 };
 
-// src/textarea/textarea.spec.tsx
+// src/prompt/prompt-content.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
+var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
+var PromptContent = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        PROMPTCONTENT_CLASSNAME
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, { children: props.children })
+    }
+  );
+};
+
+// src/textarea/textarea.spec.tsx
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var TEXTAREA_CLASSNAME = `k-textarea`;
 var states50 = [
   States.hover,
@@ -7839,7 +7859,7 @@ var Textarea = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     Input,
     {
       ...other,
@@ -7853,7 +7873,7 @@ var Textarea = (props) => {
       required,
       disabled,
       className: classNames(props.className, TEXTAREA_CLASSNAME),
-      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
         InputInnerTextarea,
         {
           className: classNames(
@@ -7873,62 +7893,62 @@ Textarea.className = TEXTAREA_CLASSNAME;
 Textarea.defaultProps = defaultProps45;
 
 // src/textarea/templates/textarea-normal.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
-
-// src/prompt/prompt-content.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
-var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
-var PromptContent = (props) => {
+
+// src/prompt/prompt-view.tsx
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var PROMPTVIEW_CLASSNAME = `k-prompt-view`;
+var PromptView = (props) => {
   const {
     showSearch,
     suggestions,
     settings,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     "div",
     {
       ...other,
       className: classNames(
         props.className,
-        PROMPTCONTENT_CLASSNAME
+        PROMPTVIEW_CLASSNAME
       ),
       children: [
-        showSearch && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
-        suggestions && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: suggestions }) })
+        showSearch && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
+        suggestions && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-prompt-expander", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, { children: suggestions }) })
         ] }),
-        settings && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "k-prompt-expander-content", children: settings })
+        settings && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-prompt-expander", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-prompt-expander-content", children: settings })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: props.children })
+        props.children
       ]
     }
   );
 };
 
 // src/prompt/prompt-footer.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 
 // src/prompt/prompt-suggestion.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 
 // src/prompt/prompt-setting.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-normal.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-suggestions.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 
 // src/chip/chip-action.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 
 // src/avatar/avatar.spec.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var AVATAR_CLASSNAME = `k-avatar`;
 var states51 = [
   States.hover,
@@ -7973,7 +7993,7 @@ var Avatar = (props) => {
     border = defaultProps46.border,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     "div",
     {
       ...other,
@@ -7990,7 +8010,7 @@ var Avatar = (props) => {
           [`${AVATAR_CLASSNAME}-bordered`]: border
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
     }
   );
 };
@@ -8000,16 +8020,16 @@ Avatar.className = AVATAR_CLASSNAME;
 Avatar.defaultProps = defaultProps46;
 
 // src/avatar/templates/avatar-icon.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 
 // src/avatar/templates/avatar-text.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 
 // src/avatar/templates/avatar-image.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 
 // src/chip/chip.spec.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var CHIP_CLASSNAME = `k-chip`;
 var states52 = [
   States.hover,
@@ -8053,7 +8073,7 @@ var Chip = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
     "div",
     {
       ...other,
@@ -8075,10 +8095,10 @@ var Chip = (props) => {
         })
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { className: "k-chip-icon", icon, size: "small" }),
-        showAvatar && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("img", { src: "/packages/html/assets/avatar.jpg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
-        actions && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "k-chip-actions", children: actions })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { className: "k-chip-icon", icon, size: "small" }),
+        showAvatar && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("img", { src: "/packages/html/assets/avatar.jpg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "k-chip-actions", children: actions })
       ]
     }
   );
@@ -8089,7 +8109,7 @@ Chip.className = CHIP_CLASSNAME;
 Chip.defaultProps = defaultProps47;
 
 // src/chip/chip-list.spec.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var CHIPLIST_CLASSNAME = `k-chip-list`;
 var states53 = [];
 var options51 = {
@@ -8103,7 +8123,7 @@ var ChipList = (props) => {
     size = defaultProps48.size,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     "div",
     {
       ...other,
@@ -8124,35 +8144,35 @@ ChipList.className = CHIPLIST_CLASSNAME;
 ChipList.defaultProps = defaultProps48;
 
 // src/chip/templates/chip-avatar.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 
 // src/chip/templates/chip-icon.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 
 // src/chip/templates/chip-normal.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 
 // src/chip/templates/chip-removable.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-settings.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-more-actions.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_jsx_runtime147 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-popup.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 
 // src/card/card-callout.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 var CARDCALLOUT_CLASSNAME = `k-card-callout`;
 var CardCallout = (props) => {
   const {
     callout,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     "span",
     {
       ...other,
@@ -8168,7 +8188,7 @@ var CardCallout = (props) => {
 };
 
 // src/card/card.spec.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime150 = require("react/jsx-runtime");
 var CARD_CLASSNAME = `k-card`;
 var states54 = [
   States.hover,
@@ -8197,7 +8217,7 @@ var Card = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
     "div",
     {
       ...other,
@@ -8219,8 +8239,8 @@ var Card = (props) => {
         }
       ),
       children: [
-        callout && callout !== "true" && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(CardCallout, { callout }),
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_jsx_runtime149.Fragment, { children: props.children })
+        callout && callout !== "true" && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CardCallout, { callout }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_jsx_runtime150.Fragment, { children: props.children })
       ]
     }
   );
@@ -8231,7 +8251,7 @@ Card.className = CARD_CLASSNAME;
 Card.defaultProps = defaultProps49;
 
 // src/card/card-title.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 var CARDTITLE_CLASSNAME = `k-card-title`;
 var states55 = [
   States.hover,
@@ -8243,7 +8263,7 @@ var CardTitle = (props) => {
     focus,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     "div",
     {
       ...other,
@@ -8261,13 +8281,13 @@ var CardTitle = (props) => {
 };
 
 // src/card/card-subtitle.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 var CARDSUBTITLE_CLASSNAME = `k-card-subtitle`;
 var CardSubtitle = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
     "div",
     {
       ...other,
@@ -8281,10 +8301,10 @@ var CardSubtitle = (props) => {
 };
 
 // src/card/card-media.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_jsx_runtime153 = require("react/jsx-runtime");
 
 // src/card/card-header.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 var CARDHEADER_CLASSNAME = `k-card-header`;
 var CardHeader = (props) => {
   const {
@@ -8293,7 +8313,7 @@ var CardHeader = (props) => {
     details,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
     "div",
     {
       ...other,
@@ -8302,10 +8322,10 @@ var CardHeader = (props) => {
         CARDHEADER_CLASSNAME
       ),
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(CardTitle, { children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(CardSubtitle, { children: subtitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_jsx_runtime153.Fragment, { children: props.children }),
-        details && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "k-card-header-actions", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(CardTitle, { children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(CardSubtitle, { children: subtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_jsx_runtime154.Fragment, { children: props.children }),
+        details && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", { className: "k-card-header-actions", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
           Button,
           {
             className: "k-card-details",
@@ -8322,10 +8342,10 @@ var CardHeader = (props) => {
 };
 
 // src/card/card-footer.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
+var import_jsx_runtime155 = require("react/jsx-runtime");
 
 // src/card/card-body.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime");
+var import_jsx_runtime156 = require("react/jsx-runtime");
 var CARDBODY_CLASSNAME = `k-card-body`;
 var CardBody = (props) => {
   const {
@@ -8334,7 +8354,7 @@ var CardBody = (props) => {
     details,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
     "div",
     {
       ...other,
@@ -8343,10 +8363,10 @@ var CardBody = (props) => {
         CARDBODY_CLASSNAME
       ),
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(CardTitle, { children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(CardSubtitle, { children: subtitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_jsx_runtime155.Fragment, { children: props.children }),
-        details && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "k-card-header-actions", children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CardTitle, { children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CardSubtitle, { children: subtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_jsx_runtime156.Fragment, { children: props.children }),
+        details && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("span", { className: "k-card-header-actions", children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
           Button,
           {
             className: "k-card-details",
@@ -8363,52 +8383,52 @@ var CardBody = (props) => {
 };
 
 // src/card/card-deck.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
+var import_jsx_runtime157 = require("react/jsx-runtime");
 
 // src/card/templates/card-normal.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime");
+var import_jsx_runtime158 = require("react/jsx-runtime");
 
 // src/card/templates/card-horizontal.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime");
+var import_jsx_runtime159 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-output.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
-var PromptOutput = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
+var import_jsx_runtime160 = require("react/jsx-runtime");
+var PromptOutput = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
   Prompt,
   {
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(PromptHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(Toolbar, { className: "k-toolbar-flat", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "sparkles", rounded: "full", children: "Ask AI" }),
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", selected: true, children: "Output" }),
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" })
+      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(PromptHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(Toolbar, { className: "k-toolbar-flat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "sparkles", rounded: "full", children: "Ask AI" }),
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", selected: true, children: "Output" }),
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(PromptContent, { children: /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "k-card-list", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(Card, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CardHeader, { title: "Card Title", subtitle: "Card Subtitle" }),
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("p", { children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(ActionButtons, { className: "k-card-actions", alignment: "start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "copy", children: "Copy" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "base", icon: "arrow-rotate-cw", children: "Retry" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { className: "k-spacer" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-up-outline" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-down-outline" })
+      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(PromptContent, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(PromptView, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { className: "k-card-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(Card, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(CardHeader, { title: "Card Title", subtitle: "Card Subtitle" }),
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("p", { children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(ActionButtons, { className: "k-card-actions", alignment: "start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "copy", children: "Copy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "base", icon: "arrow-rotate-cw", children: "Retry" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "k-spacer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-up-outline" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-down-outline" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(Card, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CardHeader, { title: "Card Title", subtitle: "Card Subtitle" }),
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("p", { children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(ActionButtons, { className: "k-card-actions", alignment: "start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "copy", children: "Copy" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "base", icon: "arrow-rotate-cw", children: "Retry" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { className: "k-spacer" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-up-outline" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-down-outline" })
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(Card, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(CardHeader, { title: "Card Title", subtitle: "Card Subtitle" }),
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("p", { children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(ActionButtons, { className: "k-card-actions", alignment: "start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "copy", children: "Copy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "base", icon: "arrow-rotate-cw", children: "Retry" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "k-spacer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-up-outline" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconButton, { fillMode: "flat", themeColor: "base", icon: "thumb-down-outline" })
           ] })
         ] })
-      ] }) })
+      ] }) }) })
     ]
   }
 );