@veevarts/design-system 1.0.0-dev.2 → 1.0.0-dev.21

package/dist/patterns/Multiselect/Multiselect.d.ts

@@ -0,0 +1,2 @@
+import { MultiselectProps } from './types';
+export declare const Multiselect: (props: MultiselectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Multiselect/__test__/Multiselect.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Multiselect Component Tests
+ */
+export {};

package/dist/patterns/Multiselect/index.d.ts

@@ -0,0 +1,2 @@
+export { Multiselect } from './Multiselect';
+export type { MultiselectProps } from './types';

package/dist/patterns/Multiselect/types.d.ts

@@ -0,0 +1,7 @@
+export type MultiselectProps = {
+    allItems: string[];
+    selected: string[];
+    onSelectedChange: (value: string[]) => void;
+    titleLeft: string;
+    titleRight: string;
+};

package/dist/patterns/RichText/index.d.ts

@@ -9,3 +9,4 @@ export type { ModifierIdentifier, ModifierType, HeadingLevel, TextAlignment, Hea
 export { isHeadingModifier, isTextAlignModifier, isTextColorModifier, isHighlightModifier, isLinkModifier, getModifierType, } from './types';
 export { TEXT_COLORS, HIGHLIGHT_COLORS } from './config';
 export type { TextColor, HighlightColor } from './config';
+export { addInlineStyles, removeInlineStyles } from './utils';

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

@@ -16,8 +16,9 @@ export interface ExtensionConfig<TOptions = any> {
     category: ExtensionCategory;
     /**
      * TipTap extension class or instance
+     * Can be null for built-in editor commands (e.g., clearMarks, clearNodes)
      */
-    extension: Node | Mark | Extension;
+    extension: Node | Mark | Extension | null;
     /**
      * Default options for the extension
      */

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

@@ -147,6 +147,17 @@ export interface RichTextAreaProps extends Omit<ComponentProps<typeof Textarea>,
         type: string;
         modifier: string;
     }) => void;
+    /**
+     * Include inline styles in HTML output
+     * When true, the HTML in onContentChange will include inline styles
+     * (e.g., `<h1 style="font-size: 2rem; ...">` instead of just `<h1>`)
+     *
+     * Useful when the HTML will be rendered outside the RichTextArea
+     * without access to the editor CSS.
+     *
+     * @default false
+     */
+    includeInlineStyles?: boolean;
 }
 /**
  * Internal TipTap editor props (for core/TipTapEditor.tsx)

package/dist/patterns/RichText/utils/index.d.ts

@@ -0,0 +1 @@
+export { addInlineStyles, removeInlineStyles } from './inlineStyles';

package/dist/patterns/RichText/utils/inlineStyles.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Rich Text - Inline Styles Utility
+ *
+ * Converts semantic HTML to HTML with inline styles.
+ * This ensures the HTML renders correctly without external CSS.
+ *
+ * Typography and colors follow design tokens from src/tokens/
+ */
+/**
+ * Adds inline styles to HTML elements
+ *
+ * @param html - The HTML string to process
+ * @returns HTML with inline styles added
+ *
+ * @example
+ * ```ts
+ * const html = '<h1>Title</h1><p>Content</p>';
+ * const styled = addInlineStyles(html);
+ * // Returns: '<h1 style="font-size: 2rem; ...">Title</h1><p style="...">Content</p>'
+ * ```
+ */
+export declare function addInlineStyles(html: string): string;
+/**
+ * Removes inline styles from HTML elements
+ * Useful for cleaning up HTML before editing
+ *
+ * @param html - The HTML string to process
+ * @returns HTML with inline styles removed
+ */
+export declare function removeInlineStyles(html: string): string;
+export default addInlineStyles;

package/dist/patterns/index.d.ts

@@ -3,6 +3,8 @@ export type { NavbarProps, NavbarLink, NavbarLanguage } from './Navbar';
 export { Stepper } from './Stepper';
 export type { StepperProps } from './Stepper';
 export { Footer } from './Footer';
