mtxuilib 0.0.339 → 0.0.340

package/dist/esm/ui/button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/esm/ui/novel/tailwind/advanced-editor.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export declare const TailwindAdvancedEditor: () => import("react").JSX.Element | null;
+import { type JSONContent } from "../novel/src/components";
+export declare const TailwindAdvancedEditor: (props: {
+    onValueChange?: ((content: any) => void) | undefined;
+    content?: JSONContent | null | undefined;
+}) => import("react").JSX.Element | null;

package/dist/esm/ui/novel/tailwind/advanced-editor.js

@@ -1 +1 @@
-"use client";var b=(l,p,a)=>new Promise((c,m)=>{var u=t=>{try{d(a.next(t))}catch(s){m(s)}},f=t=>{try{d(a.throw(t))}catch(s){m(s)}},d=t=>t.done?c(t.value):Promise.resolve(t.value).then(u,f);d((a=a.apply(l,p)).next())});import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useEffect as y,useState as i}from"react";import{useDebouncedCallback as I}from"use-debounce";import{defaultExtensions as k}from"./extensions";import{ColorSelector as C}from"./selectors/color-selector";import{LinkSelector as h}from"./selectors/link-selector";import{NodeSelector as x}from"./selectors/node-selector";import{Separator as g}from"./ui/separator";import{defaultEditorContent as J}from"../content";import{EditorBubble as L,EditorCommand as A,EditorCommandEmpty as D,EditorCommandItem as z,EditorCommandList as B,EditorContent as M,EditorRoot as P}from"../novel/src/components";import{ImageResizer as R,handleCommandNavigation as U}from"../novel/src/extensions";import{handleImageDrop as G,handleImagePaste as T}from"../novel/src/plugins";import _ from"./generative/generative-menu-switch";import{uploadFn as w}from"./image-upload";import{TextButtons as E}from"./selectors/text-buttons";import{slashCommand as j,suggestionItems as F}from"./slash-command";const q=[...k,j],me=()=>{const[l,p]=i(null),[a,c]=i("Saved"),[m,u]=i(!1),[f,d]=i(!1),[t,s]=i(!1),[v,N]=i(!1),S=I(o=>b(void 0,null,function*(){const n=o.getJSON();window.localStorage.setItem("novel-content",JSON.stringify(n)),c("Saved")}),500);return y(()=>{const o=window.localStorage.getItem("novel-content");p(o?JSON.parse(o):J)},[]),l?r("div",{className:"relative w-full max-w-screen-lg",children:[e("div",{className:"bg-accent text-muted-foreground absolute right-5 top-5 z-10 mb-5 rounded-lg px-2 py-1 text-sm",children:a}),e(P,{children:r(M,{initialContent:l,extensions:q,className:"border-muted bg-background relative min-h-[500px] w-full max-w-screen-lg sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg",editorProps:{handleDOMEvents:{keydown:(o,n)=>U(n)},handlePaste:(o,n)=>T(o,n,w),handleDrop:(o,n,H,O)=>G(o,n,O,w),attributes:{class:"prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"}},onUpdate:({editor:o})=>{S(o),c("Unsaved")},slotAfter:e(R,{}),children:[r(L,{tippyOptions:{placement:v?"bottom-start":"top"},className:"border-muted bg-background flex w-fit max-w-[90vw] overflow-hidden rounded border shadow-xl",children:[e(x,{open:m,onOpenChange:u}),e(h,{open:t,onOpenChange:s}),e(E,{}),e(C,{open:f,onOpenChange:d})]}),r(A,{className:"border-muted bg-background z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border px-1 py-2 shadow-md transition-all",children:[e(D,{className:"text-muted-foreground px-2",children:"No results"}),e(B,{children:F.map(o=>r(z,{value:o.title,onCommand:n=>{o.command&&o.command(n)},className:"hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm ",children:[e("div",{className:"border-muted bg-background flex h-10 w-10 items-center justify-center rounded-md border",children:o.icon}),r("div",{children:[e("p",{className:"font-medium",children:o.title}),e("p",{className:"text-muted-foreground text-xs",children:o.description})]})]},o.title))})]}),r(_,{open:v,onOpenChange:N,children:[e(g,{orientation:"vertical"}),e(x,{open:m,onOpenChange:u}),e(g,{orientation:"vertical"}),e(h,{open:t,onOpenChange:s}),e(g,{orientation:"vertical"}),e(E,{}),e(g,{orientation:"vertical"}),e(C,{open:f,onOpenChange:d})]})]})})]}):null};export{me as TailwindAdvancedEditor};
+"use client";var w=(f,m,r)=>new Promise((p,l)=>{var g=t=>{try{d(r.next(t))}catch(s){l(s)}},c=t=>{try{d(r.throw(t))}catch(s){l(s)}},d=t=>t.done?p(t.value):Promise.resolve(t.value).then(g,c);d((r=r.apply(f,m)).next())});import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as A,useState as i}from"react";import{useDebouncedCallback as D}from"use-debounce";import{defaultExtensions as z}from"./extensions";import{ColorSelector as E}from"./selectors/color-selector";import{LinkSelector as N}from"./selectors/link-selector";import{NodeSelector as S}from"./selectors/node-selector";import{Separator as u}from"./ui/separator";import{defaultEditorContent as B}from"../content";import{EditorBubble as M,EditorCommand as P,EditorCommandEmpty as R,EditorCommandItem as U,EditorCommandList as G,EditorContent as T,EditorRoot as V}from"../novel/src/components";import{ImageResizer as _,handleCommandNavigation as j}from"../novel/src/extensions";import{handleImageDrop as F,handleImagePaste as K}from"../novel/src/plugins";import q from"./generative/generative-menu-switch";import{uploadFn as O}from"./image-upload";import{TextButtons as y}from"./selectors/text-buttons";import{suggestionItems as H}from"./slash-command";const I="novel-content",pe=f=>{const{onValueChange:m,content:r}=f,[p,l]=i(r||null),[g,c]=i("Saved"),[d,t]=i(!1),[s,v]=i(!1),[C,b]=i(!1),[h,k]=i(!1),J=D(o=>w(void 0,null,function*(){const n=o.getJSON(),x=JSON.stringify(n);window.localStorage.setItem(I,x),c("Saved"),m&&m(n)}),500);return A(()=>{const o=window.localStorage.getItem(I);l(o?JSON.parse(o):B)},[]),p?a("div",{className:"relative w-full max-w-screen-lg",children:[e("div",{className:"bg-accent text-muted-foreground absolute right-5 top-5 z-10 mb-5 rounded-lg px-2 py-1 text-sm",children:g}),e(V,{children:a(T,{initialContent:p,extensions:z,className:"border-muted bg-background relative min-h-[500px] w-full max-w-screen-lg sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg",editorProps:{handleDOMEvents:{keydown:(o,n)=>j(n)},handlePaste:(o,n)=>K(o,n,O),handleDrop:(o,n,x,L)=>F(o,n,L,O),attributes:{class:"prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"}},onUpdate:({editor:o})=>{J(o),c("Unsaved")},slotAfter:e(_,{}),children:[a(M,{tippyOptions:{placement:h?"bottom-start":"top"},className:"border-muted bg-background flex w-fit max-w-[90vw] overflow-hidden rounded border shadow-xl",children:[e(S,{open:d,onOpenChange:t}),e(N,{open:C,onOpenChange:b}),e(y,{}),e(E,{open:s,onOpenChange:v})]}),a(P,{className:"border-muted bg-background z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border px-1 py-2 shadow-md transition-all",children:[e(R,{className:"text-muted-foreground px-2",children:"No results"}),e(G,{children:H.map(o=>a(U,{value:o.title,onCommand:n=>{o.command&&o.command(n)},className:"hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm ",children:[e("div",{className:"border-muted bg-background flex h-10 w-10 items-center justify-center rounded-md border",children:o.icon}),a("div",{children:[e("p",{className:"font-medium",children:o.title}),e("p",{className:"text-muted-foreground text-xs",children:o.description})]})]},o.title))})]}),a(q,{open:h,onOpenChange:k,children:[e(u,{orientation:"vertical"}),e(S,{open:d,onOpenChange:t}),e(u,{orientation:"vertical"}),e(N,{open:C,onOpenChange:b}),e(u,{orientation:"vertical"}),e(y,{}),e(u,{orientation:"vertical"}),e(E,{open:s,onOpenChange:v})]})]})})]}):null};export{pe as TailwindAdvancedEditor};

