@moving-walls/design-system 1.0.14 → 1.0.16

package/dist/components/ui/Form.d.ts

@@ -10,6 +10,7 @@ interface FormProps {
     disabled?: boolean;
     size?: 'sm' | 'md' | 'lg';
     layout?: 'vertical' | 'horizontal' | 'inline';
+    id?: string;
 }
 interface FormSectionProps {
     children: React.ReactNode;
@@ -49,7 +50,7 @@ interface FormActionsProps {
     className?: string;
     align?: 'left' | 'center' | 'right';
 }
-export declare function Form({ children, onSubmit, className, disabled, size, layout }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function Form({ children, onSubmit, className, disabled, size, layout, id, }: FormProps): import("react/jsx-runtime").JSX.Element;
 export declare function FormSection({ children, title, description, className }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
 export declare function FormGroup({ children, className, required }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare function FormField({ children, className }: FormFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/MetricCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface MetricCardChange {
+    value: string;
+    isPositive: boolean;
+}
+export interface MetricCardProps {
+    title: string;
+    value: string;
+    description?: string;
+    icon?: React.ReactNode;
+    change?: MetricCardChange;
+    showTrendIcon?: boolean;
+    centerY?: boolean;
+    className?: string;
+}
+export declare function MetricCard({ title, value, description, icon, change, showTrendIcon, centerY, className, }: MetricCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/ProgressBar.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface ProgressBarProps {
+    /** Current progress percentage (0–100) */
+    value: number;
+    /** Size variant */
+    size?: 'small' | 'medium';
+    /** Color variant */
+    color?: 'primary' | 'success' | 'danger' | 'warning' | 'neutral';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show percentage label on the right */
+    showLabel?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessibility label */
+    ariaLabel?: string;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/index.d.ts

@@ -24,6 +24,10 @@ export { Filter } from './Filter';
 export type { FilterRule, FilterField, FilterOperator, FilterType } from './Filter';
 export { RichTextEditor } from './RichTextEditor';
 export { DocumentEditor } from './DocumentEditor';
+export { MetricCard } from './MetricCard';
+export type { MetricCardProps, MetricCardChange } from './MetricCard';
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';
 export { Card, CardHeader, CardContent, CardFooter, CardTitle, CardDescription } from './Card';
 export { Badge } from './Badge';
 export { Alert } from './Alert';