@stackone/malachite 0.35.2 → 0.37.0

package/dist/index.d.ts

@@ -8,6 +8,18 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
+export declare const Accordion: default_2.FC<AccordionProps>;
+
+export declare interface AccordionProps {
+    title: string;
+    className?: string;
+    children?: default_2.ReactNode;
+    trailing?: default_2.ReactNode;
+    defaultExpanded?: boolean;
+    isExpanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+}
+
 /**
  * ActionMenu is a kebab-style overflow action menu. The trigger renders a
  * three-dot icon button; on click, a popover appears with the given items.
@@ -123,9 +135,13 @@ declare interface ButtonListProps {
     buttons: Array<{
         key: string;
         children: ReactNode;
-        onClick: () => void;
+        onClick?: (event: default_2.MouseEvent) => void;
+        /** When set, the item renders as an anchor so it can be opened in a new tab. */
+        href?: string;
     }>;
     className?: string;
+    /** Renders shorter, denser rows. */
+    compact?: boolean;
 }
 
 declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -176,6 +192,21 @@ declare interface CardProps {
     };
 }
 
+export declare const Checkbox: default_2.FC<CheckboxProps>;
+
+export declare interface CheckboxProps {
+    checked: boolean;
+    /** Tri-state "partial" look — overrides the checked tick with a square. */
+    indeterminate?: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: number;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+    id?: string;
+}
+
 export declare const CodeBlock: default_2.FC<CodeBlockProps>;
 
 declare interface CodeBlockProps {
@@ -206,6 +237,33 @@ declare interface CodeTextProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const Confetti: default_2.FC<ConfettiProps>;
+
+export declare interface ConfettiProps {
+    /** Number of confetti pieces. */
+    count?: number;
+    /** Colors cycled across the pieces. */
+    colors?: string[];
+    className?: string;
+}
+
+export declare interface ConnectionEndpoint {
+    /** Icon/glyph shown in the tile (coloured white when a `background` is set). */
+    icon: default_2.ReactNode;
+    /** Optional name — shown as a caption under the tiles and used as the tile's label. */
+    label?: string;
+    /** Tile background. When omitted, a neutral surface is used. */
+    background?: string;
+}
+
+export declare const ConnectionHeader: default_2.FC<ConnectionHeaderProps>;
+
+export declare interface ConnectionHeaderProps {
+    from: ConnectionEndpoint;
+    to: ConnectionEndpoint;
+    className?: string;
+}
+
 export declare const CustomIcons: {
     AccountIcon: FC<IconProps>;
     AccountsIcon: FC<IconProps>;
@@ -262,6 +320,7 @@ export declare const CustomIcons: {
     NavbarCollapseIcon: FC<IconProps>;
     NavbarExpandIcon: FC<IconProps>;
     NotFoundIcon: FC<IconProps>;
+    OrganizationIcon: FC<IconProps>;
     PlusIcon: FC<IconProps>;
     PreviewIcon: FC<IconProps>;
     ProgrammaticWebhookIcon: FC<IconProps>;
@@ -279,6 +338,8 @@ export declare const CustomIcons: {
     SourceIcon: FC<IconProps>;
     SyntheticWebhookIcon: FC<IconProps>;
     TrashIcon: FC<IconProps>;
+    TriangleDownIcon: FC<IconProps>;
+    TriangleRightIcon: FC<IconProps>;
     UploadIcon: FC<IconProps>;
     WarningCircleFilled: FC<IconProps>;
     WarningTriangleIcon: FC<IconProps>;
@@ -293,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;
 }
 
@@ -417,6 +481,19 @@ declare interface FooterLinksProps {
     showDocsSupport?: boolean;
 }
 
+export declare const FooterNav: default_2.FC<FooterNavProps>;
+
+export declare interface FooterNavLink {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+
+export declare interface FooterNavProps {
+    links: FooterNavLink[];
+    className?: string;
+}
+
 export declare const Form: default_2.FC<FormProps>;
 
 export declare const FormItem: default_2.FC<FormItemProps>;
@@ -585,6 +662,7 @@ export declare interface MalachiteTheme {
             border: string;
             shadow: string;
             dimmedBackground: string;
+            sunkenBackground: string;
             warmBackground: string;
             headerBackground: string;
             footerBackground: string;
@@ -954,6 +1032,19 @@ export declare interface ProgressProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const Radio: default_2.FC<RadioProps>;
+
+export declare interface RadioProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: number;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+    id?: string;
+}
+
 /**
  * Reset theme to default values
  */
@@ -968,6 +1059,7 @@ export declare interface SearchProps {
     onChange: (value: string) => void;
     placeholder?: string;
     size?: SearchSize;
+    variant?: SearchVariant;
     disabled?: boolean;
     autoFocus?: boolean;
     className?: string;
@@ -976,6 +1068,8 @@ export declare interface SearchProps {
 
 export declare type SearchSize = 'small' | 'medium';
 
+export declare type SearchVariant = 'default' | 'muted';
+
 declare interface SecondaryTextProps {
     children: default_2.ReactNode;
     fontWeight?: FontWeight;
@@ -1066,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 {
@@ -1099,6 +1203,38 @@ declare interface StatisticValueProps {
 
 export declare type StatisticValueSize = 'small' | 'medium' | 'large';
 
+export declare const StatusBadge: default_2.FC<StatusBadgeProps>;
+
+export declare interface StatusBadgeProps {
+    type?: StatusBadgeType;
+    size?: number;
+    className?: string;
+    'aria-label'?: string;
+}
+
+export declare type StatusBadgeType = 'success' | 'error' | 'warning' | 'info';
+
+export declare const Stepper: default_2.FC<StepperProps>;
+
+export declare interface StepperProps {
+    /** Total number of steps. */
+    steps: number;
+    /** Active step index (0-based). */
+    active: number;
+    /** When provided, each step becomes a clickable control. */
+    onChange?: (index: number) => void;
+    className?: string;
+    '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 {
@@ -1371,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 { }