mtxuilib 0.0.308 → 0.0.310

package/dist/ui/novel/tailwind/selectors/link-selector.cjs

@@ -23,6 +23,7 @@ __export(link_selector_exports, {
   isValidUrl: () => isValidUrl
 });
 module.exports = __toCommonJS(link_selector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_popover = require("@radix-ui/react-popover");
 var import_lucide_react = require("lucide-react");
 var import_react = require("react");
@@ -58,59 +59,66 @@ const LinkSelector = ({ open, onOpenChange }) => {
   });
   if (!editor)
     return null;
-  return /* @__PURE__ */ React.createElement(import_react_popover.Popover, { modal: true, open, onOpenChange }, /* @__PURE__ */ React.createElement(import_react_popover.PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    import_button.Button,
-    {
-      size: "sm",
-      variant: "ghost",
-      className: "gap-2 rounded-none border-none"
-    },
-    /* @__PURE__ */ React.createElement("p", { className: "text-base" }, "\u2197"),
-    /* @__PURE__ */ React.createElement(
-      "p",
-      {
-        className: (0, import_utils.cn)("underline decoration-stone-400 underline-offset-4", {
-          "text-blue-500": editor.isActive("link")
-        })
-      },
-      "Link"
-    )
-  )), /* @__PURE__ */ React.createElement(import_popover.PopoverContent, { align: "start", className: "w-60 p-0", sideOffset: 10 }, /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      onSubmit: (e) => {
-        const target = e.currentTarget;
-        e.preventDefault();
-        const input = target[0];
-        const url = getUrlFromString(input.value);
-        url && editor.chain().focus().setLink({ href: url }).run();
-      },
-      className: "flex  p-1 "
-    },
-    /* @__PURE__ */ React.createElement(
-      "input",
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_popover.Popover, { modal: true, open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
       {
-        ref: inputRef,
-        type: "text",
-        placeholder: "Paste a link",
-        className: "bg-background flex-1 p-1 text-sm outline-none",
-        defaultValue: editor.getAttributes("link").href || ""
+        size: "sm",
+        variant: "ghost",
+        className: "gap-2 rounded-none border-none",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base", children: "\u2197" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "p",
+            {
+              className: (0, import_utils.cn)("underline decoration-stone-400 underline-offset-4", {
+                "text-blue-500": editor.isActive("link")
+              }),
+              children: "Link"
+            }
+          )
+        ]
       }
-    ),
-    editor.getAttributes("link").href ? /* @__PURE__ */ React.createElement(
-      import_button.Button,
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { align: "start", className: "w-60 p-0", sideOffset: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "form",
       {
-        size: "icon",
-        variant: "outline",
-        type: "button",
-        className: "flex h-8 items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800",
-        onClick: () => {
-          editor.chain().focus().unsetLink().run();
-        }
-      },
-      /* @__PURE__ */ React.createElement(import_lucide_react.Trash, { className: "h-4 w-4" })
-    ) : /* @__PURE__ */ React.createElement(import_button.Button, { size: "icon", className: "h-8" }, /* @__PURE__ */ React.createElement(import_lucide_react.Check, { className: "h-4 w-4" }))
-  )));
+        onSubmit: (e) => {
+          const target = e.currentTarget;
+          e.preventDefault();
+          const input = target[0];
+          const url = getUrlFromString(input.value);
+          url && editor.chain().focus().setLink({ href: url }).run();
+        },
+        className: "flex  p-1 ",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              placeholder: "Paste a link",
+              className: "bg-background flex-1 p-1 text-sm outline-none",
+              defaultValue: editor.getAttributes("link").href || ""
+            }
+          ),
+          editor.getAttributes("link").href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              size: "icon",
+              variant: "outline",
+              type: "button",
+              className: "flex h-8 items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800",
+              onClick: () => {
+                editor.chain().focus().unsetLink().run();
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trash, { className: "h-4 w-4" })
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "icon", className: "h-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) })
+        ]
+      }
+    ) })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/novel/tailwind/selectors/node-selector.cjs

