@stackone/malachite 0.35.2 → 0.36.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>;
@@ -417,6 +478,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 +659,7 @@ export declare interface MalachiteTheme {
             border: string;
             shadow: string;
             dimmedBackground: string;
+            sunkenBackground: string;
             warmBackground: string;
             headerBackground: string;
             footerBackground: string;
@@ -954,6 +1029,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 +1056,7 @@ export declare interface SearchProps {
     onChange: (value: string) => void;
     placeholder?: string;
     size?: SearchSize;
+    variant?: SearchVariant;
     disabled?: boolean;
     autoFocus?: boolean;
     className?: string;
@@ -976,6 +1065,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;
@@ -1099,6 +1190,30 @@ 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 Swatch: default_2.FC<SwatchProps>;
 
 export declare interface SwatchProps {