@tk-kit/design-system 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/base/alert/alert.d.ts +10 -0
- package/dist/components/base/alert/index.d.ts +1 -0
- package/dist/components/base/badge/badge.d.ts +7 -0
- package/dist/components/base/badge/badge.variants.d.ts +5 -0
- package/dist/components/base/badge/index.d.ts +3 -0
- package/dist/components/base/button/button.d.ts +10 -0
- package/dist/components/base/button/button.variants.d.ts +4 -0
- package/dist/components/base/button/index.d.ts +3 -0
- package/dist/components/base/calendar/calendar.d.ts +10 -0
- package/dist/components/base/calendar/index.d.ts +1 -0
- package/dist/components/base/card/card.d.ts +11 -0
- package/dist/components/base/card/index.d.ts +1 -0
- package/dist/components/base/command/command.d.ts +18 -0
- package/dist/components/base/command/index.d.ts +1 -0
- package/dist/components/base/dialog/dialog.d.ts +17 -0
- package/dist/components/base/dialog/index.d.ts +1 -0
- package/dist/components/base/input/index.d.ts +3 -0
- package/dist/components/base/input/input.d.ts +8 -0
- package/dist/components/base/input/input.variants.d.ts +4 -0
- package/dist/components/base/label/index.d.ts +1 -0
- package/dist/components/base/label/label.d.ts +4 -0
- package/dist/components/base/link/index.d.ts +2 -0
- package/dist/components/base/link/link.d.ts +32 -0
- package/dist/components/base/loading/index.d.ts +1 -0
- package/dist/components/base/loading/loading.d.ts +7 -0
- package/dist/components/base/popover/index.d.ts +1 -0
- package/dist/components/base/popover/popover.d.ts +12 -0
- package/dist/components/base/separator/index.d.ts +1 -0
- package/dist/components/base/separator/separator.d.ts +4 -0
- package/dist/components/base/status/index.d.ts +2 -0
- package/dist/components/base/status/status-order.d.ts +10 -0
- package/dist/components/base/status/status-order.variants.d.ts +5 -0
- package/dist/components/base/table/index.d.ts +4 -0
- package/dist/components/base/table/table-header.d.ts +5 -0
- package/dist/components/base/table/table-row.d.ts +8 -0
- package/dist/components/base/table/table-section.d.ts +10 -0
- package/dist/components/base/table/table.d.ts +4 -0
- package/dist/components/base/tabs/index.d.ts +1 -0
- package/dist/components/base/tabs/tabs.d.ts +14 -0
- package/dist/components/base/test/test.d.ts +1 -0
- package/dist/components/base/textarea/index.d.ts +1 -0
- package/dist/components/base/textarea/textarea.d.ts +8 -0
- package/dist/components/base/tooltip/index.d.ts +1 -0
- package/dist/components/base/tooltip/tooltip.d.ts +7 -0
- package/dist/components/form/checkbox/checkbox.d.ts +9 -0
- package/dist/components/form/checkbox/checkbox.variants.d.ts +6 -0
- package/dist/components/form/checkbox/index.d.ts +3 -0
- package/dist/components/form/date-range-picker/date-range-picker.d.ts +24 -0
- package/dist/components/form/date-range-picker/index.d.ts +2 -0
- package/dist/components/form/dropdown/dropdown.d.ts +24 -0
- package/dist/components/form/dropdown/index.d.ts +1 -0
- package/dist/components/form/file-upload-field/file-upload-base.d.ts +14 -0
- package/dist/components/form/file-upload-field/file-upload-field.d.ts +8 -0
- package/dist/components/form/file-upload-field/index.d.ts +3 -0
- package/dist/components/form/input-field/index.d.ts +1 -0
- package/dist/components/form/input-field/input-field.d.ts +10 -0
- package/dist/components/form/input-password/index.d.ts +1 -0
- package/dist/components/form/input-password/input-password.d.ts +9 -0
- package/dist/components/form/input-phone/index.d.ts +1 -0
- package/dist/components/form/input-phone/input-phone.d.ts +7 -0
- package/dist/components/form/input-search/index.d.ts +1 -0
- package/dist/components/form/input-search/input-search.d.ts +4 -0
- package/dist/components/form/radio-group/index.d.ts +5 -0
- package/dist/components/form/radio-group/radio-button.d.ts +10 -0
- package/dist/components/form/radio-group/radio-circle.d.ts +11 -0
- package/dist/components/form/radio-group/radio-circle.variants.d.ts +12 -0
- package/dist/components/form/radio-group/radio-group.context.d.ts +3 -0
- package/dist/components/form/radio-group/radio-group.d.ts +8 -0
- package/dist/components/form/radio-group/radio-item.d.ts +10 -0
- package/dist/components/form/radio-group/radio-segmented.d.ts +10 -0
- package/dist/components/form/switcher/index.d.ts +2 -0
- package/dist/components/form/switcher/switcher.d.ts +14 -0
- package/dist/components/form/switcher/switcher.variants.d.ts +10 -0
- package/dist/components/form/textarea-field/index.d.ts +1 -0
- package/dist/components/form/textarea-field/textarea-field.d.ts +10 -0
- package/dist/components/icons/arrow-down-icon.d.ts +2 -0
- package/dist/components/icons/arrow-icon.d.ts +2 -0
- package/dist/components/icons/arrow-left-icon.d.ts +2 -0
- package/dist/components/icons/attach-icon.d.ts +2 -0
- package/dist/components/icons/barcode-icon.d.ts +2 -0
- package/dist/components/icons/bell-icon.d.ts +2 -0
- package/dist/components/icons/calendar-icon.d.ts +2 -0
- package/dist/components/icons/card-refresh-icon.d.ts +2 -0
- package/dist/components/icons/cash-icon.d.ts +2 -0
- package/dist/components/icons/delivery-address-icon.d.ts +2 -0
- package/dist/components/icons/developer-icon.d.ts +2 -0
- package/dist/components/icons/doc-doc-icon.d.ts +2 -0
- package/dist/components/icons/doc-docx-icon.d.ts +2 -0
- package/dist/components/icons/doc-jpeg-icon.d.ts +2 -0
- package/dist/components/icons/doc-jpg-icon.d.ts +2 -0
- package/dist/components/icons/doc-pcx-icon.d.ts +2 -0
- package/dist/components/icons/doc-pdf-icon.d.ts +2 -0
- package/dist/components/icons/doc-png-icon.d.ts +2 -0
- package/dist/components/icons/doc-ppt-icon.d.ts +2 -0
- package/dist/components/icons/doc-pptx-icon.d.ts +2 -0
- package/dist/components/icons/doc-txt-icon.d.ts +2 -0
- package/dist/components/icons/doc-xls-icon.d.ts +2 -0
- package/dist/components/icons/exit-icon.d.ts +2 -0
- package/dist/components/icons/eye-icon.d.ts +2 -0
- package/dist/components/icons/eye-off-icon.d.ts +2 -0
- package/dist/components/icons/file-icon.d.ts +2 -0
- package/dist/components/icons/flag-ru-icon.d.ts +2 -0
- package/dist/components/icons/headphones-icon.d.ts +2 -0
- package/dist/components/icons/index.d.ts +47 -0
- package/dist/components/icons/info-icon.d.ts +2 -0
- package/dist/components/icons/location-icon.d.ts +2 -0
- package/dist/components/icons/lock-icon.d.ts +2 -0
- package/dist/components/icons/main-icon.d.ts +2 -0
- package/dist/components/icons/orders-icon.d.ts +2 -0
- package/dist/components/icons/pretension-icon.d.ts +2 -0
- package/dist/components/icons/printer-icon.d.ts +2 -0
- package/dist/components/icons/redirect-icon.d.ts +2 -0
- package/dist/components/icons/reload-icon.d.ts +2 -0
- package/dist/components/icons/sample-icon.d.ts +2 -0
- package/dist/components/icons/search-icon.d.ts +2 -0
- package/dist/components/icons/settings-icon.d.ts +2 -0
- package/dist/components/icons/sort-down-icon.d.ts +2 -0
- package/dist/components/icons/sort-up-icon.d.ts +2 -0
- package/dist/components/icons/spinner-icon.d.ts +2 -0
- package/dist/components/icons/stop-icon.d.ts +2 -0
- package/dist/components/icons/unlock-icon.d.ts +2 -0
- package/dist/components/icons/user-icon.d.ts +2 -0
- package/dist/components/icons/user-switch-icon.d.ts +2 -0
- package/dist/hooks/use-debounce.d.ts +1 -0
- package/dist/hooks/use-mobile.d.ts +1 -0
- package/dist/hooks/use-period.d.ts +13 -0
- package/dist/hooks/use-scroll-collapse.d.ts +5 -0
- package/dist/index.cjs +52 -0
- package/dist/index.d.ts +37 -0
- package/dist/index.js +20603 -0
- package/dist/lib/get-document-icon.d.ts +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/validations.d.ts +15 -0
- package/dist/logo.svg +3 -0
- package/dist/styles/_typography.css +422 -0
- package/dist/styles/_utilities.css +402 -0
- package/dist/styles/_variables.css +695 -0
- package/dist/styles/globals.css +306 -0
- package/dist/styles/tokens.css +303 -0
- package/dist/styles.css +1 -0
- package/package.json +107 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "warning" | "danger" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Alert, AlertTitle, AlertDescription, AlertAction };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert, AlertAction, AlertDescription, AlertTitle } from './alert.tsx';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { badgeVariants } from './badge.variants';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants> & {
|
|
5
|
+
count?: number | string;
|
|
6
|
+
};
|
|
7
|
+
export declare function Badge({ className, type, state, size, count, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const badgeVariants: (props?: ({
|
|
2
|
+
type?: "warning" | "danger" | "brand" | "success" | "neutral" | null | undefined;
|
|
3
|
+
state?: "default" | "active" | null | undefined;
|
|
4
|
+
size?: "default" | "sm" | "xs" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { buttonVariants } from './button.variants.ts';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
iconLeft?: React.ReactNode;
|
|
8
|
+
iconRight?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function Button({ className, variant, size, asChild, loading, disabled, children, iconLeft, iconRight, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const buttonVariants: (props?: ({
|
|
2
|
+
variant?: "radio" | "primary" | "secondary" | "tertiary" | "ghost" | "primary_danger" | "ghost_danger" | "radio_segmented" | "invisible" | null | undefined;
|
|
3
|
+
size?: "auto" | "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DayPicker, DayButton, Locale } from 'react-day-picker';
|
|
2
|
+
import { Button } from '../button';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
5
|
+
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
|
|
8
|
+
locale?: Partial<Locale>;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Calendar, CalendarDayButton };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Calendar } from './calendar';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare function Card({ className, size, ...props }: React.ComponentProps<'div'> & {
|
|
3
|
+
size?: 'default' | 'sm';
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Card } from './card';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Command as CommandPrimitive } from 'cmdk';
|
|
2
|
+
import { Dialog } from '../dialog';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
|
|
6
|
+
title?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
showCloseButton?: boolean;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from './command.tsx';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Dialog as DialogPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
9
|
+
showCloseButton?: boolean;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
|
|
13
|
+
showCloseButton?: boolean;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog.tsx';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { inputVariants } from './input.variants';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants>;
|
|
5
|
+
export declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<(props?: ({
|
|
6
|
+
variant?: "stroke" | "filled" | null | undefined;
|
|
7
|
+
state?: "default" | "error" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label } from './label';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const linkVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "disabled" | null | undefined;
|
|
5
|
+
size?: "sm" | "md" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
type LinkVariants = VariantProps<typeof linkVariants>;
|
|
8
|
+
type AsComponent = React.ElementType<{
|
|
9
|
+
to?: string;
|
|
10
|
+
href?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}>;
|
|
15
|
+
interface LinkProps extends LinkVariants {
|
|
16
|
+
className?: string;
|
|
17
|
+
iconLeft?: React.ReactNode;
|
|
18
|
+
iconRight?: React.ReactNode;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
underline?: boolean;
|
|
21
|
+
external?: boolean;
|
|
22
|
+
href?: string;
|
|
23
|
+
to?: string;
|
|
24
|
+
back?: boolean;
|
|
25
|
+
onClick?: () => void;
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
as?: AsComponent;
|
|
28
|
+
onBack?: () => void;
|
|
29
|
+
}
|
|
30
|
+
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
31
|
+
export { Link };
|
|
32
|
+
export type { LinkProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Loading } from './loading';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from './popover.tsx';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Popover as PopoverPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, sideOffset, children, showCloseButton, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
|
|
6
|
+
showCloseButton?: boolean;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function PopoverTitle({ className, ...props }: React.ComponentProps<'h2'>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function PopoverDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Separator } from './separator.tsx';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Separator as SeparatorPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Separator };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
name: string;
|
|
3
|
+
activeStep?: number;
|
|
4
|
+
totalSteps?: number;
|
|
5
|
+
variant?: 'progress' | 'success' | 'error';
|
|
6
|
+
className?: string;
|
|
7
|
+
stepTooltips?: React.ReactNode[];
|
|
8
|
+
};
|
|
9
|
+
export declare function StatusOrder({ name, activeStep, totalSteps, variant, className, stepTooltips, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const barVariants: (props?: ({
|
|
2
|
+
variant?: "progress" | "success" | null | undefined;
|
|
3
|
+
filled?: boolean | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export declare const errorBarVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type TableRowProps = {
|
|
3
|
+
main: React.ReactNode;
|
|
4
|
+
secondary?: React.ReactNode;
|
|
5
|
+
cells: React.ReactNode[];
|
|
6
|
+
};
|
|
7
|
+
export declare function TableRow({ main, secondary, cells }: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
title: string;
|
|
4
|
+
total?: string;
|
|
5
|
+
collapsible?: boolean;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare function TableSection({ title, total, collapsible, children, className }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Tabs as TabsPrimitive } from 'radix-ui';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const tabsListVariants: (props?: ({
|
|
6
|
+
variant?: "default" | "line" | "orders" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
declare const tabsTriggerVariants: (props?: ({
|
|
9
|
+
variant?: "default" | null | undefined;
|
|
10
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
|
+
declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function TabsTrigger({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Test: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './textarea';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { inputVariants } from '../input/input.variants';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<typeof inputVariants>;
|
|
5
|
+
export declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<(props?: ({
|
|
6
|
+
variant?: "stroke" | "filled" | null | undefined;
|
|
7
|
+
state?: "default" | "error" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './tooltip';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { checkboxVariants } from './checkbox.variants';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
5
|
+
export interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare function Checkbox({ className, state, label, id, disabled, checked, onCheckedChange, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Checkbox };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const checkboxVariants: (props?: ({
|
|
2
|
+
state?: "default" | "error" | null | undefined;
|
|
3
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
4
|
+
export declare const checkboxLabelVariants: (props?: ({
|
|
5
|
+
state?: "default" | "error" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { DateRange } from 'react-day-picker';
|
|
2
|
+
export interface DateRangePickerProps {
|
|
3
|
+
mode?: 'range' | 'single';
|
|
4
|
+
value?: DateRange | Date;
|
|
5
|
+
onChange?: (value: DateRange | undefined) => void;
|
|
6
|
+
onChangeSingle?: (value: Date | undefined) => void;
|
|
7
|
+
label?: string;
|
|
8
|
+
onRangeChange?: (range: {
|
|
9
|
+
dateFrom: string;
|
|
10
|
+
dateTo: string;
|
|
11
|
+
}) => void;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
withCalendarIcon?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
id?: string;
|
|
17
|
+
mobileTitle?: string;
|
|
18
|
+
mobileBtnLabel?: string;
|
|
19
|
+
errorMessage?: string;
|
|
20
|
+
errorPlaceholder?: string;
|
|
21
|
+
state?: 'default' | 'error';
|
|
22
|
+
disablePastDates?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare function DateRangePicker({ mode, value, onChange, onChangeSingle, onRangeChange, placeholder, disabled, className, errorMessage, state, withCalendarIcon, disablePastDates, mobileTitle, mobileBtnLabel, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type Option = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
};
|
|
5
|
+
type DropdownProps<T extends string | string[]> = {
|
|
6
|
+
options: Option[];
|
|
7
|
+
value?: T;
|
|
8
|
+
onChange?: (value: T) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
errorMessage?: string;
|
|
12
|
+
errorPlaceholder?: string;
|
|
13
|
+
errorDescription?: string;
|
|
14
|
+
state?: 'default' | 'error';
|
|
15
|
+
variant?: 'filled' | 'stroke';
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
displayMode?: 'list' | 'count';
|
|
19
|
+
variantSpecial?: string;
|
|
20
|
+
isMulti?: boolean;
|
|
21
|
+
withSearch?: boolean;
|
|
22
|
+
};
|
|
23
|
+
export declare function Dropdown<T extends string | string[]>({ options, value, onChange, placeholder, label, errorMessage, errorDescription, state, variant, disabled, className, variantSpecial, displayMode, isMulti, withSearch, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dropdown } from './dropdown';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface UploadedFile {
|
|
2
|
+
file: File;
|
|
3
|
+
error?: string;
|
|
4
|
+
}
|
|
5
|
+
export interface FileUploadBaseProps {
|
|
6
|
+
value: UploadedFile[];
|
|
7
|
+
onChange: (files: UploadedFile[]) => void;
|
|
8
|
+
maxSize?: number;
|
|
9
|
+
accept?: Record<string, string[]>;
|
|
10
|
+
multiple?: boolean;
|
|
11
|
+
label?: string;
|
|
12
|
+
error?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function FileUploadBase({ value, onChange, maxSize, accept, multiple, label, error, }: FileUploadBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Control, FieldValues, Path } from 'react-hook-form';
|
|
2
|
+
import { FileUploadBaseProps } from './file-upload-base';
|
|
3
|
+
type FileUploadFieldProps<T extends FieldValues> = Omit<FileUploadBaseProps, 'value' | 'onChange' | 'error'> & {
|
|
4
|
+
name: Path<T>;
|
|
5
|
+
control: Control<T>;
|
|
6
|
+
};
|
|
7
|
+
export declare function FileUploadField<T extends FieldValues>({ name, control, ...rest }: FileUploadFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputField, type InputFieldProps } from './input-field';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Input } from '../../base/input';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type InputFieldProps = React.ComponentProps<typeof Input> & {
|
|
4
|
+
label?: string;
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
variantSpecial?: string;
|
|
7
|
+
hideClearButton?: boolean;
|
|
8
|
+
showErrorMessage?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const InputField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputPassword, type InputPasswordProps } from './input-password.tsx';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { InputField } from '../input-field';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type InputPasswordProps = Omit<ComponentProps<typeof InputField>, 'label' | 'type' | 'hideClearButton'> & {
|
|
5
|
+
value?: string;
|
|
6
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
label?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare function InputPassword({ className, state, disabled, value, onChange, label, ...props }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputPhone, type InputPhoneProps } from './input-phone.tsx';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputField } from '../input-field';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export type InputPhoneProps = Omit<ComponentProps<typeof InputField>, 'value' | 'onChange' | 'type' | 'defaultValue'> & {
|
|
4
|
+
value?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function InputPhone({ className, state, disabled, value, onChange, label, ...props }: InputPhoneProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputSearch, type InputSearchProps } from './input-search';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { InputField } from '../input-field';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type InputSearchProps = Omit<React.ComponentProps<typeof InputField>, 'label'>;
|
|
4
|
+
export declare function InputSearch({ className, state, disabled, value, onChange, onBlur, ...props }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
+
interface RadioButtonItemProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: 'md' | 'sm';
|
|
7
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'radio';
|
|
8
|
+
}
|
|
9
|
+
export declare function RadioButtonItem({ value, children, label, size, variant, className, ...props }: RadioButtonItemProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { radioCircleVariants } from './radio-circle.variants';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
5
|
+
interface RadioCircleItemProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioCircleVariants> {
|
|
6
|
+
label?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function RadioCircleItem({ className, state, disabled, id, label, description, value, ...props }: RadioCircleItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const radioCircleVariants: (props?: ({
|
|
2
|
+
state?: "default" | "error" | "checkedDisabled" | null | undefined;
|
|
3
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
4
|
+
export declare const radioCircleIndicator: (props?: ({
|
|
5
|
+
state?: "default" | "error" | "checkedDisabled" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export declare const radioCircleLabel: (props?: ({
|
|
8
|
+
state?: "default" | "error" | "checkedDisabled" | null | undefined;
|
|
9
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
+
export declare const radioCircleDescription: (props?: ({
|
|
11
|
+
state?: "default" | "error" | "checkedDisabled" | null | undefined;
|
|
12
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RadioVariant } from './radio-group.context';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
4
|
+
interface RadioGroupProps extends React.ComponentProps<typeof RadioGroupPrimitive.Root> {
|
|
5
|
+
variant?: RadioVariant;
|
|
6
|
+
}
|
|
7
|
+
export declare function RadioGroup({ variant, className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
+
type RadioItemProps = ComponentProps<typeof RadioGroupPrimitive.Item> & {
|
|
4
|
+
label?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
state?: 'default' | 'error' | 'checkedDisabled';
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export declare function RadioItem({ children, label, ...props }: RadioItemProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|