tguikit 0.3.0 → 0.4.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, Ref, ReactNode, BlockquoteHTMLAttributes, AllHTMLAttributes, ElementType, InputHTMLAttributes, ImgHTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { HTMLAttributes, Ref, ReactNode, BlockquoteHTMLAttributes, AllHTMLAttributes, ElementType, InputHTMLAttributes, ImgHTMLAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
 
 interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     ref?: Ref<HTMLDivElement>;
@@ -91,6 +91,21 @@ declare namespace Blockquote {
     var displayName: string;
 }
 
+interface BreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbsProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    ref?: Ref<HTMLElement>;
+    items: BreadcrumbItem[];
+    maxItems?: number;
+}
+declare function Breadcrumbs({ ref, items, maxItems, className, ...rest }: BreadcrumbsProps): react.JSX.Element;
+declare namespace Breadcrumbs {
+    var displayName: string;
+}
+
 type TguiPlatform = 'ios' | 'base';
 type Appearance = 'light' | 'dark';
 interface TguiContextValue {
@@ -292,6 +307,28 @@ declare namespace Image {
     var displayName: string;
 }
 
+type InlineButtonsMode = 'bezeled' | 'plain' | 'gray';
+
+interface InlineButtonsItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    ref?: Ref<HTMLButtonElement>;
+    icon: ReactNode;
+    children: ReactNode;
+}
+declare function InlineButtonsItem({ ref, icon, children, className, ...rest }: InlineButtonsItemProps): react.JSX.Element;
+declare namespace InlineButtonsItem {
+    var displayName: string;
+}
+
+interface InlineButtonsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    mode?: InlineButtonsMode;
+}
+declare function InlineButtons({ ref, mode, className, children, ...rest }: InlineButtonsProps): react.JSX.Element;
+declare namespace InlineButtons {
+    var displayName: string;
+    var Item: typeof InlineButtonsItem;
+}
+
 type InputStatus = 'default' | 'error' | 'focused';
 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     ref?: Ref<HTMLInputElement>;
@@ -330,6 +367,30 @@ declare namespace List {
     var displayName: string;
 }
 
