@windrun-huaiin/third-ui 5.10.3 → 5.11.1

package/dist/main/index.mjs

@@ -2854,48 +2854,14 @@ function getElementRef(element) {
   return element.props.ref || element.ref;
 }
 
-// ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-import { clsx } from "clsx";
-var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base, config) => (props) => {
-  var _config_compoundVariants;
-  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-  const { variants, defaultVariants } = config;
-  const getVariantClassNames = Object.keys(variants).map((variant) => {
-    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-    if (variantProp === null) return null;
-    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-    return variants[variant][variantKey];
-  });
-  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-    let [key, value] = param;
-    if (value === void 0) {
-      return acc;
-    }
-    acc[key] = value;
-    return acc;
-  }, {});
-  const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
-    let _a = param, { class: cvClass, className: cvClassName } = _a, compoundVariantOptions = __objRest(_a, ["class", "className"]);
-    return Object.entries(compoundVariantOptions).every((param2) => {
-      let [key, value] = param2;
-      return Array.isArray(value) ? value.includes(__spreadValues(__spreadValues({}, defaultVariants), propsWithoutUndefined)[key]) : __spreadValues(__spreadValues({}, defaultVariants), propsWithoutUndefined)[key] === value;
-    }) ? [
-      ...acc,
-      cvClass,
-      cvClassName
-    ] : acc;
-  }, []);
-  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-};
+// ../base-ui/src/ui/button.tsx
+import { cva } from "class-variance-authority";
 
 // ../lib/src/utils.ts
-import { clsx as clsx2 } from "clsx";
+import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
-  return twMerge(clsx2(inputs));
+  return twMerge(clsx(inputs));
 }
 
 // ../base-ui/src/ui/button.tsx
@@ -6193,7 +6159,150 @@ function XButton(props) {
     )
   ] });
 }
+
+// src/main/ai-prompt-textarea.tsx
+import { useEffect as useEffect18, useRef as useRef13 } from "react";
+import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
+function AIPromptTextarea({
+  value,
+  onChange,
+  placeholder = "Enter your prompt...",
+  disabled = false,
+  maxWords = 400,
+  wordUnitTitle = "words",
+  minHeight = 150,
+  maxHeight = 300,
+  className = "",
+  showWordCount = true,
+  autoScroll = true,
+  extraScrollSpace = 100,
+  isWordLimit,
+  onWordLimitChange,
+  title,
+  description,
+  embed = false
+}) {
+  const textareaRef = useRef13(null);
+  const wordArray = value.trim().split(/\s+/).filter(Boolean);
+  const wordCount = wordArray.length;
+  const adjustTextareaHeight = () => {
+    if (textareaRef.current) {
+      const textarea = textareaRef.current;
+      const oldHeight = textarea.style.height;
+      textarea.style.height = "auto";
+      const contentHeight = textarea.scrollHeight;
+      let newHeight = Math.max(contentHeight, minHeight);
+      newHeight = Math.min(newHeight, maxHeight);
+      textarea.style.height = `${newHeight}px`;
+      if (contentHeight > maxHeight) {
+        textarea.style.overflowY = "auto";
+      } else {
+        textarea.style.overflowY = "hidden";
+      }
+      if (autoScroll && (newHeight > parseInt(oldHeight) || !oldHeight)) {
+        setTimeout(() => {
+          const rect = textarea.getBoundingClientRect();
+          window.scrollTo({
+            top: window.pageYOffset + rect.bottom + extraScrollSpace - window.innerHeight,
+            behavior: "smooth"
+          });
+        }, 0);
+      }
+    }
+  };
+  useEffect18(() => {
+    const timer = setTimeout(() => {
+      adjustTextareaHeight();
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [value, minHeight, maxHeight, autoScroll, extraScrollSpace]);
+  const handleInputChange = (e) => {
+    const inputValue = e.target.value;
+    const words = inputValue.trim().split(/\s+/).filter(Boolean);
+    if (wordCount >= maxWords && words.length > maxWords) {
+      onWordLimitChange(true);
+      return;
+    }
+    if (words.length > maxWords) {
+      onChange(words.slice(0, maxWords).join(" "));
+      onWordLimitChange(true);
+    } else {
+      onChange(inputValue);
+      onWordLimitChange(false);
+    }
+  };
+  const handlePaste = (e) => {
+    const paste = e.clipboardData.getData("text");
+    const currentWords = value.trim().split(/\s+/).filter(Boolean);
+    const pasteWords = paste.trim().split(/\s+/).filter(Boolean);
+    if (currentWords.length >= maxWords) {
+      e.preventDefault();
+      onWordLimitChange(true);
+      return;
+    }
+    const allowed = maxWords - currentWords.length;
+    if (pasteWords.length > allowed) {
+      e.preventDefault();
+      const newWords = currentWords.concat(pasteWords.slice(0, allowed));
+      onChange(newWords.join(" "));
+      onWordLimitChange(true);
+    }
+  };
+  const renderTitle = () => {
+    if (title == null ? void 0 : title.trim()) return null;
+    return /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
+      title && /* @__PURE__ */ jsx57("span", { className: "text-xl font-semibold text-foreground", children: title }),
+      (description == null ? void 0 : description.trim()) && /* @__PURE__ */ jsx57("span", { className: "text-sm text-gray-400 ml-1", children: description })
+    ] });
+  };
+  const renderTextarea = (isEmbedded = false) => /* @__PURE__ */ jsx57(
+    "textarea",
+    {
+      ref: textareaRef,
+      value,
+      onChange: handleInputChange,
+      onPaste: handlePaste,
+      placeholder,
+      disabled,
+      className: `w-full p-4 bg-transparent ${isEmbedded ? "border-0" : "border-2 border-border rounded-lg"} focus:outline-none focus:border-purple-400 hover:border-purple-500 transition-colors text-foreground placeholder-muted-foreground placeholder:text-base disabled:bg-muted disabled:cursor-not-allowed resize-none ${className}`,
+      style: { minHeight: `${minHeight}px` }
+    }
+  );
+  const renderWordCount = () => {
+    if (!showWordCount) return null;
+    return /* @__PURE__ */ jsx57("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs27(
+      "span",
+      {
+        className: `text-sm ${wordCount >= maxWords ? "text-red-500" : wordCount > maxWords * 0.75 ? "text-orange-500" : "text-muted-foreground"} ${isWordLimit ? "animate-bounce" : ""}`,
+        onAnimationEnd: () => onWordLimitChange(false),
+        children: [
+          wordCount,
+          "/",
+          maxWords,
+          " ",
+          wordUnitTitle
+        ]
+      }
+    ) });
+  };
+  if (embed && title) {
+    return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [
+        /* @__PURE__ */ jsx57("div", { className: "p-4 pb-2", children: renderTitle() }),
+        /* @__PURE__ */ jsx57("hr", { className: "border-t-1 border-border" }),
+        /* @__PURE__ */ jsx57("div", { className: "p-1", children: renderTextarea(true) })
+      ] }),
+      renderWordCount()
+    ] });
+  }
+  return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+    renderTitle(),
+    renderTextarea(),
+    renderWordCount()
+  ] });
+}
 export {
+  AIPromptTextarea,
   AdsAlertDialog,
   CTA,
   FAQ,