mtxuilib 0.1.338 → 0.1.340

package/dist/icons/icons.d.ts

@@ -8,10 +8,12 @@ export declare const iconVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const Icons: {
     X: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    reload: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
     tasks: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     boxes: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     add: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     plus: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    save: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     messageSquare: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     alignCenter: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     alignJustify: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/icons/icons.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { AlertTriangle, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowLeft, ArrowRight, Baseline, Bell, Bold, Boxes, Bug, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, ClipboardCheck, Code2, Combine, Copy, CreditCard, DownloadCloud, Edit2, ExternalLink, Eye, File, FileCode, FileText, Film, GripVertical, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HelpCircle, Highlighter, Image, Indent, Italic, Keyboard, Laptop, LayoutDashboard, Link2, Link2Off, List, ListOrdered, Loader2, MailX, Menu, MessageSquare, MessageSquarePlus, Minus, Moon, MoreHorizontal, MoreVertical, Outdent, PaintBucket, Paperclip, PenLine, PenTool, Pilcrow, Pizza, Plus, Quote, RectangleHorizontal, RectangleVertical, RotateCcw, Search, SeparatorHorizontal, Settings, Smile, SquareIcon, Star, Strikethrough, Subscript, SunMedium, Superscript, Table, Terminal, Text, Trash, Underline, Ungroup, User, Verified, WrapText, X, } from "lucide-react";
+import { AlertTriangle, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowLeft, ArrowRight, Baseline, Bell, Bold, Boxes, Bug, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, ClipboardCheck, Code2, Combine, Copy, CreditCard, DownloadCloud, Edit2, ExternalLink, Eye, File, FileCode, FileText, Film, GripVertical, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HelpCircle, Highlighter, Image, Indent, Italic, Keyboard, Laptop, LayoutDashboard, Link2, Link2Off, List, ListOrdered, Loader2, MailX, Menu, MessageSquare, MessageSquarePlus, Minus, Moon, MoreHorizontal, MoreVertical, Outdent, PaintBucket, Paperclip, PenLine, PenTool, Pilcrow, Pizza, Plus, Quote, RectangleHorizontal, RectangleVertical, RotateCcw, Save, Search, SeparatorHorizontal, Settings, Smile, SquareIcon, Star, Strikethrough, Subscript, SunMedium, Superscript, Table, Terminal, Text, Trash, Underline, Ungroup, User, Verified, WrapText, X, } from "lucide-react";
+import { ReloadIcon } from "@radix-ui/react-icons";
 export const iconVariants = cva("", {
     variants: {
         variant: {
@@ -22,10 +23,12 @@ const borderRight = (props) => (_jsx("svg", { viewBox: "0 0 24 24", height: "48"
 const borderTop = (props) => (_jsx("svg", { viewBox: "0 0 24 24", height: "48", width: "48", focusable: "false", role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M3 6a1 1 0 0 0 2 0 1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3zm2 5a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-8 1a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0 3 3 0 0 0 3 3zm11-1a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" }) }));
 export const Icons = {
     X,
+    reload: ReloadIcon,
     tasks: Boxes,
     boxes: Boxes,
     add: Plus,
     plus: Plus,
+    save: Save,
     messageSquare: MessageSquare,
     alignCenter: AlignCenter,
     alignJustify: AlignJustify,

package/dist/ui/mt/Button.d.ts

@@ -1 +1,5 @@
-export declare const MtButton: import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type ButtonProps } from "../button";
+interface MtButtonProps extends ButtonProps {
+}
+export declare const MtButton: (props: MtButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/mt/Button.js

@@ -1,2 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from "../button";
-export const MtButton = Button;
+export const MtButton = (props) => {
+    const { children, ...rest } = props;
+    return _jsx(Button, { ...rest, children: children });
+};

package/dist/ui/mt/inputs/TagsInput.d.ts

@@ -0,0 +1,2 @@
+import { type InputProps } from "../../input";
+export declare const TagsInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/mt/inputs/TagsInput.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useFormContext } from "react-hook-form";
+import { Input } from "../../input";
+export const TagsInput = (props) => {
+    const { name, placeholder } = props;
+    if (!name)
+        throw new Error("require field name @ TagsInput");
+    const form = useFormContext();
+    const [tags, setTags] = useState([]);
+    const [inputValue, setInputValue] = useState("");
+    const handleInputChange = (e) => {
+        setInputValue(e.target.value);
+    };
+    const handleInputKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            addTag();
+        }
+    };
+    const addTag = () => {
+        const trimmedInput = inputValue.trim();
+        if (trimmedInput && !tags.includes(trimmedInput)) {
+            const newTags = [...tags, trimmedInput];
+            setTags(newTags);
+            setInputValue("");
+            form.setValue(name, newTags);
+        }
+        else {
+            setInputValue("");
+        }
+    };
+    const removeTag = (indexToRemove) => {
+        setTags(tags.filter((_, index) => index !== indexToRemove));
+        form.setValue(name, tags.filter((_, index) => index !== indexToRemove));
+    };
+    return (_jsx("div", { className: "flex flex-col space-y-2", children: _jsxs("div", { className: "flex flex-wrap gap-2 p-2 bg-white border border-gray-300 rounded-md", children: [tags.map((tag, index) => (_jsxs("div", { className: "flex items-center bg-blue-100 text-blue-800 text-sm font-medium px-2 py-1 rounded-full", children: [tag, _jsx("button", { type: "button", onClick: () => removeTag(index), className: "ml-1 text-blue-600 hover:text-blue-800 focus:outline-none", children: "\u00D7" })] }, index))), _jsx(Input, { type: "text", value: inputValue, onChange: handleInputChange, onKeyDown: handleInputKeyDown, onBlur: addTag, placeholder: placeholder || "Type and press Enter or Space to add tags", className: "flex-grow min-w-[120px] border-none focus:ring-0" })] }) }));
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.338",
+  "version": "0.1.340",
   "publishConfig": {
     "access": "public"
   },

package/dist/ui/mt/Slot.d.ts

@@ -1 +0,0 @@
-export { Slot } from "@radix-ui/react-slot";

package/dist/ui/mt/Slot.js

@@ -1 +0,0 @@
-export { Slot } from "@radix-ui/react-slot";