@lax-wp/design-system 0.3.22 → 0.3.23

package/dist/components/forms/md-input/MdInput.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Props for the MdInput component
+ */
+export interface MdInputProps {
+    /** Unique identifier for the markdown input */
+    id?: string;
+    /** Current markdown value */
+    value?: string;
+    /** Callback function called when the markdown value changes */
+    onChange: (value: string) => void;
+    /** Placeholder text for the textarea */
+    placeholder?: string;
+    /** Number of visible text lines for the textarea */
+    rows?: number;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes for the wrapper container */
+    className?: string;
+    /** Additional CSS classes for the textarea */
+    textareaClassName?: string;
+    /** Additional CSS classes for the preview container */
+    previewClassName?: string;
+    /** Initial mode (markdown or preview) */
+    defaultMode?: "markdown" | "preview";
+    /** Current mode (markdown or preview) */
+    mode?: "markdown" | "preview";
+    /** Label text to display above the input */
+    label?: string;
+    /** Whether the field is required */
+    required?: boolean;
+}
+/**
+ * A markdown input component with preview mode support.
+ * Features a toggle switch to switch between markdown editing and preview modes.
+ *
+ * @example
+ * ```tsx
+ * <MdInput
+ *   value={markdown}
+ *   onChange={setMarkdown}
+ *   placeholder="Enter markdown content..."
+ *   defaultMode="markdown"
+ * />
+ * ```
+ */
+export declare const MdInput: ({ id, value, onChange, placeholder, rows, disabled, className, textareaClassName, previewClassName, defaultMode, mode: modeProp, label, required, }: MdInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -22,6 +22,8 @@ export { PercentageInputField } from "./components/forms/percentage-input/Percen
 export type { PercentageInputFieldProps } from "./components/forms/percentage-input/PercentageInputField";
 export { Toggle } from "./components/forms/toggle/Toggle";
 export type { ToggleProps, ToggleDirection, } from "./components/forms/toggle/Toggle";
+export { MdInput } from "./components/forms/md-input/MdInput";
+export type { MdInputProps } from "./components/forms/md-input/MdInput";
 export { MultiFileUpload } from "./components/forms/multi-file-upload/MultiFileUpload";
 export type { MultiFileUploadProps, FileUploadResult, FileChangeValue, } from "./components/forms/multi-file-upload/MultiFileUpload";
 export { FileUpload } from "./components/forms/file-upload/FileUpload";