@stackone/malachite 0.36.0 → 0.37.0

package/dist/index.d.ts

@@ -354,11 +354,14 @@ export declare const defaultTheme: MalachiteTheme;
 
 export declare const Divider: default_2.FC<DividerProps>;
 
+export declare type DividerLineStyle = 'solid' | 'dashed';
+
 declare interface DividerProps {
     margin?: SpacingSize;
     padding?: PaddingSize;
     className?: string;
     variant?: DividerVariant;
+    lineStyle?: DividerLineStyle;
     grow?: boolean;
 }
 
@@ -1157,6 +1160,16 @@ declare interface SpinnerProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const StatBadge: default_2.FC<StatBadgeProps>;
+
+export declare interface StatBadgeProps {
+    /** The numeric value shown in the pill. */
+    count: number;
+    /** Caption shown next to the pill. */
+    label: string;
+    className?: string;
+}
+
 export declare const Statistic: default_2.FC<StatisticProps>;
 
 declare interface StatisticLabelProps {
@@ -1214,6 +1227,14 @@ export declare interface StepperProps {
     'aria-label'?: string;
 }
 
+export declare const Surface: default_2.FC<SurfaceProps>;
+
+export declare interface SurfaceProps {
+    children?: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
 export declare const Swatch: default_2.FC<SwatchProps>;
 
 export declare interface SwatchProps {
@@ -1486,4 +1507,27 @@ export declare const Typography: {
 
 export declare type WidthSize = 'large' | 'medium' | 'small' | 'xsmall';
 
+export declare const WizardLayout: default_2.FC<WizardLayoutProps>;
+
+export declare interface WizardLayoutProps {
+    /** Renders the outline back button in the top-left slot. */
+    showBack?: boolean;
+    onBack?: () => void;
+    backDisabled?: boolean;
+    /** Centered top-bar slot — typically a <Stepper />. */
+    stepper?: default_2.ReactNode;
+    /** Right top-bar slot — e.g. a theme toggle. */
+    trailing?: default_2.ReactNode;
+    /** Pinned to the bottom of the screen — typically a <FooterNav />. */
+    footer?: default_2.ReactNode;
+    /** Vertically centre the content (used for terminal/success screens). */
+    center?: boolean;
+    /** Max width of the centered content column. */
+    contentWidth?: number;
+    /** Minimum width of the whole layout, below which it scrolls horizontally. */
+    minWidth?: number;
+    children?: default_2.ReactNode;
+    className?: string;
+}
+
 export { }