@hellboy/ds 0.1.2 → 0.2.7

package/dist/components/textarea.d.mts

@@ -0,0 +1,84 @@
+import * as React from 'react';
+
+type ToolbarOption = "bold" | "italic" | "underline" | "strikethrough" | "link" | "unlink" | "orderedList" | "unorderedList" | "code" | "blockquote" | "h1" | "h2" | "h3";
+interface RichTextareaProps {
+    /** Controlled HTML content */
+    value?: string;
+    /** Uncontrolled initial HTML content */
+    defaultValue?: string;
+    /** Callback fired when content changes */
+    onChange?: (html: string) => void;
+    /** Callback fired when selection changes */
+    onSelectionChange?: (selection: Selection | null) => void;
+    /** Placeholder text when editor is empty */
+    placeholder?: string;
+    /** Toolbar formatting options to display */
+    toolbarOptions?: ToolbarOption[];
+    /** Show toolbar bar at the top of the editor */
+    showTopToolbar?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom HTML sanitizer function (defaults to DOMPurify) */
+    sanitizeHTML?: (html: string) => string;
+    /** Custom paste handler (return true to prevent default) */
+    onPaste?: (event: React.ClipboardEvent<HTMLDivElement>) => boolean;
+    /** ARIA label */
+    ariaLabel?: string;
+    /** ARIA described by */
+    ariaDescribedBy?: string;
+    /** Maximum number of lines before showing scroll */
+    maxLines?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Blur event handler */
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /** Focus event handler */
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+}
+declare const RichTextarea: React.ForwardRefExoticComponent<RichTextareaProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Helper text shown below the textarea
+     */
+    helperText?: string;
+    /**
+     * Error message - when present, textarea is in error state
+     */
+    error?: string;
+    /**
+     * Full width textarea
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Number of visible text lines
+     * @default 3
+     */
+    rows?: number;
+    /**
+     * Resize behavior
+     * @default 'vertical'
+     */
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { RichTextarea, type RichTextareaProps, Textarea, type TextareaProps, type ToolbarOption };

package/dist/components/textarea.d.ts

@@ -0,0 +1,84 @@
+import * as React from 'react';
+
+type ToolbarOption = "bold" | "italic" | "underline" | "strikethrough" | "link" | "unlink" | "orderedList" | "unorderedList" | "code" | "blockquote" | "h1" | "h2" | "h3";
+interface RichTextareaProps {
+    /** Controlled HTML content */
+    value?: string;
+    /** Uncontrolled initial HTML content */
+    defaultValue?: string;
+    /** Callback fired when content changes */
+    onChange?: (html: string) => void;
+    /** Callback fired when selection changes */
+    onSelectionChange?: (selection: Selection | null) => void;
+    /** Placeholder text when editor is empty */
+    placeholder?: string;
+    /** Toolbar formatting options to display */
+    toolbarOptions?: ToolbarOption[];
+    /** Show toolbar bar at the top of the editor */
+    showTopToolbar?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom HTML sanitizer function (defaults to DOMPurify) */
+    sanitizeHTML?: (html: string) => string;
+    /** Custom paste handler (return true to prevent default) */
+    onPaste?: (event: React.ClipboardEvent<HTMLDivElement>) => boolean;
+    /** ARIA label */
+    ariaLabel?: string;
+    /** ARIA described by */
+    ariaDescribedBy?: string;
+    /** Maximum number of lines before showing scroll */
+    maxLines?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Blur event handler */
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /** Focus event handler */
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+}
+declare const RichTextarea: React.ForwardRefExoticComponent<RichTextareaProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Helper text shown below the textarea
+     */
+    helperText?: string;
+    /**
+     * Error message - when present, textarea is in error state
+     */
+    error?: string;
+    /**
+     * Full width textarea
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Number of visible text lines
+     * @default 3
+     */
+    rows?: number;
+    /**
+     * Resize behavior
+     * @default 'vertical'
+     */
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { RichTextarea, type RichTextareaProps, Textarea, type TextareaProps, type ToolbarOption };