@veevarts/design-system 0.1.17 → 0.1.18

package/dist/patterns/RichText/types/toolbar.d.ts

@@ -0,0 +1,88 @@
+import { ModifierIdentifier, ModifierType } from './modifiers';
+/**
+ * Toolbar section configuration
+ * Groups related modifiers together in the toolbar
+ */
+export interface ToolbarSectionConfig {
+    /**
+     * Unique section identifier
+     */
+    id: string;
+    /**
+     * Modifiers to display in this section
+     */
+    modifiers: ModifierIdentifier[];
+    /**
+     * Whether to show a divider after this section
+     * @default true
+     */
+    showDivider?: boolean;
+    /**
+     * Optional section label (for accessibility)
+     */
+    label?: string;
+}
+/**
+ * Complete toolbar configuration
+ */
+export interface ToolbarConfig {
+    /**
+     * Toolbar sections in order
+     */
+    sections: ToolbarSectionConfig[];
+    /**
+     * Whether to show zoom controls
+     * @default false
+     */
+    showZoom?: boolean;
+    /**
+     * Whether toolbar should stick to top on scroll
+     * @default true
+     */
+    stickyPosition?: boolean;
+    /**
+     * Custom toolbar class names
+     */
+    className?: string;
+}
+/**
+ * Individual toolbar button state
+ */
+export interface ToolbarButtonState {
+    /**
+     * Whether the button represents an active state
+     * (e.g., bold is active when cursor is in bold text)
+     */
+    isActive: boolean;
+    /**
+     * Whether the button is disabled
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the command can be executed
+     */
+    canExecute: boolean;
+}
+/**
+ * Complete toolbar state for all modifiers
+ */
+export type ToolbarState = Record<ModifierType, ToolbarButtonState>;
+/**
+ * Toolbar layout preset names
+ */
+export type ToolbarPreset = 'simple' | 'blog' | 'documentation' | 'comment' | 'full';
+/**
+ * Default toolbar section IDs
+ */
+export declare const TOOLBAR_SECTION_IDS: {
+    readonly TEXT_FORMATTING: "text-formatting";
+    readonly COLOR: "color";
+    readonly BLOCK_TYPE: "block-type";
+    readonly HEADING: "heading";
+    readonly ALIGNMENT: "alignment";
+    readonly LIST: "list";
+    readonly INSERT: "insert";
+    readonly HISTORY: "history";
+    readonly VIEW: "view";
+};
+export type ToolbarSectionId = (typeof TOOLBAR_SECTION_IDS)[keyof typeof TOOLBAR_SECTION_IDS];

package/dist/patterns/index.d.ts

@@ -1,6 +1,8 @@
 export { Navbar } from './Navbar';
 export { Stepper } from './Stepper';
 export { Footer } from './Footer';
+export { RichTextArea, RICH_TEXT_PRESETS } from './RichText';
 export type { NavbarProps, NavbarLink, NavbarLanguage } from './Navbar';
 export type { StepperProps } from './Stepper';
 export type { FooterProps, FooterSection, FooterLink, SocialLink } from './Footer';
+export type { RichTextAreaProps } from './RichText';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "0.1.17",
+    "version": "0.1.18",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -31,6 +31,18 @@
         "react-dom": "^18.0.0 || ^19.0.0"
     },
     "dependencies": {
+        "@tiptap/extension-color": "^2.12.0",
+        "@tiptap/extension-highlight": "^2.27.2",
+        "@tiptap/extension-link": "^2.27.2",
+        "@tiptap/extension-placeholder": "^2.27.2",
+        "@tiptap/extension-task-item": "^2.27.2",
+        "@tiptap/extension-task-list": "^2.27.2",
+        "@tiptap/extension-text-align": "^2.27.2",
+        "@tiptap/extension-underline": "^2.27.2",
+        "@tiptap/pm": "^2.12.0",
+        "@tiptap/react": "^2.12.0",
+        "@tiptap/starter-kit": "^2.12.0",
+        "lucide-react": "^0.562.0",
         "vite-plugin-css-injected-by-js": "latest",
         "vite-plugin-dts": "latest"
     },