package/dist/esm/ui/novel/tailwind/extensions.js

@@ -1 +1 @@
-import{cx as t}from"class-variance-authority";import{AIHighlight as e,HorizontalRule as r,Placeholder as o,StarterKit as s,TaskItem as i,TaskList as l,TiptapImage as d,TiptapLink as n,UpdatedImage as a}from"../novel/src/extensions";import{UploadImagesPlugin as u}from"../novel/src/plugins";import c from"tiptap-extension-auto-joiner";import m from"tiptap-extension-global-drag-handle";const g=e,p=o,b=n.configure({HTMLAttributes:{class:t("text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer")}}),f=d.extend({addProseMirrorPlugins(){return[u({imageClass:t("opacity-40 rounded-lg border border-stone-200")})]}}).configure({allowBase64:!0,HTMLAttributes:{class:t("rounded-lg border border-muted")}}),L=a.configure({HTMLAttributes:{class:t("rounded-lg border border-muted")}}),T=l.configure({HTMLAttributes:{class:t("not-prose pl-2 ")}}),H=i.configure({HTMLAttributes:{class:t("flex gap-2 items-start my-4")},nested:!0}),A=r.configure({HTMLAttributes:{class:t("mt-4 mb-6 border-t border-muted-foreground")}}),h=s.configure({bulletList:{HTMLAttributes:{class:t("list-disc list-outside leading-3 -mt-2")}},orderedList:{HTMLAttributes:{class:t("list-decimal list-outside leading-3 -mt-2")}},listItem:{HTMLAttributes:{class:t("leading-normal -mb-2")}},blockquote:{HTMLAttributes:{class:t("border-l-4 border-primary")}},codeBlock:{HTMLAttributes:{class:t("rounded-md bg-muted text-muted-foreground border p-5 font-mono font-medium")}},code:{HTMLAttributes:{class:t("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),spellcheck:"false"}},horizontalRule:!1,dropcursor:{color:"#DBEAFE",width:4},gapcursor:!1}),P=[h,p,b,f,L,T,H,A,g,m.configure({dragHandleWidth:20,scrollTreshold:100}),c.configure({elementsToJoin:["bulletList","orderedList"]})];export{P as defaultExtensions};
+import{cx as t}from"class-variance-authority";import{AIHighlight as e,HorizontalRule as r,Placeholder as o,StarterKit as s,TaskItem as i,TaskList as l,TiptapImage as d,TiptapLink as a,UpdatedImage as n}from"../novel/src/extensions";import{UploadImagesPlugin as u}from"../novel/src/plugins";import m from"tiptap-extension-auto-joiner";import c from"tiptap-extension-global-drag-handle";import{slashCommand as g}from"./slash-command";const p=e,b=o,f=a.configure({HTMLAttributes:{class:t("text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer")}}),L=d.extend({addProseMirrorPlugins(){return[u({imageClass:t("opacity-40 rounded-lg border border-stone-200")})]}}).configure({allowBase64:!0,HTMLAttributes:{class:t("rounded-lg border border-muted")}}),T=n.configure({HTMLAttributes:{class:t("rounded-lg border border-muted")}}),H=l.configure({HTMLAttributes:{class:t("not-prose pl-2 ")}}),A=i.configure({HTMLAttributes:{class:t("flex gap-2 items-start my-4")},nested:!0}),h=r.configure({HTMLAttributes:{class:t("mt-4 mb-6 border-t border-muted-foreground")}}),M=s.configure({bulletList:{HTMLAttributes:{class:t("list-disc list-outside leading-3 -mt-2")}},orderedList:{HTMLAttributes:{class:t("list-decimal list-outside leading-3 -mt-2")}},listItem:{HTMLAttributes:{class:t("leading-normal -mb-2")}},blockquote:{HTMLAttributes:{class:t("border-l-4 border-primary")}},codeBlock:{HTMLAttributes:{class:t("rounded-md bg-muted text-muted-foreground border p-5 font-mono font-medium")}},code:{HTMLAttributes:{class:t("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),spellcheck:"false"}},horizontalRule:!1,dropcursor:{color:"#DBEAFE",width:4},gapcursor:!1}),B=[M,b,f,L,T,H,A,h,p,c.configure({dragHandleWidth:20,scrollTreshold:100}),m.configure({elementsToJoin:["bulletList","orderedList"]}),g];export{B as defaultExtensions};

package/dist/esm/ui/novel/tailwind/ui/button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/esm/ui/novel/tailwind/utils.d.ts

@@ -0,0 +1 @@
+export declare function convertEditorJsonToHTML(editorJsonValue: any): any;

package/dist/esm/ui/novel/tailwind/utils.js

@@ -0,0 +1 @@
+import{generateHTML as n}from"@tiptap/html";import{defaultExtensions as r}from"./extensions";function i(o){return console.log("convertEditorJsonToHTML",o),n(o,[...r])}export{i as convertEditorJsonToHTML};

package/dist/esm/ui/ui-mt/input-field/RichEditorInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface RichTextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name'> {
+    onOpenFile?: (data: any) => void;
+    asChild?: boolean;
+    name: string;
+}
+export declare const RichTextInput: (props: RichTextInputProps) => React.JSX.Element;
+export {};

package/dist/esm/ui/ui-mt/input-field/RichEditorInput.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useFormContext as r}from"react-hook-form";import{TailwindAdvancedEditor as i}from"../../novel/tailwind/advanced-editor";import{convertEditorJsonToHTML as p}from"../../novel/tailwind/utils";const l=a=>{const o=r();return t("div",{children:t(i,{onValueChange:n=>{const e=p(n);o.setValue("content",e)}})})};export{l as RichTextInput};

package/dist/esm/ui/ui-mt/inputs/SearchInput.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { InputProps } from "../inputField/types";
+import type { InputProps } from "../input-field/types";
 declare const SearchInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export { SearchInput };

package/dist/tailwind.cjs

@@ -1,19 +1,13 @@
 const path = require("path");
-
-// console.log("tailwindcss[mtxuilib]");
+console.log("tailwindcss[mtxuilib]");
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  // `content` is replaced instead of extended, so this line has to be added in
-  // the `content` of each app' tailwind.config.js
   content: [
     path.join(
       path.dirname(require.resolve("mtxuilib")),
       "**/*.{js,ts,jsx,tsx}",
     ),
   ],
-  // theme: {
-  //   extend: {},
-  // },
   darkMode: ["class"],
   theme: {
     container: {