+export { Multiselect } from './Multiselect';
+export type { MultiselectProps } from './Multiselect';
 export { RichTextArea, RICH_TEXT_PRESETS } from './RichText';
 export type { RichTextAreaProps } from './RichText';
 export { DonationAmounts } from './DonationAmounts';

package/dist/styles.css

@@ -1,8 +1,10 @@
 /**
  * Veevart Design System - Font Definitions
  *
- * Import this file in your app to load the design system fonts:
- * @import '@veevarts/design-system/styles.css';
+ * Usage:
+ * 1. Import this file: @import '@veevarts/design-system/styles.css';
+ * 2. Copy fonts to your public folder:
+ *    cp -r node_modules/@veevarts/design-system/fonts public/fonts
  */
 
 /**
@@ -12,8 +14,8 @@
 @font-face {
     font-family: 'NeueMontreal';
     src:
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-Regular.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-Regular.woff') format('woff');
+        url('/fonts/neue-montreal/PPNeueMontreal-Regular.woff2') format('woff2'),
+        url('/fonts/neue-montreal/PPNeueMontreal-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
@@ -22,8 +24,8 @@
 @font-face {
     font-family: 'NeueMontreal';
     src:
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff') format('woff');
+        url('/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff2') format('woff2'),
+        url('/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
@@ -32,8 +34,8 @@
 @font-face {
     font-family: 'NeueMontreal';
     src:
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-Bold.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-Bold.woff') format('woff');
+        url('/fonts/neue-montreal/PPNeueMontreal-Bold.woff2') format('woff2'),
+        url('/fonts/neue-montreal/PPNeueMontreal-Bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
@@ -42,8 +44,8 @@
 @font-face {
     font-family: 'NeueMontreal';
     src:
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-Italic.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-Italic.woff') format('woff');
+        url('/fonts/neue-montreal/PPNeueMontreal-Italic.woff2') format('woff2'),
+        url('/fonts/neue-montreal/PPNeueMontreal-Italic.woff') format('woff');
     font-weight: 400;
     font-style: italic;
     font-display: swap;
@@ -52,8 +54,8 @@
 @font-face {
     font-family: 'NeueMontreal';
     src:
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff') format('woff');
+        url('/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff2') format('woff2'),
+        url('/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff') format('woff');
     font-weight: 700;
     font-style: italic;
     font-display: swap;
@@ -66,8 +68,8 @@
 @font-face {
     font-family: 'Scholar';
     src:
-        url('@veevarts/design-system/fonts/scholar/Scholar-Regular.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/scholar/Scholar-Regular.woff') format('woff');
+        url('/fonts/scholar/Scholar-Regular.woff2') format('woff2'),
+        url('/fonts/scholar/Scholar-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
@@ -76,8 +78,8 @@
 @font-face {
     font-family: 'Scholar';
     src:
-        url('@veevarts/design-system/fonts/scholar/Scholar-Italic.woff2') format('woff2'),
-        url('@veevarts/design-system/fonts/scholar/Scholar-Italic.woff') format('woff');
+        url('/fonts/scholar/Scholar-Italic.woff2') format('woff2'),
+        url('/fonts/scholar/Scholar-Italic.woff') format('woff');
     font-weight: 400;
     font-style: italic;
     font-display: swap;

package/dist/test/setup.motion.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.0.0-dev.2",
+    "version": "1.0.0-dev.21",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -18,11 +18,11 @@
             "import": "./dist/tailwind/index.js"
         },
         "./styles.css": "./dist/styles.css",
-        "./fonts/*": "./fonts/*"
+        "./fonts/*": "./public/fonts/*"
     },
     "files": [
         "dist",
-        "fonts"
+        "public/fonts"
     ],
     "scripts": {
         "dev": "vite",