@@ -21,6 +21,7 @@ __export(node_selector_exports, {
   NodeSelector: () => NodeSelector
 });
 module.exports = __toCommonJS(node_selector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_react_popover = require("@radix-ui/react-popover");
 var import_button = require("../ui/button");
@@ -91,26 +92,37 @@ const NodeSelector = ({ open, onOpenChange }) => {
   const activeItem = (_a = items.filter((item) => item.isActive(editor)).pop()) != null ? _a : {
     name: "Multiple"
   };
-  return /* @__PURE__ */ React.createElement(import_react_popover.Popover, { modal: true, open, onOpenChange }, /* @__PURE__ */ React.createElement(
-    import_popover.PopoverTrigger,
-    {
-      asChild: true,
-      className: "hover:bg-accent gap-2 rounded-none border-none focus:ring-0"
-    },
-    /* @__PURE__ */ React.createElement(import_button.Button, { size: "sm", variant: "ghost", className: "gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap text-sm" }, activeItem.name), /* @__PURE__ */ React.createElement(import_lucide_react.ChevronDown, { className: "h-4 w-4" }))
-  ), /* @__PURE__ */ React.createElement(import_popover.PopoverContent, { sideOffset: 5, align: "start", className: "w-48 p-1" }, items.map((item, index) => /* @__PURE__ */ React.createElement(
-    import_components.EditorBubbleItem,
-    {
-      key: index,
-      onSelect: (editor2) => {
-        item.command(editor2);
-        onOpenChange(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_popover.Popover, { modal: true, open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_popover.PopoverTrigger,
+      {
+        asChild: true,
+        className: "hover:bg-accent gap-2 rounded-none border-none focus:ring-0",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { size: "sm", variant: "ghost", className: "gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "whitespace-nowrap text-sm", children: activeItem.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { sideOffset: 5, align: "start", className: "w-48 p-1", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_components.EditorBubbleItem,
+      {
+        onSelect: (editor2) => {
+          item.command(editor2);
+          onOpenChange(false);
+        },
+        className: "hover:bg-accent flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-sm border p-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, { className: "h-3 w-3" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.name })
+          ] }),
+          activeItem.name === item.name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-4 w-4" })
+        ]
       },
-      className: "hover:bg-accent flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-sm border p-1" }, /* @__PURE__ */ React.createElement(item.icon, { className: "h-3 w-3" })), /* @__PURE__ */ React.createElement("span", null, item.name)),
-    activeItem.name === item.name && /* @__PURE__ */ React.createElement(import_lucide_react.Check, { className: "h-4 w-4" })
-  ))));
+      index
+    )) })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/novel/tailwind/selectors/text-buttons.cjs

@@ -21,6 +21,7 @@ __export(text_buttons_exports, {
   TextButtons: () => TextButtons
 });
 module.exports = __toCommonJS(text_buttons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_utils = require("../../../../lib/utils");
 var import_button = require("../ui/button");
@@ -63,23 +64,23 @@ const TextButtons = () => {
       icon: import_lucide_react.CodeIcon
     }
   ];
-  return /* @__PURE__ */ React.createElement("div", { className: "flex" }, items.map((item, index) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_components.EditorBubbleItem,
     {
-      key: index,
       onSelect: (editor2) => {
         item.command(editor2);
-      }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", className: "rounded-none", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        item.icon,
+        {
+          className: (0, import_utils.cn)("h-4 w-4", {
+            "text-blue-500": item.isActive(editor)
+          })
+        }
+      ) })
     },
-    /* @__PURE__ */ React.createElement(import_button.Button, { size: "sm", className: "rounded-none", variant: "ghost" }, /* @__PURE__ */ React.createElement(
-      item.icon,
-      {
-        className: (0, import_utils.cn)("h-4 w-4", {
-          "text-blue-500": item.isActive(editor)
-        })
-      }
-    ))
-  )));
+    index
+  )) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/novel/tailwind/slash-command.cjs