+interface CompactPaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    ref?: Ref<HTMLElement>;
+    page: number;
+    count: number;
+    onChange: (page: number) => void;
+    siblingCount?: number;
+}
+declare function CompactPagination({ ref, page, count, onChange, siblingCount, className, ...rest }: CompactPaginationProps): react.JSX.Element;
+declare namespace CompactPagination {
+    var displayName: string;
+}
+
+interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    ref?: Ref<HTMLElement>;
+    page: number;
+    count: number;
+    onChange: (page: number) => void;
+    siblingCount?: number;
+}
+declare function Pagination({ ref, page, count, onChange, siblingCount, className, ...rest }: PaginationProps): react.JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
+
 interface PinInputProps {
     ref?: Ref<HTMLDivElement>;
     length?: number;
@@ -406,6 +467,19 @@ declare namespace Rating {
     var displayName: string;
 }
 
+interface SearchBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    ref?: Ref<HTMLDivElement>;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    onCancel?: () => void;
+    label?: string;
+}
+declare function SearchBar({ ref, value, onChange, placeholder, onCancel, label, className, ...rest }: SearchBarProps): react.JSX.Element;
+declare namespace SearchBar {
+    var displayName: string;
+}
+
 interface SectionFooterProps extends HTMLAttributes<HTMLElement> {
     ref?: Ref<HTMLElement>;
     centered?: boolean;
@@ -559,6 +633,30 @@ declare namespace Spoiler {
     var displayName: string;
 }
 
+interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    ref?: Ref<HTMLDivElement>;
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}
+declare function Stepper({ ref, value, onChange, min, max, step, disabled, className, ...rest }: StepperProps): react.JSX.Element;
+declare namespace Stepper {
+    var displayName: string;
+}
+
+interface StepsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    count: number;
+    progress: number;
+}
+declare function Steps({ ref, count, progress, className, ...rest }: StepsProps): react.JSX.Element;
+declare namespace Steps {
+    var displayName: string;
+}
+
 type SubheadlineLevel = '1' | '2';
 
 interface SubheadlineProps extends TypographyProps {
@@ -632,6 +730,26 @@ declare namespace TguiProvider {
 
 declare function useTgui(): TguiContextValue;
 
+interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
+    ref?: Ref<HTMLOListElement>;
+}
+declare function Timeline({ ref, className, children, ...rest }: TimelineProps): react.JSX.Element;
+declare namespace Timeline {
+    var displayName: string;
+}
+
+interface TimelineItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title'> {
+    ref?: Ref<HTMLLIElement>;
+    title: ReactNode;
+    description?: ReactNode;
+    time?: ReactNode;
+    active?: boolean;
+}
+declare function TimelineItem({ ref, title, description, time, active, className, ...rest }: TimelineItemProps): react.JSX.Element;
+declare namespace TimelineItem {
+    var displayName: string;
+}
+
 type TitleLevel = '1' | '2' | '3';
 
 interface TitleProps extends TypographyProps {
@@ -658,5 +776,5 @@ declare namespace Tooltip {
     var displayName: string;
 }
 
-export { Accordion, AccordionItem, Avatar, AvatarStack, Badge, Banner, Blockquote, Button, Caption, Card, CardCell, Cell, Checkbox, Chip, CircularProgress, Divider, FixedLayout, Headline, HorizontalScroll, IconButton, Image, Input, LargeTitle, Link, List, PinInput, Placeholder, Portal, Progress, Radio, Rating, Section, SectionFooter, SectionHeader, SegmentedControl, SegmentedControlItem, Select, Sheet, Skeleton, Slider, SnackbarProvider, Spinner, Spoiler, Subheadline, Switch, TabBar, TabBarItem, Tappable, Text, Textarea, TguiProvider, Title, Tooltip, Typography, useSnackbar, useTgui };
-export type { AccordionItemProps, AccordionProps, AvatarProps, AvatarSize, AvatarStackProps, BadgeMode, BadgeProps, BadgeType, BannerProps, BannerType, BlockquoteProps, ButtonMode, ButtonProps, ButtonSize, CaptionProps, CardCellProps, CardProps, CardType, CellProps, CheckboxProps, ChipMode, ChipProps, CircularProgressProps, CircularProgressSize, DividerProps, FixedLayoutProps, HeadlineProps, HorizontalScrollProps, IconButtonMode, IconButtonProps, IconButtonSize, ImageProps, InputProps, InputStatus, LargeTitleProps, LinkProps, ListProps, PinInputProps, PlaceholderProps, PortalProps, ProgressProps, RadioProps, RatingProps, SectionFooterProps, SectionHeaderProps, SectionProps, SegmentedControlItemProps, SegmentedControlProps, SelectProps, SheetProps, SkeletonProps, SliderProps, SnackbarApi, SnackbarOptions, SnackbarProviderProps, SpinnerProps, SpinnerSize, SpoilerProps, SubheadlineProps, SwitchProps, TabBarItemProps, TabBarProps, TappableProps, TextProps, TextareaProps, TextareaStatus, TguiProviderProps, TitleProps, TooltipPlacement, TooltipProps, TypographyProps };
+export { Accordion, AccordionItem, Avatar, AvatarStack, Badge, Banner, Blockquote, Breadcrumbs, Button, Caption, Card, CardCell, Cell, Checkbox, Chip, CircularProgress, CompactPagination, Divider, FixedLayout, Headline, HorizontalScroll, IconButton, Image, InlineButtons, InlineButtonsItem, Input, LargeTitle, Link, List, Pagination, PinInput, Placeholder, Portal, Progress, Radio, Rating, SearchBar, Section, SectionFooter, SectionHeader, SegmentedControl, SegmentedControlItem, Select, Sheet, Skeleton, Slider, SnackbarProvider, Spinner, Spoiler, Stepper, Steps, Subheadline, Switch, TabBar, TabBarItem, Tappable, Text, Textarea, TguiProvider, Timeline, TimelineItem, Title, Tooltip, Typography, useSnackbar, useTgui };
+export type { AccordionItemProps, AccordionProps, AvatarProps, AvatarSize, AvatarStackProps, BadgeMode, BadgeProps, BadgeType, BannerProps, BannerType, BlockquoteProps, BreadcrumbItem, BreadcrumbsProps, ButtonMode, ButtonProps, ButtonSize, CaptionProps, CardCellProps, CardProps, CardType, CellProps, CheckboxProps, ChipMode, ChipProps, CircularProgressProps, CircularProgressSize, CompactPaginationProps, DividerProps, FixedLayoutProps, HeadlineProps, HorizontalScrollProps, IconButtonMode, IconButtonProps, IconButtonSize, ImageProps, InlineButtonsItemProps, InlineButtonsMode, InlineButtonsProps, InputProps, InputStatus, LargeTitleProps, LinkProps, ListProps, PaginationProps, PinInputProps, PlaceholderProps, PortalProps, ProgressProps, RadioProps, RatingProps, SearchBarProps, SectionFooterProps, SectionHeaderProps, SectionProps, SegmentedControlItemProps, SegmentedControlProps, SelectProps, SheetProps, SkeletonProps, SliderProps, SnackbarApi, SnackbarOptions, SnackbarProviderProps, SpinnerProps, SpinnerSize, SpoilerProps, StepperProps, StepsProps, SubheadlineProps, SwitchProps, TabBarItemProps, TabBarProps, TappableProps, TextProps, TextareaProps, TextareaStatus, TguiProviderProps, TimelineItemProps, TimelineProps, TitleProps, TooltipPlacement, TooltipProps, TypographyProps };