@nxgt/material 1.0.5 → 1.2.0

package/dist/lib/components/ui/doc/doc.keyboard.d.ts

@@ -0,0 +1,20 @@
+export type DocKeyboardActions = {
+    openSearch: () => void;
+    closeOverlays: () => void;
+    goPrevious?: () => void;
+    goNext?: () => void;
+};
+export declare function isTypingTarget(target: unknown): boolean;
+export declare function isDocSearchHotkey(event: {
+    key: string;
+    metaKey: boolean;
+    ctrlKey: boolean;
+}): boolean;
+export declare function handleDocKeyDown(event: {
+    key: string;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    altKey?: boolean;
+    target?: unknown;
+    preventDefault: () => void;
+}, actions: DocKeyboardActions): void;

package/dist/lib/components/ui/doc/doc.keyboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/doc/doc.slice.d.ts

@@ -0,0 +1,97 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { DocChromeState } from './types';
+export declare const docSlice: import('@reduxjs/toolkit').Slice<DocChromeState, {
+    setSidebarOpen: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<boolean>) => void;
+    setSearchOpen: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<boolean>) => void;
+    setQuery: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string>) => void;
+    setActiveHeadingId: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string | null>) => void;
+    toggleCollapsed: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string>) => void;
+    setCollapsedIds: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string[]>) => void;
+}, "doc", "doc", import('@reduxjs/toolkit').SliceSelectors<DocChromeState>>;
+export declare const docActions: import('@reduxjs/toolkit').CaseReducerActions<{
+    setSidebarOpen: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<boolean>) => void;
+    setSearchOpen: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<boolean>) => void;
+    setQuery: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string>) => void;
+    setActiveHeadingId: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string | null>) => void;
+    toggleCollapsed: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string>) => void;
+    setCollapsedIds: (state: {
+        sidebarOpen: boolean;
+        searchOpen: boolean;
+        query: string;
+        activeHeadingId: string | null;
+        collapsedIds: string[];
+    }, action: PayloadAction<string[]>) => void;
+}, "doc">;
+export declare const docSelectors: {
+    selectSidebarOpen: (state: DocChromeState) => boolean;
+    selectSearchOpen: (state: DocChromeState) => boolean;
+    selectQuery: (state: DocChromeState) => string;
+    selectActiveHeadingId: (state: DocChromeState) => string | null;
+    selectIsCollapsed: (state: DocChromeState, id: string) => boolean;
+};

package/dist/lib/components/ui/doc/doc.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { Doc } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof Doc;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Phone: Story;
+export declare const Dark: Story;
+export declare const NotFound: Story;

package/dist/lib/components/ui/doc/doc.stories.data.d.ts

@@ -0,0 +1,7 @@
+import { DocNavItem, DocTocItem } from './types';
+export declare const ITEMS: DocNavItem[];
+export declare const TOC: Record<string, DocTocItem[]>;
+export declare const PAGES: Record<string, {
+    title: string;
+    description: string;
+}>;

package/dist/lib/components/ui/doc/doc.utils.d.ts

@@ -0,0 +1,29 @@
+import { slugify } from '../../../lib/string.utils';
+import { headingText } from '../anchor-heading.utils';
+import { DocNavItem, DocPagerLink, DocSearchHit } from './types';
+export { headingText, slugify };
+export declare function navLabel(item: DocNavItem): string;
+/**
+ * Whether `href` covers `pathname` — an exact match, or a whole-segment prefix.
+ * `/docs` covers `/docs/install` but not `/docs-old`.
+ */
+export declare function isDocPathActive(pathname: string, href: string): boolean;
+export declare function flattenDocNav(items: DocNavItem[], group?: string): DocSearchHit[];
+/**
+ * The nav href to light for the current path: the longest one that covers it.
+ */
+export declare function findActiveDocHref(items: DocNavItem[], pathname: string): string | undefined;
+export declare function findDocPager(items: DocNavItem[], pathname: string): {
+    previous?: DocPagerLink;
+    next?: DocPagerLink;
+};
+export { isExternalHref } from '../../../lib/url.utils';
+/** Child pages of the nav entry whose href is exactly `pathname`. */
+export declare function findDocChildren(items: DocNavItem[], pathname: string): DocNavItem[];
+/** Other href children of the parent that contains `pathname`. */
+export declare function findDocSiblings(items: DocNavItem[], pathname: string): DocNavItem[];
+/**
+ * Keep items whose label matches `query`, plus ancestors.
+ * A matching parent keeps its full subtree.
+ */
+export declare function filterDocNav(items: DocNavItem[], query: string): DocNavItem[];

