@datacrest/dcuikit 0.0.7 → 0.0.9
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/build/components/Atom/Button/Button.d.ts +2 -1
- package/build/components/Atom/Button/Button.types.d.ts +13 -7
- package/build/components/Atom/Button/index.d.ts +2 -1
- package/build/components/Atom/Checkbox/Checkbox.d.ts +2 -1
- package/build/components/Atom/Checkbox/index.d.ts +2 -1
- package/build/components/Atom/Icon/Icon.d.ts +2 -1
- package/build/components/Atom/Icon/index.d.ts +2 -1
- package/build/components/Atom/Input/Input.d.ts +3 -20
- package/build/components/Atom/Input/Input.stories.d.ts +1 -1
- package/build/components/Atom/Input/Input.types.d.ts +18 -0
- package/build/components/Atom/Input/index.d.ts +2 -2
- package/build/components/Atom/Radiogroup/RadioGroup.d.ts +11 -0
- package/build/components/Atom/Radiogroup/RadioGroup.stories.d.ts +5 -0
- package/build/components/Atom/Radiogroup/RadioGroup.test.d.ts +1 -0
- package/build/components/Atom/Radiogroup/index.d.ts +2 -0
- package/build/components/Atom/Radiogroup/types.d.ts +21 -0
- package/build/components/Atom/Radiogroup/variants.d.ts +56 -0
- package/build/components/Atom/Switch/Switch.d.ts +4 -0
- package/build/components/Atom/Switch/Switch.stories.d.ts +5 -0
- package/build/components/Atom/Switch/Switch.test.d.ts +1 -0
- package/build/components/Atom/Switch/const.d.ts +41 -0
- package/build/components/Atom/Switch/index.d.ts +5 -0
- package/build/components/Atom/Switch/types.d.ts +19 -0
- package/build/components/Atom/Typography/Typography.d.ts +5 -2
- package/build/components/Atom/Typography/index.d.ts +4 -1
- package/build/components/Molecule/AlertDialog/AlertDialog.d.ts +4 -0
- package/build/components/Molecule/AlertDialog/AlertDialog.stories.d.ts +54 -0
- package/build/components/Molecule/AlertDialog/AlertDialog.test.d.ts +1 -0
- package/build/components/Molecule/AlertDialog/const.d.ts +5 -0
- package/build/components/Molecule/AlertDialog/index.d.ts +2 -0
- package/build/components/Molecule/AlertDialog/types.d.ts +11 -0
- package/build/components/Molecule/BreadCrumb/BreadCrumb.d.ts +4 -0
- package/build/components/Molecule/BreadCrumb/BreadCrumb.stories.d.ts +5 -0
- package/build/components/Molecule/BreadCrumb/BreadCrumb.test.d.ts +1 -0
- package/build/components/Molecule/BreadCrumb/const.d.ts +22 -0
- package/build/components/Molecule/BreadCrumb/index.d.ts +3 -0
- package/build/components/Molecule/BreadCrumb/types.d.ts +17 -0
- package/build/components/Molecule/Calendar/Calendar.d.ts +10 -0
- package/build/components/Molecule/Calendar/Calendar.stories.d.ts +5 -0
- package/build/components/Molecule/Calendar/Calendar.test.d.ts +1 -0
- package/build/components/Molecule/Calendar/index.d.ts +2 -0
- package/build/components/Molecule/Card/Card.d.ts +7 -0
- package/build/components/Molecule/Card/Card.stories.d.ts +5 -0
- package/build/components/Molecule/Card/Card.test.d.ts +1 -0
- package/build/components/Molecule/Card/const.d.ts +22 -0
- package/build/components/Molecule/Card/index.d.ts +2 -0
- package/build/components/Molecule/Card/types.d.ts +23 -0
- package/build/components/Molecule/Carousel/Carousel.d.ts +6 -0
- package/build/components/Molecule/Carousel/Carousel.stories.d.ts +50 -0
- package/build/components/Molecule/Carousel/Carousel.test.d.ts +1 -0
- package/build/components/Molecule/Carousel/const.d.ts +15 -0
- package/build/components/Molecule/Carousel/index.d.ts +2 -0
- package/build/components/Molecule/Carousel/types.d.ts +22 -0
- package/build/components/Molecule/Chart/Chart.d.ts +4 -0
- package/build/components/Molecule/Chart/Chart.stories.d.ts +5 -0
- package/build/components/Molecule/Chart/Chart.test.d.ts +1 -0
- package/build/components/Molecule/Chart/const.d.ts +5 -0
- package/build/components/Molecule/Chart/index.d.ts +2 -0
- package/build/components/Molecule/Chart/types.d.ts +24 -0
- package/build/components/Molecule/Collapse/Collapse.d.ts +4 -0
- package/build/components/Molecule/Collapse/Collapse.stories.d.ts +9 -0
- package/build/components/Molecule/Collapse/Collapse.test.d.ts +1 -0
- package/build/components/Molecule/Collapse/CollapseData.d.ts +16 -0
- package/build/components/Molecule/Collapse/FAQCollapseGroup.d.ts +4 -0
- package/build/components/Molecule/Collapse/const.d.ts +10 -0
- package/build/components/Molecule/Collapse/index.d.ts +4 -0
- package/build/components/Molecule/Collapse/types.d.ts +17 -0
- package/build/components/Molecule/DatePicker/DatePicker.d.ts +4 -0
- package/build/components/Molecule/DatePicker/DatePicker.stories.d.ts +5 -0
- package/build/components/Molecule/DatePicker/DatePicker.test.d.ts +1 -0
- package/build/components/Molecule/DatePicker/const.d.ts +1 -0
- package/build/components/Molecule/DatePicker/index.d.ts +2 -0
- package/build/components/Molecule/DatePicker/types.d.ts +22 -0
- package/build/components/Molecule/Dialog/CustomDialogContent.d.ts +4 -0
- package/build/components/Molecule/Dialog/Dialog.d.ts +7 -0
- package/build/components/Molecule/Dialog/Dialog.stories.d.ts +5 -0
- package/build/components/Molecule/Dialog/Dialog.test.d.ts +1 -0
- package/build/components/Molecule/Dialog/const.d.ts +15 -0
- package/build/components/Molecule/Dialog/index.d.ts +2 -0
- package/build/components/Molecule/Dialog/types.d.ts +53 -0
- package/build/components/Molecule/Dialog/utils.d.ts +1 -0
- package/build/components/Molecule/Drawer/Drawer.d.ts +4 -0
- package/build/components/Molecule/Drawer/Drawer.stories.d.ts +43 -0
- package/build/components/Molecule/Drawer/Drawer.test.d.ts +1 -0
- package/build/components/Molecule/Drawer/const.d.ts +10 -0
- package/build/components/Molecule/Drawer/index.d.ts +2 -0
- package/build/components/Molecule/Drawer/types.d.ts +13 -0
- package/build/components/Molecule/Dropdown/Dropdown.d.ts +4 -0
- package/build/components/Molecule/Dropdown/Dropdown.stories.d.ts +5 -0
- package/build/components/Molecule/Dropdown/Dropdown.test.d.ts +1 -0
- package/build/components/Molecule/Dropdown/const.d.ts +3 -0
- package/build/components/Molecule/Dropdown/index.d.ts +2 -0
- package/build/components/Molecule/Dropdown/types.d.ts +45 -0
- package/build/components/Molecule/Loader/Loader.d.ts +4 -0
- package/build/components/Molecule/Loader/Loader.stories.d.ts +6 -0
- package/build/components/Molecule/Loader/Loader.test.d.ts +1 -0
- package/build/components/Molecule/Loader/const.d.ts +2 -0
- package/build/components/Molecule/Loader/index.d.ts +2 -0
- package/build/components/Molecule/Loader/types.d.ts +29 -0
- package/build/components/Molecule/Message/Message.d.ts +4 -13
- package/build/components/Molecule/Message/Message.stories.d.ts +58 -3
- package/build/components/Molecule/Message/Message.types.d.ts +21 -0
- package/build/components/Molecule/Message/MessageManager.d.ts +6 -4
- package/build/components/Molecule/Otp/Otp.d.ts +7 -0
- package/build/components/Molecule/Otp/Otp.stories.d.ts +46 -0
- package/build/components/Molecule/Otp/Otp.test.d.ts +1 -0
- package/build/components/Molecule/Otp/const.d.ts +7 -0
- package/build/components/Molecule/Otp/index.d.ts +2 -0
- package/build/components/Molecule/Otp/types.d.ts +10 -0
- package/build/components/Molecule/Pagination/Pagination.d.ts +4 -0
- package/build/components/Molecule/Pagination/Pagination.stories.d.ts +5 -0
- package/build/components/Molecule/Pagination/Pagination.test.d.ts +1 -0
- package/build/components/Molecule/Pagination/PaginationState.d.ts +4 -0
- package/build/components/Molecule/Pagination/const.d.ts +7 -0
- package/build/components/Molecule/Pagination/index.d.ts +2 -0
- package/build/components/Molecule/Pagination/types.d.ts +13 -0
- package/build/components/Molecule/Pagination/utils.d.ts +1 -0
- package/build/components/Molecule/Popover/Popover.d.ts +7 -0
- package/build/components/Molecule/Popover/Popover.stories.d.ts +40 -0
- package/build/components/Molecule/Popover/Popover.test.d.ts +1 -0
- package/build/components/Molecule/Popover/const.d.ts +10 -0
- package/build/components/Molecule/Popover/index.d.ts +2 -0
- package/build/components/Molecule/Popover/types.d.ts +21 -0
- package/build/components/Molecule/ProfileCard/ProfileCard.d.ts +4 -0
- package/build/components/Molecule/ProfileCard/ProfileCard.stories.d.ts +35 -0
- package/build/components/Molecule/ProfileCard/ProfileCard.test.d.ts +1 -0
- package/build/components/Molecule/ProfileCard/const.d.ts +18 -0
- package/build/components/Molecule/ProfileCard/index.d.ts +2 -0
- package/build/components/Molecule/ProfileCard/types.d.ts +16 -0
- package/build/components/Molecule/Sheet/Sheet.d.ts +16 -0
- package/build/components/Molecule/Sheet/Sheet.stories.d.ts +9 -0
- package/build/components/Molecule/Sheet/Sheet.test.d.ts +1 -0
- package/build/components/Molecule/Sheet/const.d.ts +8 -0
- package/build/components/Molecule/Sheet/index.d.ts +2 -0
- package/build/components/Molecule/Sheet/types.d.ts +33 -0
- package/build/components/Molecule/Skeleton/Skeleton.d.ts +4 -0
- package/build/components/Molecule/Skeleton/Skeleton.stories.d.ts +5 -0
- package/build/components/Molecule/Skeleton/Skeleton.test.d.ts +1 -0
- package/build/components/Molecule/Skeleton/const.d.ts +13 -0
- package/build/components/Molecule/Skeleton/index.d.ts +2 -0
- package/build/components/Molecule/Skeleton/types.d.ts +18 -0
- package/build/components/Molecule/Stepper/Stepper.d.ts +4 -0
- package/build/components/Molecule/Stepper/Stepper.stories.d.ts +5 -0
- package/build/components/Molecule/Stepper/Stepper.test.d.ts +1 -0
- package/build/components/Molecule/Stepper/const.d.ts +59 -0
- package/build/components/Molecule/Stepper/index.d.ts +2 -0
- package/build/components/Molecule/Stepper/types.d.ts +33 -0
- package/build/components/Molecule/Table/Table.d.ts +2 -1
- package/build/components/Molecule/Table/Table.types.d.ts +1 -0
- package/build/components/Molecule/Table/index.d.ts +2 -1
- package/build/components/Molecule/Tabs/Tabs.d.ts +4 -0
- package/build/components/Molecule/Tabs/Tabs.stories.d.ts +40 -0
- package/build/components/Molecule/Tabs/Tabs.test.d.ts +1 -0
- package/build/components/Molecule/Tabs/TabsData.d.ts +3 -0
- package/build/components/Molecule/Tabs/const.d.ts +10 -0
- package/build/components/Molecule/Tabs/index.d.ts +2 -0
- package/build/components/Molecule/Tabs/types.d.ts +16 -0
- package/build/components/Molecule/Tooltip/Tooltip.d.ts +3 -1
- package/build/components/Molecule/Tooltip/Tooltip.stories.d.ts +7 -3
- package/build/components/Molecule/Tooltip/index.d.ts +2 -1
- package/build/components/ui/alert-dialog.d.ts +20 -0
- package/build/components/ui/button.d.ts +11 -0
- package/build/components/ui/card.d.ts +8 -0
- package/build/components/ui/command.d.ts +80 -0
- package/build/components/ui/dialog.d.ts +19 -0
- package/build/components/ui/drawer.d.ts +22 -0
- package/build/components/ui/input-otp.d.ts +34 -0
- package/build/components/ui/pagination.d.ts +17 -0
- package/build/components/ui/popover.d.ts +7 -0
- package/build/components/ui/skeleton.d.ts +3 -0
- package/build/components/ui/tabs.d.ts +7 -0
- package/build/index.css +5 -0
- package/build/index.d.ts +22 -0
- package/build/index.esm.css +5 -0
- package/build/index.esm.js +29 -5
- package/build/index.esm.js.map +1 -1
- package/build/index.js +29 -5
- package/build/index.js.map +1 -1
- package/build/lib/utils.d.ts +2 -0
- package/build/tsconfig.prod.tsbuildinfo +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +87 -60
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface Step {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export interface StepperProps {
|
|
9
|
+
/**
|
|
10
|
+
* Array of steps to display
|
|
11
|
+
*/
|
|
12
|
+
steps: Step[];
|
|
13
|
+
/**
|
|
14
|
+
* Current active step index
|
|
15
|
+
*/
|
|
16
|
+
activeStep: number;
|
|
17
|
+
/**
|
|
18
|
+
* Orientation of the stepper
|
|
19
|
+
*/
|
|
20
|
+
orientation?: 'horizontal' | 'vertical';
|
|
21
|
+
/**
|
|
22
|
+
* Size of the stepper
|
|
23
|
+
*/
|
|
24
|
+
size?: 'small' | 'medium' | 'large';
|
|
25
|
+
/**
|
|
26
|
+
* Additional CSS classes
|
|
27
|
+
*/
|
|
28
|
+
className?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Called when a step is clicked
|
|
31
|
+
*/
|
|
32
|
+
onStepClick?: (index: number) => void;
|
|
33
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TabsProps } from './types';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<TabsProps>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
items: {
|
|
8
|
+
control: "object";
|
|
9
|
+
description: string;
|
|
10
|
+
defaultValue: import("./types").TabItem[];
|
|
11
|
+
};
|
|
12
|
+
defaultValue: {
|
|
13
|
+
control: "text";
|
|
14
|
+
description: string;
|
|
15
|
+
defaultValue: string;
|
|
16
|
+
};
|
|
17
|
+
orientation: {
|
|
18
|
+
control: "radio";
|
|
19
|
+
options: string[];
|
|
20
|
+
description: string;
|
|
21
|
+
defaultValue: string;
|
|
22
|
+
};
|
|
23
|
+
disabled: {
|
|
24
|
+
control: "boolean";
|
|
25
|
+
description: string;
|
|
26
|
+
defaultValue: boolean;
|
|
27
|
+
};
|
|
28
|
+
width: {
|
|
29
|
+
control: "text";
|
|
30
|
+
description: string;
|
|
31
|
+
defaultValue: string;
|
|
32
|
+
};
|
|
33
|
+
onValueChange: {
|
|
34
|
+
action: string;
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export default _default;
|
|
40
|
+
export declare const Tabs: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TabsProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type TabsOrientation = 'horizontal' | 'vertical';
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
value: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
content: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface TabsProps {
|
|
9
|
+
items: TabItem[];
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
orientation?: TabsOrientation;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onValueChange?: (value: string) => void;
|
|
14
|
+
className?: string;
|
|
15
|
+
width?: string | number;
|
|
16
|
+
}
|
|
@@ -9,5 +9,7 @@ export interface TooltipContentProps {
|
|
|
9
9
|
export interface TooltipProps extends Omit<TooltipBaseProps, 'overlay'>, TooltipContentProps {
|
|
10
10
|
overlay?: React.ReactNode | (() => React.ReactNode);
|
|
11
11
|
className?: string;
|
|
12
|
+
variant?: 'default' | 'destructive' | 'muted';
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
+
declare const Tooltip: ({ overlay, title, description, footer, children, trigger, mouseEnterDelay, mouseLeaveDelay, placement, variant, className, ...props }: TooltipProps) => React.JSX.Element;
|
|
15
|
+
export default Tooltip;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { StoryFn, Meta } from '@storybook/react';
|
|
2
|
-
import { TooltipProps } from '
|
|
3
|
-
|
|
2
|
+
import { TooltipProps } from './Tooltip';
|
|
3
|
+
interface TooltipStoryProps extends TooltipProps {
|
|
4
|
+
showFooter?: boolean;
|
|
5
|
+
showCustomOverlay?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: Meta<TooltipStoryProps>;
|
|
4
8
|
export default _default;
|
|
5
|
-
export declare const Tooltip: StoryFn<
|
|
9
|
+
export declare const Tooltip: StoryFn<TooltipStoryProps>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogHeader: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
declare const AlertDialogFooter: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "secondary" | "link" | "default" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type DialogProps } from '@radix-ui/react-dialog';
|
|
3
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
7
|
+
} & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
10
|
+
label?: string;
|
|
11
|
+
shouldFilter?: boolean;
|
|
12
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
13
|
+
defaultValue?: string;
|
|
14
|
+
value?: string;
|
|
15
|
+
onValueChange?: (value: string) => void;
|
|
16
|
+
loop?: boolean;
|
|
17
|
+
disablePointerSelection?: boolean;
|
|
18
|
+
vimBindings?: boolean;
|
|
19
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CommandDialog: ({ children, ...props }: DialogProps) => React.JSX.Element;
|
|
21
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
22
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
23
|
+
} & {
|
|
24
|
+
asChild?: boolean;
|
|
25
|
+
}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
|
|
26
|
+
value?: string;
|
|
27
|
+
onValueChange?: (search: string) => void;
|
|
28
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
32
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
33
|
+
} & {
|
|
34
|
+
asChild?: boolean;
|
|
35
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
36
|
+
label?: string;
|
|
37
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
39
|
+
children?: React.ReactNode;
|
|
40
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
41
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
42
|
+
} & {
|
|
43
|
+
asChild?: boolean;
|
|
44
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
46
|
+
children?: React.ReactNode;
|
|
47
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
48
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
49
|
+
} & {
|
|
50
|
+
asChild?: boolean;
|
|
51
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
|
|
52
|
+
heading?: React.ReactNode;
|
|
53
|
+
value?: string;
|
|
54
|
+
forceMount?: boolean;
|
|
55
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
57
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
58
|
+
} & {
|
|
59
|
+
asChild?: boolean;
|
|
60
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
61
|
+
alwaysRender?: boolean;
|
|
62
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
64
|
+
children?: React.ReactNode;
|
|
65
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
66
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
67
|
+
} & {
|
|
68
|
+
asChild?: boolean;
|
|
69
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
|
|
70
|
+
disabled?: boolean;
|
|
71
|
+
onSelect?: (value: string) => void;
|
|
72
|
+
value?: string;
|
|
73
|
+
keywords?: string[];
|
|
74
|
+
forceMount?: boolean;
|
|
75
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
+
declare const CommandShortcut: {
|
|
77
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
78
|
+
displayName: string;
|
|
79
|
+
};
|
|
80
|
+
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
4
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
6
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DialogHeader: {
|
|
10
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const DialogFooter: {
|
|
14
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
19
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
|
3
|
+
declare const Drawer: {
|
|
4
|
+
({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
declare const DrawerPortal: typeof import("vaul").Portal;
|
|
9
|
+
declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const DrawerHeader: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const DrawerFooter: {
|
|
17
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
21
|
+
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
22
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
3
|
+
value?: string;
|
|
4
|
+
onChange?: (newValue: string) => unknown;
|
|
5
|
+
maxLength: number;
|
|
6
|
+
textAlign?: "left" | "center" | "right";
|
|
7
|
+
onComplete?: (...args: any[]) => unknown;
|
|
8
|
+
pushPasswordManagerStrategy?: "increase-width" | "none";
|
|
9
|
+
pasteTransformer?: (pasted: string) => string;
|
|
10
|
+
containerClassName?: string;
|
|
11
|
+
noScriptCSSFallback?: string | null;
|
|
12
|
+
} & {
|
|
13
|
+
render: (props: import("input-otp").RenderProps) => React.ReactNode;
|
|
14
|
+
children?: never;
|
|
15
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
16
|
+
value?: string;
|
|
17
|
+
onChange?: (newValue: string) => unknown;
|
|
18
|
+
maxLength: number;
|
|
19
|
+
textAlign?: "left" | "center" | "right";
|
|
20
|
+
onComplete?: (...args: any[]) => unknown;
|
|
21
|
+
pushPasswordManagerStrategy?: "increase-width" | "none";
|
|
22
|
+
pasteTransformer?: (pasted: string) => string;
|
|
23
|
+
containerClassName?: string;
|
|
24
|
+
noScriptCSSFallback?: string | null;
|
|
25
|
+
} & {
|
|
26
|
+
render?: never;
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
31
|
+
index: number;
|
|
32
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ButtonProps } from '@Atom/Button';
|
|
3
|
+
declare const Pagination: ({ className, ...props }: React.ComponentProps<"nav">) => React.JSX.Element;
|
|
4
|
+
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
5
|
+
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
6
|
+
declare const PaginationLink: React.ForwardRefExoticComponent<{
|
|
7
|
+
isActive?: boolean;
|
|
8
|
+
} & Omit<ButtonProps, "children"> & {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const PaginationPrevious: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
declare const PaginationNext: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
declare const PaginationEllipsis: {
|
|
14
|
+
({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
4
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent };
|