@windrun-huaiin/third-ui 5.10.3 → 5.11.1

package/dist/fuma.css

@@ -1,47 +1,14 @@
+
 /* Has Banner */
-.has-banner .sticky.top-0.z-40 {
-  position: fixed !important;
-  top: 0 !important;
-  left: 0 !important;
-  width: 100vw !important;
-  z-index: 1001 !important;
-  height: 3rem !important;
-  min-height: 3rem !important;
-  max-height: 3rem !important;
-  margin: 0 !important;
-  border-radius: 0 !important;
-}
 .has-banner header#nd-nav {
   top: 2.5rem !important;
 }
 
 /* No Banner */
-.no-banner .sticky.top-0.z-40 {
-  position: fixed !important;
-  top: 0 !important;
-  left: 0 !important;
-  width: 100vw !important;
-  z-index: 1001 !important;
-  height: 0.5rem !important;
-  min-height: 0.5rem !important;
-  max-height: 0.5rem !important;
-  margin: 0 !important;
-  border-radius: 0 !important;
-}
 .no-banner header#nd-nav {
   top: 0rem !important;
 }
 
-/* Banner */
-.has-banner main,
-.has-banner .main-content {
-  padding-top: 3rem; 
-}
-.no-banner main,
-.no-banner .main-content {
-  padding-top: 0.5rem; 
-}
-
 /* Custome Fuma Steps */
 .fd-step::before {
   @apply size-5 -start-2.5 rounded-full;
@@ -136,4 +103,4 @@
 div[role="dialog"].rounded-lg.border.bg-fd-popover {
   min-width: 150px !important;
   /* max-width: 150px !important; */
-}
+}

package/dist/main/index.d.mts

@@ -103,4 +103,76 @@ interface SplitButtonProps {
 type xButtonProps = SingleButtonProps | SplitButtonProps;
 declare function XButton(props: xButtonProps): react_jsx_runtime.JSX.Element;
 
-export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };
+interface AIPromptTextareaProps {
+    /**
+     * Textarea value reference
+     */
+    value: string;
+    /**
+     * Textarea value change handler
+     */
+    onChange: (value: string) => void;
+    /**
+     * Word limit value reference
+     */
+    isWordLimit: boolean;
+    /**
+     * Word limit value change handler
+     */
+    onWordLimitChange: (isLimit: boolean) => void;
+    /**
+     * Placeholder
+     */
+    placeholder?: string;
+    /**
+     * Disabled switch condition, default is false
+     */
+    disabled?: boolean;
+    /**
+     * Maximum words
+     */
+    maxWords?: number;
+    /**
+     * Word count unit title
+     */
+    wordUnitTitle?: string;
+    /**
+     * Minimum height, px
+     */
+    minHeight?: number;
+    /**
+     * Maximum height, px
+     */
+    maxHeight?: number;
+    /**
+     * Word count switch, default is true
+     */
+    showWordCount?: boolean;
+    /**
+     * Auto scroll switch, default is true
+     */
+    autoScroll?: boolean;
+    /**
+     * Extra scroll space, px
+     */
+    extraScrollSpace?: number;
+    /**
+     * Custome tailwindcss style
+     */
+    className?: string;
+    /**
+     * Title text, if not provided, no title will be rendered
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Embed title inside textarea, default is false
+     */
+    embed?: boolean;
+}
+declare function AIPromptTextarea({ value, onChange, placeholder, disabled, maxWords, wordUnitTitle, minHeight, maxHeight, className, showWordCount, autoScroll, extraScrollSpace, isWordLimit, onWordLimitChange, title, description, embed }: AIPromptTextareaProps): react_jsx_runtime.JSX.Element;
+
+export { AIPromptTextarea, AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };

package/dist/main/index.d.ts

@@ -103,4 +103,76 @@ interface SplitButtonProps {
 type xButtonProps = SingleButtonProps | SplitButtonProps;
 declare function XButton(props: xButtonProps): react_jsx_runtime.JSX.Element;
 
-export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };
+interface AIPromptTextareaProps {
+    /**
+     * Textarea value reference
+     */
+    value: string;
+    /**
+     * Textarea value change handler
+     */
+    onChange: (value: string) => void;
+    /**
+     * Word limit value reference
+     */
+    isWordLimit: boolean;
+    /**
+     * Word limit value change handler
+     */
+    onWordLimitChange: (isLimit: boolean) => void;
+    /**
+     * Placeholder
+     */
+    placeholder?: string;
+    /**
+     * Disabled switch condition, default is false
+     */
+    disabled?: boolean;
+    /**
+     * Maximum words
+     */
+    maxWords?: number;
+    /**
+     * Word count unit title
+     */
+    wordUnitTitle?: string;
+    /**
+     * Minimum height, px
+     */
+    minHeight?: number;
+    /**
+     * Maximum height, px
+     */
+    maxHeight?: number;
+    /**
+     * Word count switch, default is true
+     */
+    showWordCount?: boolean;
+    /**
+     * Auto scroll switch, default is true
+     */
+    autoScroll?: boolean;
+    /**
+     * Extra scroll space, px
+     */
+    extraScrollSpace?: number;
+    /**
+     * Custome tailwindcss style
+     */
+    className?: string;
+    /**
+     * Title text, if not provided, no title will be rendered
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Embed title inside textarea, default is false
+     */
+    embed?: boolean;
+}
+declare function AIPromptTextarea({ value, onChange, placeholder, disabled, maxWords, wordUnitTitle, minHeight, maxHeight, className, showWordCount, autoScroll, extraScrollSpace, isWordLimit, onWordLimitChange, title, description, embed }: AIPromptTextareaProps): react_jsx_runtime.JSX.Element;
+
+export { AIPromptTextarea, AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };

package/dist/main/index.js

@@ -80,6 +80,7 @@ var __async = (__this, __arguments, generator) => {
 // src/main/index.ts
 var main_exports = {};
 __export(main_exports, {
+  AIPromptTextarea: () => AIPromptTextarea,
   AdsAlertDialog: () => AdsAlertDialog,
   CTA: () => CTA,
   FAQ: () => FAQ,
@@ -2896,53 +2897,19 @@ 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
-var import_clsx = require("clsx");
-var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = import_clsx.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
+var import_class_variance_authority = require("class-variance-authority");
 
 // ../lib/src/utils.ts
-var import_clsx2 = require("clsx");
+var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx2.clsx)(inputs));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
 // ../base-ui/src/ui/button.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var buttonVariants = cva(
+var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
@@ -6235,8 +6202,151 @@ function XButton(props) {
     )
   ] });
 }
+
+// src/main/ai-prompt-textarea.tsx
+var import_react43 = require("react");
+var import_jsx_runtime57 = require("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 = (0, import_react43.useRef)(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);
+      }
+    }
+  };
+  (0, import_react43.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-xl font-semibold text-foreground", children: title }),
+      (description == null ? void 0 : description.trim()) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm text-gray-400 ml-1", children: description })
+    ] });
+  };
+  const renderTextarea = (isEmbedded = false) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    "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__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      "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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "p-4 pb-2", children: renderTitle() }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("hr", { className: "border-t-1 border-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "p-1", children: renderTextarea(true) })
+      ] }),
+      renderWordCount()
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+    renderTitle(),
+    renderTextarea(),
+    renderWordCount()
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AIPromptTextarea,
   AdsAlertDialog,
   CTA,
   FAQ,