package/dist/lib/components/ui/doc/doc.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,36 @@
+export type { DocProps } from './doc';
+export { Doc } from './doc';
+export { handleDocKeyDown, isDocSearchHotkey, isTypingTarget, } from './doc.keyboard';
+export { docActions, docSelectors, docSlice } from './doc.slice';
+export { filterDocNav, findActiveDocHref, findDocChildren, findDocPager, findDocSiblings, flattenDocNav, headingText, isDocPathActive, isExternalHref, navLabel, slugify, } from './doc.utils';
+export { DocProvider, useDocContext, useOptionalDocContext, } from './doc-context';
+export type { DocArticleProps } from './partials/doc-article';
+export { DocArticle } from './partials/doc-article';
+export { DocChildCards } from './partials/doc-child-cards';
+export { DocCopyMarkdown, DocCopyPage } from './partials/doc-copy-actions';
+export type { DocEmptyProps } from './partials/doc-empty';
+export { DocEmpty } from './partials/doc-empty';
+export type { DocHeaderCrumb, DocHeaderProps } from './partials/doc-header';
+export { DocHeader } from './partials/doc-header';
+export { DefaultDocLink, DocLink } from './partials/doc-link';
+export type { DocNavProps } from './partials/doc-nav';
+export { DocNav } from './partials/doc-nav';
+export type { DocPageProps } from './partials/doc-page';
+export { DocPage } from './partials/doc-page';
+export type { DocPagerProps } from './partials/doc-pager';
+export { DocPager } from './partials/doc-pager';
+export type { DocProgressProps } from './partials/doc-progress';
+export { DocProgress } from './partials/doc-progress';
+export { DocSearch } from './partials/doc-search';
+export type { DocSeeAlsoProps } from './partials/doc-see-also';
+export { DocSeeAlso } from './partials/doc-see-also';
+export type { DocSidebarProps } from './partials/doc-sidebar';
+export { DocSidebar } from './partials/doc-sidebar';
+export { DocSkipLink } from './partials/doc-skip-link';
+export type { DocTocProps } from './partials/doc-toc';
+export { DocToc } from './partials/doc-toc';
+export type { DocTopbarProps } from './partials/doc-topbar';
+export { DocTopbar } from './partials/doc-topbar';
+export type { DocChromeState, DocLinkComponent, DocLinkProps, DocNavItem, DocPagerLink, DocSearchHit, DocTocItem, } from './types';
+export type { DocModel, UseDocOptions } from './use-doc';
+export { useDoc } from './use-doc';

