@stackone/malachite 0.4.0 → 0.5.1

package/dist/index.d.ts

@@ -14,6 +14,9 @@ declare interface AlertProps {
     message: string;
     hasMargin?: boolean;
     className?: string;
+    children?: default_2.ReactNode;
+    isExpanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
 }
 
 declare type AlertType = 'info' | 'success' | 'error' | 'warning';
@@ -126,6 +129,25 @@ declare interface CardProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const CodeBlock: default_2.FC<CodeBlockProps>;
+
+declare interface CodeBlockProps {
+    /** The code content to display */
+    code?: string;
+    /** JSON object to display as formatted JSON */
+    json?: object;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: default_2.CSSProperties;
+    /** Height of the code block */
+    height?: string | number;
+    /** Enable copy functionality */
+    enableCopy?: boolean;
+}
+
 declare interface CodeTextProps {
     bold?: boolean;
     size?: FontSize;
@@ -309,37 +331,6 @@ declare interface FooterLinksProps {
     showDocsSupport?: boolean;
 }
 
-/**
- * Form component that escapes Shadow DOM to avoid "Invalid hook call" errors.
- *
- * This component automatically renders outside Shadow DOM boundaries, allowing
- * react-hook-form hooks to work properly while maintaining the styling and
- * functionality expected from a form component.
- *
- * @example
- * // Works inside MalachiteContext - form will escape Shadow DOM automatically
- * <MalachiteContext>
- *   <Form
- *     defaultValues={{ username: '', email: '' }}
- *     onFinish={(data) => console.log(data)}
- *   >
- *     <Input name="username" label="Username" required />
- *     <Input name="email" label="Email" required />
- *     <Button type="submit">Submit</Button>
- *   </Form>
- * </MalachiteContext>
- *
- * @example
- * // Advanced usage with external form instance
- * const form = useForm({ defaultValues: { username: '' } });
- *
- * <MalachiteContext>
- *   <Form formInstance={form} onFinish={onSubmit}>
- *     <Input name="username" />
- *     <Button type="submit">Submit</Button>
- *   </Form>
- * </MalachiteContext>
- */
 export declare const Form: default_2.FC<FormProps>;
 
 export declare const FormItem: default_2.FC<FormItemProps>;
@@ -580,6 +571,17 @@ export declare interface MalachiteTheme {
             linkForeground: string;
             linkForegroundHover: string;
         };
+        codeBlock: {
+            background: string;
+            foreground: string;
+            border: string;
+            lineNumber: string;
+            keyword: string;
+            comment: string;
+            string: string;
+            number: string;
+            type: string;
+        };
     };
 }
 
@@ -587,6 +589,7 @@ declare interface MarkdownProps {
     text: string;
     color?: TextColor;
     size?: FontSize;
+    omitMargin?: boolean;
 }
 
 export declare const Padded: default_2.FC<PaddedProps>;
@@ -626,6 +629,7 @@ export declare interface PartialMalachiteTheme {
         buttonList?: Partial<MalachiteTheme['colors']['buttonList']>;
         pillButton?: Partial<MalachiteTheme['colors']['pillButton']>;
         text?: Partial<MalachiteTheme['colors']['text']>;
+        codeBlock?: Partial<MalachiteTheme['colors']['codeBlock']>;
     };
 }