listpage-next 0.0.239 → 0.0.241

package/dist/ui/Button/index.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Loader2 } from "lucide-react";
+const Button = (props)=>{
+    const { onClick, disabled, loading: userControlledLoading, children, type = 'primary', size = 'medium' } = props;
+    const [loading, setLoading] = useState(false);
+    const typeClass = {
+        primary: 'bg-blue-600 hover:bg-blue-500 text-white shadow-lg shadow-blue-900/20 transition-all transform hover:scale-[1.02] active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 flex items-center gap-2',
+        secondary: 'border border-gray-700 text-gray-300 hover:bg-gray-800 hover:text-white active:bg-gray-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 flex items-center gap-2'
+    };
+    const sizeClass = {
+        large: 'px-6 py-2.5 rounded-lg',
+        medium: 'px-4 py-2 text-sm rounded-lg font-medium',
+        small: 'px-3 py-1.5 text-xs rounded'
+    };
+    return /*#__PURE__*/ jsxs("button", {
+        disabled: disabled || loading || userControlledLoading,
+        className: `cursor-pointer flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed ${typeClass[type]} ${sizeClass[size]}`,
+        onClick: async ()=>{
+            try {
+                setLoading(true);
+                await onClick?.();
+            } finally{
+                setLoading(false);
+            }
+        },
+        children: [
+            (userControlledLoading || loading) && /*#__PURE__*/ jsx(Loader2, {
+                size: 18,
+                className: "animate-spin"
+            }),
+            children
+        ]
+    });
+};
+export { Button };

package/dist/ui/PromptEditor/index.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import react_simple_code_editor from "react-simple-code-editor";
+import prismjs from "prismjs";
+import "prismjs/components/prism-markdown";
+const highlightWithJinja = (code)=>{
+    let html = prismjs.highlight(code, prismjs.languages.markdown || prismjs.languages.javascript, 'markdown');
+    return html.replace(/{{(.*?)}}/g, '<span class="token jinja-variable">{{$1}}</span>');
+};
+const PromptEditor = ({ value, onChange, placeholder, className })=>/*#__PURE__*/ jsx("div", {
+        className: `relative font-mono text-sm bg-[#0B1120] text-slate-300 overflow-hidden h-full flex flex-col ${className}`,
+        children: /*#__PURE__*/ jsx("div", {
+            className: "flex-1 overflow-auto custom-scrollbar",
+            children: /*#__PURE__*/ jsx(react_simple_code_editor, {
+                value: value,
+                onValueChange: onChange,
+                highlight: (code)=>highlightWithJinja(code),
+                padding: 24,
+                textareaClassName: "focus:outline-none",
+                style: {
+                    fontFamily: '"Fira Code", "Consolas", monospace',
+                    fontSize: 14,
+                    lineHeight: '1.6',
+                    backgroundColor: 'transparent',
+                    minHeight: '100%'
+                },
+                placeholder: placeholder
+            })
+        })
+    });
+export { PromptEditor };

package/dist/ui/index.js

@@ -0,0 +1,3 @@
+import { PromptEditor } from "./PromptEditor/index.js";
+import { Button } from "./Button/index.js";
+export { Button, PromptEditor };

package/dist/ui.css

@@ -22,7 +22,6 @@
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
     --font-weight-medium: 500;
-    --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --animate-spin: spin 1s linear infinite;
     --default-transition-duration: 150ms;
@@ -252,9 +251,6 @@
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
-  .rounded-md {
-    border-radius: var(--radius-md);
-  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;

package/dist/ui.d.ts

@@ -0,0 +1 @@
+export * from './ui';

package/dist/ui.js

@@ -0,0 +1 @@
+export * from "./ui.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.239",
+  "version": "0.0.241",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,8 +11,8 @@
       "import": "./dist/index.js"
     },
     "./ui": {
-      "types": "./dist/ui/ui.d.ts",
-      "import": "./dist/ui/ui.js"
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js"
     },
     "./ui.css": "./dist/ui.css"
   },