@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.3

package/types/components/job-name/job-name.d.ts

@@ -7,20 +7,20 @@ export function JobName({ as: Component, title, internalBuildNumber, children, .
 }): JSX.Element;
 export namespace JobName {
     namespace defaultProps {
-        const as: string;
-        const title: string;
-        const internalBuildNumber: null;
-        const children: null;
+        let as: string;
+        let title: string;
+        let internalBuildNumber: null;
+        let children: null;
     }
     namespace propTypes {
-        const as_1: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+        let as_1: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
         export { as_1 as as };
-        const title_1: PropTypes.Requireable<string>;
+        let title_1: PropTypes.Requireable<string>;
         export { title_1 as title };
-        const internalBuildNumber_1: PropTypes.Requireable<number>;
+        let internalBuildNumber_1: PropTypes.Requireable<number>;
         export { internalBuildNumber_1 as internalBuildNumber };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         export { children_1 as children };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/jobs-header/index.d.ts

@@ -1 +1 @@
-export * from "./jobs-header";
+export * from './jobs-header';

package/types/components/jobs-header/jobs-header.d.ts

@@ -1,16 +1,19 @@
-export function JobsHeader(props: any): JSX.Element;
-export namespace JobsHeader {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const jobs: PropTypes.Requireable<(PropTypes.InferProps<{
-            internalBuildNumber: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const jobs_1: null;
-        export { jobs_1 as jobs };
-    }
+import React from 'react';
+interface ItemProps {
+    job: {
+        internalBuildNumber: number;
+        meta?: {
+            webpack?: {
+                builtAt?: string;
+                hash?: string;
+            };
+        };
+    };
+    tag: string;
 }
-import PropTypes from "prop-types";
+export declare const Item: (props: ItemProps & React.ComponentProps<'div'>) => JSX.Element;
+interface JobsHeaderProps {
+    jobs?: Array<ItemProps['job']> | null;
+}
+export declare const JobsHeader: (props: JobsHeaderProps & React.ComponentProps<'header'>) => JSX.Element;
+export {};

package/types/components/lighthouse-table/lighthouse-table.d.ts

@@ -1,14 +1,14 @@
 export function LighthouseTable(props: any): JSX.Element;
 export namespace LighthouseTable {
     namespace defaultProps {
-        const className: string;
-        const jobs: never[];
+        let className: string;
+        let jobs: never[];
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const jobs_1: PropTypes.Requireable<any[]>;
+        let jobs_1: PropTypes.Requireable<any[]>;
         export { jobs_1 as jobs };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metric/index.d.ts

@@ -1 +1 @@
-export * from "./metric";
+export * from './metric';

package/types/components/metric/metric.d.ts

@@ -1,33 +1,7 @@
-export function Metric({ className, value, formatter, inline, children, enhanced }: {
-    className: any;
-    value: any;
-    formatter: any;
-    inline: any;
-    children: any;
-    enhanced: any;
-}): JSX.Element;
-export namespace Metric {
-    namespace defaultProps {
-        const className: string;
-        const enhanced: boolean;
-        const inline: boolean;
-        const value: number;
-        const children: never[];
-        function formatter(val: any): any;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const enhanced_1: PropTypes.Requireable<boolean>;
-        export { enhanced_1 as enhanced };
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-        const value_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        export { value_1 as value };
-        const formatter_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { formatter_1 as formatter };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-    }
+import React from 'react';
+export interface MetricProps {
+    value?: React.ReactNode;
+    unit?: string;
+    inline?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Metric: (props: MetricProps & React.ComponentProps<'div'>) => JSX.Element;

package/types/components/metric-run-info/index.d.ts

@@ -0,0 +1 @@
+export * from './metric-run-info';

package/types/components/metric-run-info/metric-run-info.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { RunInfoProps } from '../run-info';
+export interface MetricRunInfoProps {
+    metricId: string;
+    current: number;
+    baseline?: number;
+    showDelta?: boolean;
+    showMetricDescription?: boolean;
+    showBaseline?: boolean;
+    size?: RunInfoProps['size'];
+    loading?: RunInfoProps['loading'];
+}
+export declare const MetricRunInfo: (props: MetricRunInfoProps & React.ComponentProps<'div'>) => JSX.Element;

package/types/components/metrics-table/metrics-table.d.ts

@@ -13,22 +13,22 @@ export function MetricsTable({ className, renderRowHeader, runs, items, emptyMes
 }): JSX.Element;
 export namespace MetricsTable {
     namespace defaultProps {
-        const className: string;
+        let className: string;
         function renderRowHeader(item: any): any;
-        const emptyMessage: string;
-        const showHeaderSum: boolean;
-        const headerRows: never[];
-        const title: string;
+        let emptyMessage: string;
+        let showHeaderSum: boolean;
+        let headerRows: never[];
+        let title: string;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const renderRowHeader_1: PropTypes.Requireable<(...args: any[]) => any>;
+        let renderRowHeader_1: PropTypes.Requireable<(...args: any[]) => any>;
         export { renderRowHeader_1 as renderRowHeader };
-        export const runs: PropTypes.Validator<(PropTypes.InferProps<{
+        export let runs: PropTypes.Validator<(PropTypes.InferProps<{
             internalBuildNumber: PropTypes.Requireable<number>;
         }> | null | undefined)[]>;
-        export const items: PropTypes.Validator<(PropTypes.InferProps<{
+        export let items: PropTypes.Validator<(PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             runs: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -36,16 +36,16 @@ export namespace MetricsTable {
                 displayDelta: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
             }> | null | undefined)[]>;
         }> | null | undefined)[]>;
-        const emptyMessage_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        let emptyMessage_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
         export { emptyMessage_1 as emptyMessage };
-        const showHeaderSum_1: PropTypes.Requireable<boolean>;
+        let showHeaderSum_1: PropTypes.Requireable<boolean>;
         export { showHeaderSum_1 as showHeaderSum };
-        const headerRows_1: PropTypes.Requireable<((NonNullable<PropTypes.ReactElementLike | PropTypes.InferProps<{
+        let headerRows_1: PropTypes.Requireable<((NonNullable<PropTypes.ReactElementLike | PropTypes.InferProps<{
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         }> | null | undefined> | null | undefined)[] | null | undefined)[]>;
         export { headerRows_1 as headerRows };
-        const title_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        let title_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
         export { title_1 as title };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table-options/metrics-table-options.d.ts

@@ -1,17 +1,17 @@
 export function MetricsTableOptions(props: any): JSX.Element;
 export namespace MetricsTableOptions {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
-        const handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
+        let className: PropTypes.Requireable<string>;
+        let handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
+        let handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
-        const handleViewAll_1: null;
+        let handleViewAll_1: null;
         export { handleViewAll_1 as handleViewAll };
-        const handleResetFilters_1: null;
+        let handleResetFilters_1: null;
         export { handleResetFilters_1 as handleResetFilters };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table-search/metrics-table-search.d.ts

@@ -1,16 +1,16 @@
 export function MetricsTableSearch(props: any): JSX.Element;
 export namespace MetricsTableSearch {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const placeholder: PropTypes.Requireable<string>;
-        const search: PropTypes.Validator<string>;
-        const updateSearch: PropTypes.Validator<(...args: any[]) => any>;
+        let className: PropTypes.Requireable<string>;
+        let placeholder: PropTypes.Requireable<string>;
+        let search: PropTypes.Validator<string>;
+        let updateSearch: PropTypes.Validator<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
-        const placeholder_1: string;
+        let placeholder_1: string;
         export { placeholder_1 as placeholder };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/metrics-table-title/metrics-table-title.d.ts

@@ -1,21 +1,21 @@
 export function MetricsTableTitle(props: any): JSX.Element;
 export namespace MetricsTableTitle {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const title: PropTypes.Validator<string>;
-        const info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const popoverHref: PropTypes.Requireable<string>;
-        const popoverInfo: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let title: PropTypes.Validator<string>;
+        let info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let popoverHref: PropTypes.Requireable<string>;
+        let popoverInfo: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
-        const info_1: null;
+        let info_1: null;
         export { info_1 as info };
-        const popoverHref_1: string;
+        let popoverHref_1: string;
         export { popoverHref_1 as popoverHref };
-        const popoverInfo_1: string;
+        let popoverInfo_1: string;
         export { popoverInfo_1 as popoverInfo };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/components/module-info/index.d.ts

@@ -1 +1 @@
-export * from "./module-info";
+export * from './module-info';

package/types/components/module-info/module-info.d.ts

@@ -1,35 +1,20 @@
-export function ModuleInfo(props: any): JSX.Element;
-export namespace ModuleInfo {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const item: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            key: PropTypes.Requireable<string>;
-            runs: PropTypes.Requireable<(PropTypes.InferProps<{
-                key: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                chunkIds: PropTypes.Requireable<(string | null | undefined)[]>;
-            }> | null | undefined)[]>;
-        }>>>;
-        const labels: PropTypes.Validator<(string | null | undefined)[]>;
-        const chunks: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const chunkIds: PropTypes.Requireable<(string | null | undefined)[]>;
-        const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const chunks_1: never[];
-        export { chunks_1 as chunks };
-        const chunkIds_1: never[];
-        export { chunkIds_1 as chunkIds };
-        export { ComponentLink as customComponentLink };
-        export { noop as onClick };
-    }
+import React from 'react';
+import { MetricRunInfo } from '@bundle-stats/utils';
+import { Module, MetaChunk } from '@bundle-stats/utils/types/webpack';
+interface ModuleInfoProps {
+    item: {
+        label: string;
+        changed?: boolean;
+        duplicated?: boolean;
+        thirdParty?: boolean;
+        fileType?: string;
+        runs: Array<Module & MetricRunInfo>;
+    };
+    chunks?: Array<MetaChunk>;
+    chunkIds?: Array<string>;
+    labels: Array<string>;
+    customComponentLink?: React.ElementType;
+    onClose: () => void;
 }
-import PropTypes from "prop-types";
-import { ComponentLink } from "../component-link";
-import noop from "lodash/noop";
+export declare const ModuleInfo: (props: ModuleInfoProps & React.ComponentProps<'div'>) => JSX.Element;
+export {};

package/types/components/package-info/index.d.ts

@@ -0,0 +1 @@
+export * from './package-info';

package/types/components/package-info/package-info.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { MetricRunInfo } from '@bundle-stats/utils';
+import { Package } from '@bundle-stats/utils/types/webpack';
+interface PackageInfoProps {
+    item: {
+        label: string;
+        duplicate?: boolean;
+        runs: Array<Package & MetricRunInfo>;
+    };
+    labels: Array<string>;
+    customComponentLink?: React.ElementType;
+    onClose: () => void;
+}
+export declare const PackageInfo: (props: PackageInfoProps & React.ComponentProps<'div'>) => JSX.Element;
+export {};

package/types/components/run-info/index.d.ts

@@ -0,0 +1 @@
+export * from './run-info';

package/types/components/run-info/run-info.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface RunInfoProps {
+    title?: string;
+    titleHoverCard?: React.ReactNode;
+    titleTooltip?: React.ReactNode;
+    current?: React.ReactNode;
+    baseline?: string;
+    delta?: string;
+    deltaType?: string;
+    as?: React.ElementType;
+    size?: 'small' | 'medium' | 'large';
+    showBaseline?: boolean;
+    loading?: boolean;
+    enhance?: boolean;
+}
+export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & React.ComponentProps<'div'>) => JSX.Element;

package/types/components/summary/index.d.ts

@@ -1 +1 @@
-export * from "./summary";
+export * from './summary';

package/types/components/summary/summary.d.ts

@@ -1,37 +1,26 @@
-export function Summary({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink: SummaryItemCustomLink, }: {
-    className: any;
-    size: any;
-    keys: any;
-    data: any;
-    loading: any;
-    showSummaryItemDelta: any;
-    summaryItemLink: any;
-}): JSX.Element;
-export namespace Summary {
-    namespace defaultProps {
-        export const className: string;
-        export const data: null;
-        export const loading: boolean;
-        export const size: string;
-        export { METRICS_WEBPACK_GENERAL as keys };
-        export const showSummaryItemDelta: boolean;
-        export { ComponentLink as summaryItemLink };
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        export const keys: PropTypes.Requireable<(string | null | undefined)[]>;
-        const data_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { data_1 as data };
-        const loading_1: PropTypes.Requireable<boolean>;
-        export { loading_1 as loading };
-        const showSummaryItemDelta_1: PropTypes.Requireable<boolean>;
-        export { showSummaryItemDelta_1 as showSummaryItemDelta };
-        export const summaryItemLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    }
+import React from 'react';
+import { MetricRunInfoProps } from '../metric-run-info';
+interface SummaryItemProps {
+    metricId: string;
+    data?: Record<string, SummaryItemData> | null;
+    customLink: React.ElementType;
+    size?: MetricRunInfoProps['size'];
+    loading: boolean;
+    showDelta: boolean;
+    showBaseline: boolean;
 }
-import { METRICS_WEBPACK_GENERAL } from "../../constants";
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+interface SummaryItemData {
+    current: number;
+    baseline: number;
+}
+interface SummaryProps {
+    size?: MetricRunInfoProps['size'];
+    keys?: Array<string>;
+    data?: SummaryItemProps['data'];
+    loading?: boolean;
+    showSummaryItemDelta?: SummaryItemProps['showDelta'];
+    showSummaryItemBaseline?: SummaryItemProps['showBaseline'];
+    summaryItemLink?: SummaryItemProps['customLink'];
+}
+export declare const Summary: ({ className, size, keys, data, loading, showSummaryItemDelta, showSummaryItemBaseline, summaryItemLink, }: SummaryProps & React.ComponentProps<'div'>) => JSX.Element;
+export {};

package/types/components/total-size-type-title/total-size-type-title.d.ts

@@ -3,11 +3,11 @@ export function TotalSizeTypeTitle({ className }: {
 }): JSX.Element;
 export namespace TotalSizeTypeTitle {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/constants.d.ts

@@ -1,19 +1,8 @@
-export const NO_SPACE: "no-space";
-export const SPACE_XXXSMALL: "xxxsmall";
-export const SPACE_XXSMALL: "xxsmall";
-export const SPACE_XSMALL: "xsmall";
-export const SPACE_SMALL: "small";
-export const SPACE_MEDIUM: "medium";
-export const SPACE_LARGE: "large";
-export const SPACE_XLARGE: "xlarge";
-export const SPACE_XXLARGE: "xxlarge";
-export const SPACE_XXXLARGE: "xxxlarge";
-export const SPACES: string[];
 export namespace URLS {
-    const OVERVIEW: string;
-    const ASSETS: string;
-    const MODULES: string;
-    const PACKAGES: string;
+    let OVERVIEW: string;
+    let ASSETS: string;
+    let MODULES: string;
+    let PACKAGES: string;
 }
 export const SECTION_URLS: {
     [x: string]: string;

package/types/i18n.d.ts

@@ -1,18 +1,18 @@
 declare namespace _default {
-    const OVERVIEW: string;
-    const ASSETS: string;
-    const ASSET_TOTALS: string;
-    const MODULES: string;
-    const PACKAGES: string;
-    const NO_DATA: string;
-    const CURRENT: string;
-    const BASELINE: string;
-    const READ_MORE: string;
-    const ASSETS_INFO: string;
-    const ASSET_TOTALS_INFO: string;
-    const MODULES_INFO: string;
-    const PACKAGES_INFO: string;
-    const RESET_FILTERS: string;
-    const VIEW_ALL: string;
+    let OVERVIEW: string;
+    let ASSETS: string;
+    let ASSET_TOTALS: string;
+    let MODULES: string;
+    let PACKAGES: string;
+    let NO_DATA: string;
+    let CURRENT: string;
+    let BASELINE: string;
+    let READ_MORE: string;
+    let ASSETS_INFO: string;
+    let ASSET_TOTALS_INFO: string;
+    let MODULES_INFO: string;
+    let PACKAGES_INFO: string;
+    let RESET_FILTERS: string;
+    let VIEW_ALL: string;
 }
 export default _default;

package/types/layout/box/box.d.ts

@@ -1,26 +1,13 @@
-export function Box(props: any): JSX.Element;
-export namespace Box {
-    namespace defaultProps {
-        export const className: string;
-        export const as: string;
-        export { NO_SPACE as padding };
-        export const horizontalPadding: string;
-        export const verticalPadding: string;
-        export const outline: boolean;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        export const padding: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
-        const horizontalPadding_1: PropTypes.Requireable<string>;
-        export { horizontalPadding_1 as horizontalPadding };
-        const verticalPadding_1: PropTypes.Requireable<string>;
-        export { verticalPadding_1 as verticalPadding };
-        const outline_1: PropTypes.Requireable<boolean>;
-        export { outline_1 as outline };
-    }
+import React from 'react';
+import { SPACES } from '../../tokens';
+type SpaceValue = (typeof SPACES)[number];
+interface BoxProps<T extends React.ElementType> {
+    as?: T;
+    padding?: SpaceValue | [SpaceValue, SpaceValue];
+    horizontalPadding?: SpaceValue;
+    verticalPadding?: SpaceValue;
+    outline?: boolean;
+    outlineHover?: boolean;
 }
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+export declare const Box: <T extends React.ElementType<any> = "div">(props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>) => JSX.Element;
+export {};

package/types/layout/box/index.d.ts

@@ -1 +1 @@
-export { Box } from "./box";
+export * from './box';

package/types/layout/flex-stack/flex-stack.d.ts

@@ -1,34 +1,11 @@
-export function FlexStack({ as: Component, className, space, inline, children, alignItems, ...restProps }: {
-    [x: string]: any;
-    as?: string | undefined;
-    className?: string | undefined;
-    space?: string | undefined;
-    inline?: boolean | undefined;
-    children?: null | undefined;
-    alignItems?: string | undefined;
-}): JSX.Element;
-export namespace FlexStack {
-    namespace defaultProps {
-        export const as: string;
-        export const className: string;
-        export const children: null;
-        export { NO_SPACE as space };
-        export const alignItems: undefined;
-        export const inline: boolean;
-    }
-    namespace propTypes {
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-        export const space: PropTypes.Requireable<string>;
-        const alignItems_1: PropTypes.Requireable<string>;
-        export { alignItems_1 as alignItems };
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-    }
+import React from 'react';
+import { SPACES } from '../../tokens';
+type SpaceValue = (typeof SPACES)[number];
+interface FlexStackProps<T extends React.ElementType> {
+    as?: T;
+    space?: SpaceValue;
+    inline?: boolean;
+    alignItems?: 'top' | 'center' | 'bottom';
 }
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+export declare const FlexStack: <T extends React.ElementType<any> = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => JSX.Element;
+export {};

package/types/layout/flex-stack/index.d.ts

@@ -1 +1 @@
-export * from "./flex-stack";
+export * from './flex-stack';