nextext-editor 0.1.0

package/dist/lib/tokens.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Design tokens for HyperText Editor
+ * Following shadcn/ui patterns for easy customization
+ */
+export declare const editorTokens: {
+    readonly container: {
+        readonly base: "w-full bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden";
+        readonly focused: "ring-2 ring-blue-500/20 ring-offset-2";
+    };
+    readonly editor: {
+        readonly container: "max-h-[600px] overflow-y-auto scroll-smooth";
+        readonly base: "min-h-[500px] p-8 focus:outline-none prose prose-base max-w-none text-gray-900 leading-relaxed";
+        readonly placeholder: "text-gray-400";
+    };
+    readonly toolbar: {
+        readonly base: "flex flex-wrap items-center gap-1 px-4 py-3 border-b border-gray-200 bg-gray-50/50 backdrop-blur-sm";
+        readonly group: "flex items-center gap-1 px-1";
+        readonly separator: "w-px h-5 bg-gray-300 mx-2";
+    };
+    readonly button: {
+        readonly base: "inline-flex items-center justify-center rounded-lg text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 disabled:pointer-events-none disabled:opacity-40";
+        readonly default: "h-9 px-3 bg-white hover:bg-blue-50 hover:text-blue-600 border border-gray-200";
+        readonly icon: "h-9 w-9 hover:bg-blue-50 hover:text-blue-600 text-gray-600";
+        readonly active: "bg-blue-100 text-blue-700 border-blue-200";
+    };
+    readonly dropdown: {
+        readonly trigger: "inline-flex items-center justify-center rounded-lg text-sm font-medium h-9 px-3 hover:bg-blue-50 hover:text-blue-600 text-gray-700";
+        readonly content: "z-50 min-w-[10rem] overflow-hidden rounded-xl border border-gray-200 bg-white p-2 shadow-lg";
+        readonly item: "relative flex cursor-pointer select-none items-center rounded-lg px-3 py-2 text-sm outline-none transition-colors hover:bg-blue-50 hover:text-blue-600 text-gray-700";
+    };
+    readonly colorPicker: {
+        readonly trigger: "h-9 w-9 rounded-lg border-2 border-gray-200 cursor-pointer hover:ring-2 hover:ring-blue-500/50 transition-all";
+        readonly popover: "rounded-xl border border-gray-200 bg-white p-4 shadow-lg";
+        readonly grid: "grid grid-cols-5 gap-2";
+        readonly swatch: "h-8 w-8 rounded-lg cursor-pointer hover:ring-2 hover:ring-blue-500/50 transition-all hover:scale-110";
+    };
+    readonly stats: {
+        readonly container: "px-6 py-3 bg-gray-50/80 border-t border-gray-200 text-sm text-gray-600";
+        readonly item: "inline-flex items-center gap-1.5 font-medium";
+    };
+};
+export type EditorTokens = typeof editorTokens;

package/dist/lib/utils.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue } from 'clsx';
+/**
+ * Utility function to merge Tailwind CSS classes
+ * Following shadcn/ui pattern
+ */
+export declare function cn(...inputs: ClassValue[]): string;