@nxgt/material 1.0.4 → 1.1.0

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/forms/index.d.ts

@@ -41,4 +41,5 @@ export * from './textarea-form-field';
 export * from './time-form-field';
 export * from './timezone-form-field';
 export * from './transfer-list-form-field';
+export * from './upload-form-field';
 export * from './url-form-field';

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[];
+};

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

@@ -0,0 +1,20 @@
+import { ComponentProps, ComponentType, ReactNode } from 'react';
+export type PagerItem = {
+    title: ReactNode;
+    href: string;
+    description?: ReactNode;
+};
+export type PagerLinkComponent = ComponentType<{
+    href: string;
+    className?: string;
+    children?: ReactNode;
+}>;
+export type PagerProps = Omit<ComponentProps<'nav'>, 'children'> & {
+    previous?: PagerItem;
+    next?: PagerItem;
+    previousLabel?: string;
+    nextLabel?: string;
+    shortcuts?: boolean;
+    linkComponent?: PagerLinkComponent;
+};
+export declare function Pager({ previous, next, previousLabel, nextLabel, shortcuts, linkComponent: Link, className, ...props }: PagerProps): import("react").JSX.Element | null;

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

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

package/dist/lib/components/ui/param-table.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type ParamTableRow = {
+    name: string;
+    type?: ReactNode;
+    defaultValue?: ReactNode;
+    required?: boolean;
+    description?: ReactNode;
+};
+export type ParamTableProps = {
+    params: ParamTableRow[];
+    className?: string;
+};
+export declare function ParamTable({ params, className }: ParamTableProps): import("react").JSX.Element | null;

package/dist/lib/components/ui/param-table.stories.d.ts

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

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

@@ -0,0 +1,17 @@
+import { ComponentProps, ComponentType, ReactNode } from 'react';
+export type SeeAlsoItem = {
+    id?: string;
+    title: ReactNode;
+    href: string;
+};
+export type SeeAlsoLinkComponent = ComponentType<{
+    href: string;
+    className?: string;
+    children?: ReactNode;
+}>;
+export type SeeAlsoProps = Omit<ComponentProps<'nav'>, 'children'> & {
+    items: SeeAlsoItem[];
+    label?: string;
+    linkComponent?: SeeAlsoLinkComponent;
+};
+export declare function SeeAlso({ items, label, linkComponent: Link, className, ...props }: SeeAlsoProps): import("react").JSX.Element | null;

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

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

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

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+export type SkipLinkProps = ComponentProps<'a'>;
+export declare function SkipLink({ href, className, children, ...props }: SkipLinkProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type StepsProps = {
+    children?: ReactNode;
+    className?: string;
+};
+export declare function Steps({ children, className }: StepsProps): import("react").JSX.Element;
+export type StepsItemProps = {
+    title?: ReactNode;
+    index?: number;
+    children?: ReactNode;
+    className?: string;
+};
+export declare function StepsItem({ title, index, children, className, }: StepsItemProps): import("react").JSX.Element;

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

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

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

@@ -1,6 +1,9 @@
 import { Tabs as TabsPrimitive } from 'radix-ui';
 import { ComponentProps, ReactNode } from 'react';
-declare function Tabs({ className, ...props }: ComponentProps<typeof TabsPrimitive.Root>): import("react").JSX.Element;
+export type TabsVariant = 'bar' | 'line';
+declare function Tabs({ className, variant, ...props }: ComponentProps<typeof TabsPrimitive.Root> & {
+    variant?: TabsVariant;
+}): import("react").JSX.Element;
 declare function TabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
 declare function TabsTrigger({ className, children, icon, ...props }: {
     icon?: ReactNode;

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

@@ -12,3 +12,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Line: Story;