@@ -42,6 +42,7 @@ __export(slash_command_exports, {
   suggestionItems: () => suggestionItems
 });
 module.exports = __toCommonJS(slash_command_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_extensions = require("../novel/src/extensions");
 var import_image_upload = require("./image-upload");
@@ -49,7 +50,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
   {
     title: "Send Feedback",
     description: "Let us know how we can improve.",
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.MessageSquarePlus, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MessageSquarePlus, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).run();
       window.open("/feedback", "_blank");
@@ -59,7 +60,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Text",
     description: "Just start typing with plain text.",
     searchTerms: ["p", "paragraph"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.Text, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Text, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
     }
@@ -68,7 +69,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "To-do List",
     description: "Track tasks with a to-do list.",
     searchTerms: ["todo", "task", "list", "check", "checkbox"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.CheckSquare, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckSquare, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).toggleTaskList().run();
     }
@@ -77,7 +78,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Heading 1",
     description: "Big section heading.",
     searchTerms: ["title", "big", "large"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.Heading1, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading1, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
     }
@@ -86,7 +87,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Heading 2",
     description: "Medium section heading.",
     searchTerms: ["subtitle", "medium"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.Heading2, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading2, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
     }
@@ -95,7 +96,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Heading 3",
     description: "Small section heading.",
     searchTerms: ["subtitle", "small"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.Heading3, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading3, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
     }
@@ -104,7 +105,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Bullet List",
     description: "Create a simple bullet list.",
     searchTerms: ["unordered", "point"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.List, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.List, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).toggleBulletList().run();
     }
@@ -113,7 +114,7 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Numbered List",
     description: "Create a list with numbering.",
     searchTerms: ["ordered"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.ListOrdered, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ListOrdered, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).toggleOrderedList().run();
     }