package/dist/lib/components/ui/doc/partials/doc-article.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type DocArticleProps = {
+    children?: ReactNode;
+    className?: string;
+};
+export declare function DocArticle({ children, className }: DocArticleProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-child-cards.d.ts

@@ -0,0 +1,4 @@
+export type DocChildCardsProps = {
+    className?: string;
+};
+export declare function DocChildCards({ className }: DocChildCardsProps): import("react").JSX.Element | null;

package/dist/lib/components/ui/doc/partials/doc-copy-actions.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare function DocCopyPage({ title }: {
+    title: ReactNode;
+}): import("react").JSX.Element;
+export declare function DocCopyMarkdown({ markdown }: {
+    markdown?: string;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-empty.d.ts

@@ -0,0 +1,3 @@
+import { EmptyStateProps } from '../../feedback/empty-state';
+export type DocEmptyProps = EmptyStateProps;
+export declare function DocEmpty({ variant, className, ...props }: DocEmptyProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-header.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type DocHeaderCrumb = {
+    title: ReactNode;
+    href?: string;
+};
+export type DocHeaderProps = {
+    title: ReactNode;
+    description?: ReactNode;
+    badge?: ReactNode;
+    crumbs?: DocHeaderCrumb[];
+    editHref?: string;
+    updatedAt?: ReactNode | Date;
+    copyPage?: boolean;
+    copyMarkdown?: boolean;
+    markdown?: string;
+    className?: string;
+};
+export declare function DocHeader({ title, description, badge, crumbs, editHref, updatedAt, copyPage, copyMarkdown, markdown, className, }: DocHeaderProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-link.d.ts

@@ -0,0 +1,3 @@
+import { DocLinkProps } from '../types';
+export declare function DefaultDocLink({ href, className, children, onClick, ...props }: DocLinkProps): import("react").JSX.Element;
+export declare function DocLink({ href, className, onClick, children, ...props }: DocLinkProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-nav.d.ts

@@ -0,0 +1,4 @@
+export type DocNavProps = {
+    className?: string;
+};
+export declare function DocNav({ className }: DocNavProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-page.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { DocHeaderProps } from './doc-header';
+export type DocPageProps = DocHeaderProps & {
+    children?: ReactNode;
+};
+export declare function DocPage({ children, className, ...header }: DocPageProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-pager.d.ts

@@ -0,0 +1,4 @@
+export type DocPagerProps = {
+    className?: string;
+};
+export declare function DocPager({ className }: DocPagerProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-progress.d.ts

@@ -0,0 +1,3 @@
+import { ScrollProgressProps } from '../../feedback/scroll-progress';
+export type DocProgressProps = ScrollProgressProps;
+export declare function DocProgress(props: DocProgressProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-search.d.ts

@@ -0,0 +1 @@
+export declare function DocSearch(): import("react").JSX.Element | null;

package/dist/lib/components/ui/doc/partials/doc-see-also.d.ts

@@ -0,0 +1,4 @@
+export type DocSeeAlsoProps = {
+    className?: string;
+};
+export declare function DocSeeAlso({ className }: DocSeeAlsoProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-sidebar.d.ts

@@ -0,0 +1,4 @@
+export type DocSidebarProps = {
+    className?: string;
+};
+export declare function DocSidebar({ className }: DocSidebarProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-skip-link.d.ts

@@ -0,0 +1,2 @@
+import { SkipLinkProps } from '../../skip-link';
+export declare function DocSkipLink(props: SkipLinkProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-toc.d.ts

@@ -0,0 +1,6 @@
+export type DocTocProps = {
+    className?: string;
+    /** `rail` is the xl+ column. `panel` is the in-page collapsible used below xl. */
+    placement?: 'rail' | 'panel';
+};
+export declare function DocToc({ className, placement }: DocTocProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/partials/doc-topbar.d.ts

@@ -0,0 +1,4 @@
+export type DocTopbarProps = {
+    className?: string;
+};
+export declare function DocTopbar({ className }: DocTopbarProps): import("react").JSX.Element;

package/dist/lib/components/ui/doc/types.d.ts

@@ -0,0 +1,46 @@
+import { ComponentType, MouseEventHandler, ReactNode } from 'react';
+export type DocLinkProps = {
+    href: string;
+    className?: string;
+    children?: ReactNode;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+};
+export type DocLinkComponent = ComponentType<DocLinkProps>;
+export type DocNavItem = {
+    id: string;
+    title: ReactNode;
+    /** Plain-text label for search and aria. Defaults to `title` when it is a string. */
+    label?: string;
+    href?: string;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    description?: ReactNode;
+    items?: DocNavItem[];
+    disabled?: boolean;
+};
+export type DocTocItem = {
+    id: string;
+    title: ReactNode;
+    level: 2 | 3 | 4;
+};
+export type DocPagerLink = {
+    title: ReactNode;
+    href: string;
+    description?: ReactNode;
+};
+export type DocSearchHit = {
+    id: string;
+    title: string;
+    href: string;
+    group?: string;
+    icon?: ReactNode;
+    description?: string;
+    disabled?: boolean;
+};
+export type DocChromeState = {
+    sidebarOpen: boolean;
+    searchOpen: boolean;
+    query: string;
+    activeHeadingId: string | null;
+    collapsedIds: string[];
+};

package/dist/lib/components/ui/doc/use-doc.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { DocLinkComponent, DocNavItem, DocPagerLink, DocTocItem } from './types';
+export type UseDocOptions = {
+    items: DocNavItem[];
+    pathname: string;
+    toc?: DocTocItem[];
+    brand?: ReactNode;
+    actions?: ReactNode;
+    searchable?: boolean;
+    onNavigate?: (href: string) => void;
+    linkComponent?: DocLinkComponent;
+    previous?: DocPagerLink | null;
+    next?: DocPagerLink | null;
+    defaultCollapsedIds?: string[];
+};
+export declare function useDoc({ items, pathname, toc, brand, actions, searchable, onNavigate, linkComponent, previous, next, defaultCollapsedIds, }: UseDocOptions): {
+    items: DocNavItem[];
+    pathname: string;
+    toc: DocTocItem[];
+    brand: ReactNode;
+    actions: ReactNode;
+    searchable: boolean;
+    linkComponent: DocLinkComponent | undefined;
+    chrome: import('./types').DocChromeState;
+    chromeActions: {
+        setSidebarOpen: (payload: boolean) => void;
+        setSearchOpen: (payload: boolean) => void;
+        setQuery: (payload: string) => void;
+        setActiveHeadingId: (payload: string | null) => void;
+        toggleCollapsed: (payload: string) => void;
+        setCollapsedIds: (payload: string[]) => void;
+    };
+    navigate: (href: string) => void;
+    onNavigate: ((href: string) => void) | undefined;
+    pager: {
+        previous?: DocPagerLink;
+        next?: DocPagerLink;
+    };
+    hits: import('./types').DocSearchHit[];
+    activeHref: string | undefined;
+    articleRef: import('react').RefObject<HTMLElement | null>;
+};
+export type DocModel = ReturnType<typeof useDoc>;

package/dist/lib/components/ui/feedback/empty-state.stories.d.ts

@@ -8,4 +8,5 @@ export declare const Empty: Story;
 export declare const NotFound: Story;
 export declare const Unauthorized: Story;
 export declare const WithAction: Story;
+export declare const Dark: Story;
 export declare const FullyCustom: Story;

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

@@ -8,6 +8,7 @@ export * from './custom-dialog';
 export * from './empty-state';
 export * from './progress';
 export * from './progress-field';
+export * from './scroll-progress';
 export * from './spinner';
 export * from './toast';
 export * from './toasts';

package/dist/lib/components/ui/feedback/scroll-progress.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps, RefObject } from 'react';
+export type ScrollProgressProps = ComponentProps<'div'> & {
+    /** Scrollable element. Defaults to the window. */
+    target?: RefObject<HTMLElement | null>;
+};
+export declare function ScrollProgress({ className, target, 'aria-label': ariaLabel, ...props }: ScrollProgressProps): import("react").JSX.Element;

package/dist/lib/components/ui/feedback/scroll-progress.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { ScrollProgress } from './scroll-progress';
+declare const meta: {
+    title: string;
+    component: typeof ScrollProgress;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Window: Story;
+export declare const InContainer: Story;

package/dist/lib/components/ui/figure.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, ReactNode } from 'react';
+export type FigureProps = {
+    caption?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+} & Omit<ComponentProps<'figure'>, 'children'>;
+export declare function Figure({ caption, children, className, ...props }: FigureProps): import("react").JSX.Element;

package/dist/lib/components/ui/figure.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Figure } from '..';
+declare const meta: {
+    title: string;
+    component: typeof Figure;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/hero.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type HeroProps = {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+};
+export declare function Hero({ eyebrow, title, description, actions, children, className, }: HeroProps): import("react").JSX.Element;

package/dist/lib/components/ui/hero.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Hero } from '..';
+declare const meta: {
+    title: string;
+    component: typeof Hero;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/highlight-text.d.ts

@@ -0,0 +1,6 @@
+export type HighlightTextProps = {
+    text: string;
+    query?: string;
+    className?: string;
+};
+export declare function HighlightText({ text, query, className, }: HighlightTextProps): import("react").JSX.Element;

package/dist/lib/components/ui/highlight-text.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { HighlightText } from './highlight-text';
+declare const meta: {
+    title: string;
+    component: typeof HighlightText;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/list-tile.d.ts

@@ -5,8 +5,9 @@ export type ListTileProps = {
     title: ReactNode;
     subtitle?: ReactNode;
     selected?: boolean;
+    size?: 'sm' | 'md';
     href?: string;
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
 } & Omit<HTMLAttributes<HTMLElement>, 'children' | 'title' | 'onClick'>;
-export declare function ListTile({ title, subtitle, leading, trailing, className, selected, href, disabled, onClick, ...props }: ListTileProps): import("react").JSX.Element;
+export declare function ListTile({ title, subtitle, leading, trailing, className, selected, size, href, disabled, onClick, ...props }: ListTileProps): import("react").JSX.Element;

package/dist/lib/components/ui/list-tile.stories.d.ts

@@ -12,6 +12,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Leading: Story;
+export declare const Small: Story;
 export declare const Selected: Story;
 export declare const Clickable: Story;
 export declare const AsLink: Story;

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

@@ -0,0 +1,6 @@
+export { BreakdownCard } from './partials/breakdown-card';
+export { GoalCard } from './partials/goal-card';
+export { RankCard } from './partials/rank-card';
+export { Sparkline } from './partials/sparkline';
+export { TrendCard } from './partials/trend-card';
+export type { BreakdownCardProps, BreakdownItem, GoalCardProps, RankCardProps, RankItem, TrendCardProps, } from './types';

package/dist/lib/components/ui/metrics/metrics.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Trend: Story;
+export declare const Goal: Story;
+export declare const Breakdown: Story;
+export declare const Rank: Story;
+export declare const Dashboard: Story;
+export declare const Phone: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/metrics/metrics.stories.data.d.ts

@@ -0,0 +1,5 @@
+export declare const SERIES: number[];
+export declare function TrendDemo(): import("react").JSX.Element;
+export declare function GoalDemo(): import("react").JSX.Element;
+export declare function BreakdownDemo(): import("react").JSX.Element;
+export declare function RankDemo(): import("react").JSX.Element;

package/dist/lib/components/ui/metrics/partials/breakdown-card.d.ts

@@ -0,0 +1,2 @@
+import { BreakdownCardProps } from '../types';
+export declare function BreakdownCard({ label, items, className, ...props }: BreakdownCardProps): import("react").JSX.Element;

package/dist/lib/components/ui/metrics/partials/goal-card.d.ts

@@ -0,0 +1,2 @@
+import { GoalCardProps } from '../types';
+export declare function GoalCard({ label, value, target, unit, className, ...props }: GoalCardProps): import("react").JSX.Element;

package/dist/lib/components/ui/metrics/partials/rank-card.d.ts

@@ -0,0 +1,2 @@
+import { RankCardProps } from '../types';
+export declare function RankCard({ label, items, className, ...props }: RankCardProps): import("react").JSX.Element;

package/dist/lib/components/ui/metrics/partials/sparkline.d.ts

@@ -0,0 +1,5 @@
+export type SparklineProps = {
+    series: number[];
+    className?: string;
+};
+export declare function Sparkline({ series, className }: SparklineProps): import("react").JSX.Element | null;

package/dist/lib/components/ui/metrics/partials/trend-card.d.ts

@@ -0,0 +1,2 @@
+import { TrendCardProps } from '../types';
+export declare function TrendCard({ label, value, delta, deltaTone, series, className, ...props }: TrendCardProps): import("react").JSX.Element;

package/dist/lib/components/ui/metrics/types.d.ts

@@ -0,0 +1,35 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Card } from '../card';
+import { StatDeltaTone } from '../stat-card/format-stat-delta';
+export type TrendCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    label: ReactNode;
+    value: ReactNode;
+    delta?: number | ReactNode;
+    deltaTone?: StatDeltaTone;
+    series?: number[];
+};
+export type GoalCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    label: ReactNode;
+    value: number;
+    target: number;
+    unit?: ReactNode;
+};
+export type BreakdownItem = {
+    label: ReactNode;
+    value?: ReactNode;
+    percent: number;
+};
+export type BreakdownCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    label: ReactNode;
+    items: BreakdownItem[];
+};
+export type RankItem = {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    trailing?: ReactNode;
+    rank?: number;
+};
+export type RankCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    label: ReactNode;
+    items: RankItem[];
+};