@kopexa/theme 17.11.4 → 17.13.0

package/dist/{chunk-Q72M565Q.mjs → chunk-6DUVIKEU.mjs}

@@ -24,7 +24,9 @@ var editorBasic = tv({
       "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
       "[&_.tiptap.ProseMirror]:px-6",
-      "[&_.tiptap.ProseMirror]:min-h-0"
+      "[&_.tiptap.ProseMirror]:min-h-0",
+      // Callout node spacing
+      "[&_[data-type='callout']]:mt-5"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },

package/dist/chunk-EKOZ2ZVU.mjs

@@ -0,0 +1,44 @@
+// src/components/variable-node.ts
+import { tv } from "tailwind-variants";
+var variableNode = tv({
+  slots: {
+    wrapper: ["inline", "align-baseline"],
+    chip: [
+      "inline-flex items-center",
+      "px-1.5 py-0.5 mx-0.5",
+      "rounded-md",
+      "text-sm font-medium",
+      "cursor-default",
+      "select-none",
+      "whitespace-nowrap",
+      "align-baseline"
+    ],
+    bracket: ["text-primary/50", "font-mono", "text-xs"],
+    name: ["font-mono", "text-xs"],
+    value: ["font-normal"]
+  },
+  variants: {
+    resolved: {
+      true: {
+        chip: ["bg-muted", "border border-border", "text-foreground"],
+        value: ["text-foreground"]
+      },
+      false: {
+        chip: [
+          "bg-primary/10",
+          "border border-primary/20",
+          "text-primary-foreground"
+        ],
+        bracket: ["text-primary"],
+        name: ["text-primary"]
+      }
+    }
+  },
+  defaultVariants: {
+    resolved: false
+  }
+});
+
+export {
+  variableNode
+};

package/dist/{chunk-LIKA7I7Y.mjs → chunk-U4BRPFG2.mjs}

@@ -6,8 +6,14 @@ import {
 import { tv } from "tailwind-variants";
 var slashDropdownMenu = tv({
   slots: {
-    card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
-    body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover"],
+    card: [
+      ...popoverContentClasses,
+      "p-0",
+      "flex flex-col outline-none overflow-hidden"
+    ],
+    body: [
+      "p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover rounded-md"
+    ],
     cardItemGroup: [
       "relative flex align-middle min-w-max",
       "flex-col justify-center"

package/dist/components/editor-basic.js

@@ -48,7 +48,9 @@ var editorBasic = (0, import_tailwind_variants.tv)({
       "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
       "[&_.tiptap.ProseMirror]:px-6",
-      "[&_.tiptap.ProseMirror]:min-h-0"
+      "[&_.tiptap.ProseMirror]:min-h-0",
+      // Callout node spacing
+      "[&_[data-type='callout']]:mt-5"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },

package/dist/components/editor-basic.mjs

@@ -1,6 +1,6 @@
 import {
   editorBasic
-} from "../chunk-Q72M565Q.mjs";
+} from "../chunk-6DUVIKEU.mjs";
 export {
   editorBasic
 };

package/dist/components/index.d.mts

@@ -68,5 +68,6 @@ export { TextareaVariantProps, textarea } from './textarea.mjs';
 export { TocSlots, TocVariantProps, toc } from './toc.mjs';
 export { ToolbarVariantProps, toolbar } from './toolbar.mjs';
 export { TooltipVariants, tooltip } from './tooltip.mjs';
+export { VariableNodeVariants, variableNode } from './variable-node.mjs';
 import 'tailwind-variants';
 import 'tailwind-merge';

package/dist/components/index.d.ts

@@ -68,5 +68,6 @@ export { TextareaVariantProps, textarea } from './textarea.js';
 export { TocSlots, TocVariantProps, toc } from './toc.js';
 export { ToolbarVariantProps, toolbar } from './toolbar.js';
 export { TooltipVariants, tooltip } from './tooltip.js';
+export { VariableNodeVariants, variableNode } from './variable-node.js';
 import 'tailwind-variants';
 import 'tailwind-merge';

package/dist/components/index.js

@@ -92,7 +92,8 @@ __export(components_exports, {
   textarea: () => textarea,
   toc: () => toc,
   toolbar: () => toolbar,
-  tooltip: () => tooltip
+  tooltip: () => tooltip,
+  variableNode: () => variableNode
 });
 module.exports = __toCommonJS(components_exports);
 
@@ -2354,7 +2355,9 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
       "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
       "[&_.tiptap.ProseMirror]:px-6",
-      "[&_.tiptap.ProseMirror]:min-h-0"
+      "[&_.tiptap.ProseMirror]:min-h-0",
+      // Callout node spacing
+      "[&_[data-type='callout']]:mt-5"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },
@@ -3876,8 +3879,14 @@ var skeletonAvatar = (0, import_tailwind_variants57.tv)({
 var import_tailwind_variants58 = require("tailwind-variants");
 var slashDropdownMenu = (0, import_tailwind_variants58.tv)({
   slots: {
-    card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
-    body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover"],
+    card: [
+      ...popoverContentClasses,
+      "p-0",
+      "flex flex-col outline-none overflow-hidden"
+    ],
+    body: [
+      "p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover rounded-md"
+    ],
     cardItemGroup: [
       "relative flex align-middle min-w-max",
       "flex-col justify-center"
@@ -4660,6 +4669,47 @@ var tooltip = (0, import_tailwind_variants70.tv)({
     ]
   }
 });
+
+// src/components/variable-node.ts
+var import_tailwind_variants71 = require("tailwind-variants");
+var variableNode = (0, import_tailwind_variants71.tv)({
+  slots: {
+    wrapper: ["inline", "align-baseline"],
+    chip: [
+      "inline-flex items-center",
+      "px-1.5 py-0.5 mx-0.5",
+      "rounded-md",
+      "text-sm font-medium",
+      "cursor-default",
+      "select-none",
+      "whitespace-nowrap",
+      "align-baseline"
+    ],
+    bracket: ["text-primary/50", "font-mono", "text-xs"],
+    name: ["font-mono", "text-xs"],
+    value: ["font-normal"]
+  },
+  variants: {
+    resolved: {
+      true: {
+        chip: ["bg-muted", "border border-border", "text-foreground"],
+        value: ["text-foreground"]
+      },
+      false: {
+        chip: [
+          "bg-primary/10",
+          "border border-primary/20",
+          "text-primary-foreground"
+        ],
+        bracket: ["text-primary"],
+        name: ["text-primary"]
+      }
+    }
+  },
+  defaultVariants: {
+    resolved: false
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -4734,5 +4784,6 @@ var tooltip = (0, import_tailwind_variants70.tv)({
   textarea,
   toc,
   toolbar,
-  tooltip
+  tooltip,
+  variableNode
 });

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
-import "../chunk-6RCNFPIU.mjs";
+import "../chunk-FZR3MK36.mjs";
+import {
+  variableNode
+} from "../chunk-EKOZ2ZVU.mjs";
 import {
   switchVariants
 } from "../chunk-WQ446TVH.mjs";
@@ -36,7 +39,7 @@ import {
 } from "../chunk-VNQEJU4P.mjs";
 import {
   slashDropdownMenu
-} from "../chunk-LIKA7I7Y.mjs";
+} from "../chunk-U4BRPFG2.mjs";
 import {
   spinner
 } from "../chunk-4UDOCFU5.mjs";
@@ -120,7 +123,7 @@ import {
 } from "../chunk-3PCDCW7G.mjs";
 import {
   editorBasic
-} from "../chunk-Q72M565Q.mjs";
+} from "../chunk-6DUVIKEU.mjs";
 import {
   editorSpinner
 } from "../chunk-TVC4THD6.mjs";
@@ -287,5 +290,6 @@ export {
   textarea,
   toc,
   toolbar,
-  tooltip
+  tooltip,
+  variableNode
 };

package/dist/components/slash-dropdown-menu.js

@@ -34,8 +34,14 @@ var popoverContentClasses = [
 // src/components/slash-dropdown-menu.ts
 var slashDropdownMenu = (0, import_tailwind_variants.tv)({
   slots: {
-    card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
-    body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover"],
+    card: [
+      ...popoverContentClasses,
+      "p-0",
+      "flex flex-col outline-none overflow-hidden"
+    ],
+    body: [
+      "p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover rounded-md"
+    ],
     cardItemGroup: [
       "relative flex align-middle min-w-max",
       "flex-col justify-center"

package/dist/components/slash-dropdown-menu.mjs

@@ -1,6 +1,6 @@
 import {
   slashDropdownMenu
-} from "../chunk-LIKA7I7Y.mjs";
+} from "../chunk-U4BRPFG2.mjs";
 import "../chunk-6IZPAS4O.mjs";
 export {
   slashDropdownMenu

package/dist/components/variable-node.d.mts

@@ -0,0 +1,67 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Variable Node styles for TipTap editor
+ *
+ * Renders template variables like {{companyName}} as inline chips.
+ * When resolved, shows the value in a different style.
+ */
+declare const variableNode: tailwind_variants.TVReturnType<{
+    resolved: {
+        true: {
+            chip: string[];
+            value: string[];
+        };
+        false: {
+            chip: string[];
+            bracket: string[];
+            name: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    chip: string[];
+    bracket: string[];
+    name: string[];
+    value: string[];
+}, undefined, {
+    resolved: {
+        true: {
+            chip: string[];
+            value: string[];
+        };
+        false: {
+            chip: string[];
+            bracket: string[];
+            name: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    chip: string[];
+    bracket: string[];
+    name: string[];
+    value: string[];
+}, tailwind_variants.TVReturnType<{
+    resolved: {
+        true: {
+            chip: string[];
+            value: string[];
+        };
+        false: {
+            chip: string[];
+            bracket: string[];
+            name: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    chip: string[];
+    bracket: string[];
+    name: string[];
+    value: string[];
+}, undefined, unknown, unknown, undefined>>;
+type VariableNodeVariants = VariantProps<typeof variableNode>;
+
+export { type VariableNodeVariants, variableNode };

package/dist/components/variable-node.d.ts

@@ -0,0 +1,67 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Variable Node styles for TipTap editor
+ *
+ * Renders template variables like {{companyName}} as inline chips.
+ * When resolved, shows the value in a different style.
+ */
+declare const variableNode: tailwind_variants.TVReturnType<{
+    resolved: {
+        true: {
+            chip: string[];
+            value: string[];
+        };
+        false: {
+            chip: string[];
+            bracket: string[];
+            name: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    chip: string[];
+    bracket: string[];
+    name: string[];
+    value: string[];
+}, undefined, {
+    resolved: {
+        true: {
+            chip: string[];
+            value: string[];
+        };
+        false: {
+            chip: string[];
+            bracket: string[];
+            name: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    chip: string[];
+    bracket: string[];
+    name: string[];
+    value: string[];
+}, tailwind_variants.TVReturnType<{
+    resolved: {
+        true: {
+            chip: string[];
+            value: string[];
+        };
+        false: {
+            chip: string[];
+            bracket: string[];
+            name: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    chip: string[];
+    bracket: string[];
+    name: string[];
+    value: string[];
+}, undefined, unknown, unknown, undefined>>;
+type VariableNodeVariants = VariantProps<typeof variableNode>;
+
+export { type VariableNodeVariants, variableNode };

package/dist/components/variable-node.js

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/variable-node.ts
+var variable_node_exports = {};
+__export(variable_node_exports, {
+  variableNode: () => variableNode
+});
+module.exports = __toCommonJS(variable_node_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var variableNode = (0, import_tailwind_variants.tv)({
+  slots: {
+    wrapper: ["inline", "align-baseline"],
+    chip: [
+      "inline-flex items-center",
+      "px-1.5 py-0.5 mx-0.5",
+      "rounded-md",
+      "text-sm font-medium",
+      "cursor-default",
+      "select-none",
+      "whitespace-nowrap",
+      "align-baseline"
+    ],
+    bracket: ["text-primary/50", "font-mono", "text-xs"],
+    name: ["font-mono", "text-xs"],
+    value: ["font-normal"]
+  },
+  variants: {
+    resolved: {
+      true: {
+        chip: ["bg-muted", "border border-border", "text-foreground"],
+        value: ["text-foreground"]
+      },
+      false: {
+        chip: [
+          "bg-primary/10",
+          "border border-primary/20",
+          "text-primary-foreground"
+        ],
+        bracket: ["text-primary"],
+        name: ["text-primary"]
+      }
+    }
+  },
+  defaultVariants: {
+    resolved: false
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  variableNode
+});

package/dist/components/variable-node.mjs

@@ -0,0 +1,6 @@
+import {
+  variableNode
+} from "../chunk-EKOZ2ZVU.mjs";
+export {
+  variableNode
+};

package/dist/index.d.mts

@@ -69,5 +69,6 @@ export { TextareaVariantProps, textarea } from './components/textarea.mjs';
 export { TocSlots, TocVariantProps, toc } from './components/toc.mjs';
 export { ToolbarVariantProps, toolbar } from './components/toolbar.mjs';
 export { TooltipVariants, tooltip } from './components/tooltip.mjs';
+export { VariableNodeVariants, variableNode } from './components/variable-node.mjs';
 export { SlotsToClasses } from './utils/types.mjs';
 import 'tailwind-merge';

package/dist/index.d.ts

@@ -69,5 +69,6 @@ export { TextareaVariantProps, textarea } from './components/textarea.js';
 export { TocSlots, TocVariantProps, toc } from './components/toc.js';
 export { ToolbarVariantProps, toolbar } from './components/toolbar.js';
 export { TooltipVariants, tooltip } from './components/tooltip.js';
+export { VariableNodeVariants, variableNode } from './components/variable-node.js';
 export { SlotsToClasses } from './utils/types.js';
 import 'tailwind-merge';

package/dist/index.js

@@ -92,7 +92,8 @@ __export(index_exports, {
   textarea: () => textarea,
   toc: () => toc,
   toolbar: () => toolbar,
-  tooltip: () => tooltip
+  tooltip: () => tooltip,
+  variableNode: () => variableNode
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2354,7 +2355,9 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
       "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
       "[&_.tiptap.ProseMirror]:px-6",
-      "[&_.tiptap.ProseMirror]:min-h-0"
+      "[&_.tiptap.ProseMirror]:min-h-0",
+      // Callout node spacing
+      "[&_[data-type='callout']]:mt-5"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },
@@ -3876,8 +3879,14 @@ var skeletonAvatar = (0, import_tailwind_variants57.tv)({
 var import_tailwind_variants58 = require("tailwind-variants");
 var slashDropdownMenu = (0, import_tailwind_variants58.tv)({
   slots: {
-    card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
-    body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover"],
+    card: [
+      ...popoverContentClasses,
+      "p-0",
+      "flex flex-col outline-none overflow-hidden"
+    ],
+    body: [
+      "p-1.5 flex-auto grow shrink overflow-y-auto w-full bg-popover rounded-md"
+    ],
     cardItemGroup: [
       "relative flex align-middle min-w-max",
       "flex-col justify-center"
@@ -4660,6 +4669,47 @@ var tooltip = (0, import_tailwind_variants70.tv)({
     ]
   }
 });
+
+// src/components/variable-node.ts
+var import_tailwind_variants71 = require("tailwind-variants");
+var variableNode = (0, import_tailwind_variants71.tv)({
+  slots: {
+    wrapper: ["inline", "align-baseline"],
+    chip: [
+      "inline-flex items-center",
+      "px-1.5 py-0.5 mx-0.5",
+      "rounded-md",
+      "text-sm font-medium",
+      "cursor-default",
+      "select-none",
+      "whitespace-nowrap",
+      "align-baseline"
+    ],
+    bracket: ["text-primary/50", "font-mono", "text-xs"],
+    name: ["font-mono", "text-xs"],
+    value: ["font-normal"]
+  },
+  variants: {
+    resolved: {
+      true: {
+        chip: ["bg-muted", "border border-border", "text-foreground"],
+        value: ["text-foreground"]
+      },
+      false: {
+        chip: [
+          "bg-primary/10",
+          "border border-primary/20",
+          "text-primary-foreground"
+        ],
+        bracket: ["text-primary"],
+        name: ["text-primary"]
+      }
+    }
+  },
+  defaultVariants: {
+    resolved: false
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -4734,5 +4784,6 @@ var tooltip = (0, import_tailwind_variants70.tv)({
   textarea,
   toc,
   toolbar,
-  tooltip
+  tooltip,
+  variableNode
 });

package/dist/index.mjs

@@ -1,5 +1,8 @@
 import "./chunk-XSN6P5JL.mjs";
-import "./chunk-6RCNFPIU.mjs";
+import "./chunk-FZR3MK36.mjs";
+import {
+  variableNode
+} from "./chunk-EKOZ2ZVU.mjs";
 import {
   switchVariants
 } from "./chunk-WQ446TVH.mjs";
@@ -37,7 +40,7 @@ import {
 } from "./chunk-VNQEJU4P.mjs";
 import {
   slashDropdownMenu
-} from "./chunk-LIKA7I7Y.mjs";
+} from "./chunk-U4BRPFG2.mjs";
 import {
   spinner
 } from "./chunk-4UDOCFU5.mjs";
@@ -121,7 +124,7 @@ import {
 } from "./chunk-3PCDCW7G.mjs";
 import {
   editorBasic
-} from "./chunk-Q72M565Q.mjs";
+} from "./chunk-6DUVIKEU.mjs";
 import {
   editorSpinner
 } from "./chunk-TVC4THD6.mjs";
@@ -288,5 +291,6 @@ export {
   textarea,
   toc,
   toolbar,
-  tooltip
+  tooltip,
+  variableNode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "17.11.4",
+  "version": "17.13.0",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -66,7 +66,7 @@
     "tailwind-merge": "3.4.0",
     "tailwind-variants": "^3.2.2",
     "tw-animate-css": "^1.4.0",
-    "@kopexa/shared-utils": "17.0.23"
+    "@kopexa/shared-utils": "17.0.25"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"