@@ -122,21 +123,21 @@ const suggestionItems = (0, import_extensions.createSuggestionItems)([
     title: "Quote",
     description: "Capture a quote.",
     searchTerms: ["blockquote"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.TextQuote, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.TextQuote, { size: 18 }),
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").toggleBlockquote().run()
   },
   {
     title: "Code",
     description: "Capture a code snippet.",
     searchTerms: ["codeblock"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.Code, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Code, { size: 18 }),
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run()
   },
   {
     title: "Image",
     description: "Upload an image from your computer.",
     searchTerms: ["photo", "picture", "media"],
-    icon: /* @__PURE__ */ React.createElement(import_lucide_react.ImageIcon, { size: 18 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImageIcon, { size: 18 }),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).run();
       const input = document.createElement("input");

package/dist/ui/novel/tailwind/ui/button.cjs

@@ -58,6 +58,7 @@ __export(button_exports, {
   buttonVariants: () => buttonVariants
 });
 module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"), 1);
@@ -91,7 +92,7 @@ const Button = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       __spreadValues({
         className: (0, import_utils.cn)(buttonVariants({ variant, size, className })),

package/dist/ui/novel/tailwind/ui/command.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -66,6 +69,7 @@ __export(command_exports, {
   CommandShortcut: () => CommandShortcut
 });
 module.exports = __toCommonJS(command_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_dialog = require("@radix-ui/react-dialog");
 var import_cmdk = require("cmdk");
 var React = __toESM(require("react"), 1);
@@ -74,7 +78,7 @@ var import_utils = require("../../../../lib/utils");
 var import_magic = __toESM(require("./icons/magic"), 1);
 const Command = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_cmdk.Command,
     __spreadValues({
       ref,
@@ -88,25 +92,28 @@ const Command = React.forwardRef((_a, ref) => {
 Command.displayName = import_cmdk.Command.displayName;
 const CommandDialog = (_c) => {
   var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
-  return /* @__PURE__ */ React.createElement(import_dialog.Dialog, __spreadValues({}, props), /* @__PURE__ */ React.createElement(import_react_dialog.DialogContent, { className: "overflow-hidden p-0 shadow-lg" }, /* @__PURE__ */ React.createElement(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, children)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dialog.DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) }));
 };
 const CommandInput = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "" }, /* @__PURE__ */ React.createElement(import_magic.default, { className: "mr-2 h-4 w-4 shrink-0 text-purple-500 " }), /* @__PURE__ */ React.createElement(
-    import_cmdk.Command.Input,
-    __spreadValues({
-      ref,
-      className: (0, import_utils.cn)(
-        "placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )
-    }, props)
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic.default, { className: "mr-2 h-4 w-4 shrink-0 text-purple-500 " }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_cmdk.Command.Input,
+      __spreadValues({
+        ref,
+        className: (0, import_utils.cn)(
+          "placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )
+      }, props)
+    )
+  ] });
 });
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
 const CommandList = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_cmdk.Command.List,
     __spreadValues({
       ref,
@@ -115,7 +122,7 @@ const CommandList = React.forwardRef((_g, ref) => {
   );
 });
 CommandList.displayName = import_cmdk.Command.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_cmdk.Command.Empty,
   __spreadValues({
     ref,
@@ -125,7 +132,7 @@ const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ React.crea
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
 const CommandGroup = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_cmdk.Command.Group,
     __spreadValues({
       ref,
@@ -139,7 +146,7 @@ const CommandGroup = React.forwardRef((_i, ref) => {
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
 const CommandSeparator = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_cmdk.Command.Separator,
     __spreadValues({
       ref,
@@ -150,7 +157,7 @@ const CommandSeparator = React.forwardRef((_k, ref) => {
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
 const CommandItem = React.forwardRef((_m, ref) => {
   var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_cmdk.Command.Item,
     __spreadValues({
       ref,
@@ -168,7 +175,7 @@ const CommandShortcut = (_o) => {
   } = _p, props = __objRest(_p, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     __spreadValues({
       className: (0, import_utils.cn)(

package/dist/ui/novel/tailwind/ui/dialog.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -67,6 +70,7 @@ __export(dialog_exports, {
   DialogTrigger: () => DialogTrigger
 });
 module.exports = __toCommonJS(dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react = require("lucide-react");
 var React = __toESM(require("react"), 1);
@@ -77,7 +81,7 @@ const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
 const DialogOverlay = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -91,18 +95,27 @@ const DialogOverlay = React.forwardRef((_a, ref) => {
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef((_c, ref) => {
   var _d = _c, { className, children } = _d, props = __objRest(_d, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
-    DialogPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: (0, import_utils.cn)(
-        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
-        className
-      )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none" }, /* @__PURE__ */ React.createElement(import_lucide_react.X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      DialogPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_utils.cn)(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      })
+    )
+  ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = (_e) => {
@@ -111,7 +124,7 @@ const DialogHeader = (_e) => {
   } = _f, props = __objRest(_f, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -128,7 +141,7 @@ const DialogFooter = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -141,7 +154,7 @@ const DialogFooter = (_g) => {
 DialogFooter.displayName = "DialogFooter";
 const DialogTitle = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -155,7 +168,7 @@ const DialogTitle = React.forwardRef((_i, ref) => {
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 const DialogDescription = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Description,
     __spreadValues({
       ref,

package/dist/ui/novel/tailwind/ui/icons/crazy-spinner.cjs

@@ -21,7 +21,12 @@ __export(crazy_spinner_exports, {
   default: () => crazy_spinner_default
 });
 module.exports = __toCommonJS(crazy_spinner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const CrazySpinner = () => {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-0.5" }, /* @__PURE__ */ React.createElement("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.3s]" }), /* @__PURE__ */ React.createElement("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.15s]" }), /* @__PURE__ */ React.createElement("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-center gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.3s]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.15s]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500" })
+  ] });
 };
 var crazy_spinner_default = CrazySpinner;