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

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

@@ -8013,8 +8013,28 @@ var PromptHeader = (props) => {
   );
 };
 
-// src/textarea/textarea.spec.tsx
+// src/prompt/prompt-content.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
+var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
+var PromptContent = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        PROMPTCONTENT_CLASSNAME
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_jsx_runtime137.Fragment, { children: props.children })
+    }
+  );
+};
+
+// src/textarea/textarea.spec.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var TEXTAREA_CLASSNAME = `k-textarea`;
 var states53 = [
   States.hover,
@@ -8050,7 +8070,7 @@ var Textarea = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     Input,
     {
       ...other,
@@ -8064,7 +8084,7 @@ var Textarea = (props) => {
       required,
       disabled,
       className: classNames(props.className, TEXTAREA_CLASSNAME),
-      children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
         InputInnerTextarea,
         {
           className: classNames(
@@ -8084,50 +8104,50 @@ Textarea.className = TEXTAREA_CLASSNAME;
 Textarea.defaultProps = defaultProps48;
 
 // src/textarea/templates/textarea-normal.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
-
-// src/prompt/prompt-content.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
-var PROMPTCONTENT_CLASSNAME = `k-prompt-content`;
-var PromptContent = (props) => {
+
+// src/prompt/prompt-view.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime");
+var PROMPTVIEW_CLASSNAME = `k-prompt-view`;
+var PromptView = (props) => {
   const {
     showSearch,
     suggestions,
     settings,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
     "div",
     {
       ...other,
       className: classNames(
         props.className,
-        PROMPTCONTENT_CLASSNAME
+        PROMPTVIEW_CLASSNAME
       ),
       children: [
-        showSearch && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
-        suggestions && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_jsx_runtime139.Fragment, { children: suggestions }) })
+        showSearch && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Textarea, { rows: 1, placeholder: "Ask or generate content with AI" }),
+        suggestions && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "k-prompt-expander", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Prompt Suggestions" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "k-prompt-expander-content", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_jsx_runtime140.Fragment, { children: suggestions }) })
         ] }),
-        settings && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "k-prompt-expander", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "k-prompt-expander-content", children: settings })
+        settings && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "k-prompt-expander", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconTextButton, { fillMode: "flat", icon: "chevron-down", children: "Settings" }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "k-prompt-expander-content", children: settings })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_jsx_runtime139.Fragment, { children: props.children })
+        props.children
       ]
     }
   );
 };
 
 // src/prompt/prompt-footer.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var PROMPTFOOTER_CLASSNAME = `k-prompt-footer`;
 var PromptFooter = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     "div",
     {
       ...other,
@@ -8141,16 +8161,16 @@ var PromptFooter = (props) => {
 };
 
 // src/prompt/prompt-suggestion.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 
 // src/prompt/prompt-setting.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 var PROMPTSETTING_CLASSNAME = `k-prompt-setting`;
 var PromptSetting = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
     "div",
     {
       ...other,
@@ -8164,20 +8184,20 @@ var PromptSetting = (props) => {
 };
 
 // src/prompt/templates/prompt-normal.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-suggestions.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 
 // src/card/card-callout.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 var CARDCALLOUT_CLASSNAME = `k-card-callout`;
 var CardCallout = (props) => {
   const {
     callout,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     "span",
     {
       ...other,
@@ -8193,7 +8213,7 @@ var CardCallout = (props) => {
 };
 
 // src/card/card.spec.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_jsx_runtime147 = require("react/jsx-runtime");
 var CARD_CLASSNAME = `k-card`;
 var states54 = [
   States.hover,
@@ -8222,7 +8242,7 @@ var Card = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     "div",
     {
       ...other,
@@ -8244,8 +8264,8 @@ var Card = (props) => {
         }
       ),
       children: [
-        callout && callout !== "true" && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CardCallout, { callout }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_jsx_runtime146.Fragment, { children: props.children })
+        callout && callout !== "true" && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(CardCallout, { callout }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_jsx_runtime147.Fragment, { children: props.children })
       ]
     }
   );
@@ -8256,78 +8276,78 @@ Card.className = CARD_CLASSNAME;
 Card.defaultProps = defaultProps49;
 
 // src/card/card-title.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 var states55 = [
   States.hover,
   States.focus
 ];
 
 // src/card/card-subtitle.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 
 // src/card/card-media.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime150 = require("react/jsx-runtime");
 
 // src/card/card-header.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 
 // src/card/card-footer.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 
 // src/card/card-body.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_jsx_runtime153 = require("react/jsx-runtime");
 
 // src/card/card-deck.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 
 // src/card/templates/card-normal.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
+var import_jsx_runtime155 = require("react/jsx-runtime");
 
 // src/card/templates/card-horizontal.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime");
+var import_jsx_runtime156 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-output.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
+var import_jsx_runtime157 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-more-actions.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime");
+var import_jsx_runtime158 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-popup.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime");
+var import_jsx_runtime159 = require("react/jsx-runtime");
 
 // src/prompt/templates/prompt-settings.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
-var PromptSettings = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.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", selected: true, children: "Ask AI" }),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", children: "Output" }),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconButton, { fillMode: "flat", themeColor: "primary", icon: "more-horizontal", rounded: "full" })
+var import_jsx_runtime160 = require("react/jsx-runtime");
+var PromptSettings = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(Prompt, { ...props, children: [
+  /* @__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", selected: true, children: "Ask AI" }),
+    /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { fillMode: "flat", themeColor: "primary", icon: "comment", rounded: "full", 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,
+  /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(PromptContent, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+    PromptView,
     {
       showSearch: true,
-      settings: /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(import_jsx_runtime159.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(PromptSetting, { children: [
+      settings: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(import_jsx_runtime160.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(PromptSetting, { children: [
           "Length:",
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(ChipList, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Small" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Medium" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Large" })
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(ChipList, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Small" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Medium" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Large" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(PromptSetting, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(PromptSetting, { children: [
           "Tone:",
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(ChipList, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Professional" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Friendly" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Casual" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Straightforward" }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Chip, { text: "Confident" })
+          /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(ChipList, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Professional" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Friendly" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Casual" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Straightforward" }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Chip, { text: "Confident" })
           ] })
         ] })
       ] })
     }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(PromptFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(ActionButtons, { className: "k-prompt-actions", alignment: "start", children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IconTextButton, { icon: "sparkles", themeColor: "primary", rounded: "full", children: "Generate" }) }) })
+  ) }),
+  /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(PromptFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(ActionButtons, { className: "k-prompt-actions", alignment: "start", children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IconTextButton, { icon: "sparkles", themeColor: "primary", rounded: "full", children: "Generate" }) }) })
 ] });