@apcrda/ui 0.3.0
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/README.md +93 -0
- package/dist/colors-C8Jz-F17.js +89 -0
- package/dist/components/Accordion/Accordion.d.ts +9 -0
- package/dist/components/Accordion/Accordion.types.d.ts +10 -0
- package/dist/components/Accordion/index.d.ts +2 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts +5 -0
- package/dist/components/AlertDialog/AlertDialog.types.d.ts +15 -0
- package/dist/components/AlertDialog/index.d.ts +2 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +13 -0
- package/dist/components/Autocomplete/Autocomplete.types.d.ts +18 -0
- package/dist/components/Autocomplete/index.d.ts +2 -0
- package/dist/components/Avatar/Avatar.d.ts +9 -0
- package/dist/components/Avatar/Avatar.types.d.ts +11 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Badge/Badge.d.ts +10 -0
- package/dist/components/Badge/Badge.types.d.ts +9 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +16 -0
- package/dist/components/Breadcrumb/Breadcrumb.types.d.ts +10 -0
- package/dist/components/Breadcrumb/index.d.ts +2 -0
- package/dist/components/Button/Button.d.ts +13 -0
- package/dist/components/Button/Button.types.d.ts +11 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Calendar/Calendar.d.ts +6 -0
- package/dist/components/Calendar/Calendar.types.d.ts +4 -0
- package/dist/components/Calendar/index.d.ts +2 -0
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/Card.types.d.ts +9 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Checkbox/Checkbox.d.ts +10 -0
- package/dist/components/Checkbox/Checkbox.types.d.ts +10 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Combobox/Combobox.d.ts +11 -0
- package/dist/components/Combobox/Combobox.types.d.ts +17 -0
- package/dist/components/Combobox/index.d.ts +2 -0
- package/dist/components/CommandPalette/CommandPalette.d.ts +5 -0
- package/dist/components/CommandPalette/CommandPalette.types.d.ts +20 -0
- package/dist/components/CommandPalette/index.d.ts +2 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +5 -0
- package/dist/components/ContextMenu/ContextMenu.types.d.ts +16 -0
- package/dist/components/ContextMenu/index.d.ts +2 -0
- package/dist/components/DatePicker/DatePicker.d.ts +10 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts +11 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +11 -0
- package/dist/components/DateRangePicker/DateRangePicker.types.d.ts +14 -0
- package/dist/components/DateRangePicker/index.d.ts +2 -0
- package/dist/components/Dialog/Dialog.d.ts +22 -0
- package/dist/components/Dialog/Dialog.types.d.ts +16 -0
- package/dist/components/Dialog/index.d.ts +2 -0
- package/dist/components/Divider/Divider.d.ts +7 -0
- package/dist/components/Divider/Divider.types.d.ts +6 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Drawer/Drawer.d.ts +23 -0
- package/dist/components/Drawer/Drawer.types.d.ts +18 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/FileUpload/FileUpload.d.ts +11 -0
- package/dist/components/FileUpload/FileUpload.types.d.ts +13 -0
- package/dist/components/FileUpload/index.d.ts +2 -0
- package/dist/components/Input/Input.d.ts +13 -0
- package/dist/components/Input/Input.types.d.ts +9 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Label/Label.d.ts +4 -0
- package/dist/components/Label/Label.types.d.ts +6 -0
- package/dist/components/Label/index.d.ts +2 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +11 -0
- package/dist/components/MultiSelect/MultiSelect.types.d.ts +17 -0
- package/dist/components/MultiSelect/index.d.ts +2 -0
- package/dist/components/NotificationCenter/NotificationCenter.d.ts +5 -0
- package/dist/components/NotificationCenter/NotificationCenter.types.d.ts +26 -0
- package/dist/components/NotificationCenter/NotificationItem.d.ts +8 -0
- package/dist/components/NotificationCenter/NotificationPanel.d.ts +2 -0
- package/dist/components/NotificationCenter/index.d.ts +4 -0
- package/dist/components/Pagination/Pagination.d.ts +13 -0
- package/dist/components/Pagination/Pagination.types.d.ts +15 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Popover/Popover.d.ts +8 -0
- package/dist/components/Popover/Popover.types.d.ts +9 -0
- package/dist/components/Popover/index.d.ts +2 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +9 -0
- package/dist/components/RadioGroup/RadioGroup.types.d.ts +10 -0
- package/dist/components/RadioGroup/index.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +15 -0
- package/dist/components/Select/Select.types.d.ts +17 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Sidebar/Sidebar.d.ts +5 -0
- package/dist/components/Sidebar/Sidebar.types.d.ts +27 -0
- package/dist/components/Sidebar/SidebarContent.d.ts +7 -0
- package/dist/components/Sidebar/SidebarContext.d.ts +3 -0
- package/dist/components/Sidebar/SidebarItem.d.ts +7 -0
- package/dist/components/Sidebar/index.d.ts +5 -0
- package/dist/components/Switch/Switch.d.ts +8 -0
- package/dist/components/Switch/Switch.types.d.ts +8 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Tabs/Tabs.d.ts +8 -0
- package/dist/components/Tabs/Tabs.types.d.ts +11 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Textarea/Textarea.d.ts +9 -0
- package/dist/components/Textarea/Textarea.types.d.ts +7 -0
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Toast/Toast.types.d.ts +13 -0
- package/dist/components/Toast/Toaster.d.ts +4 -0
- package/dist/components/Toast/index.d.ts +3 -0
- package/dist/components/Toast/useToast.d.ts +8 -0
- package/dist/components/Tooltip/Tooltip.d.ts +10 -0
- package/dist/components/Tooltip/Tooltip.types.d.ts +12 -0
- package/dist/components/Tooltip/index.d.ts +2 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/helpers-CgZQleCk.js +12 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useMediaQuery.d.ts +1 -0
- package/dist/hooks/useTheme.d.ts +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +12254 -0
- package/dist/styles.css +2 -0
- package/dist/styles.js +0 -0
- package/dist/themes/ThemeProvider.d.ts +20 -0
- package/dist/themes/dark.d.ts +16 -0
- package/dist/themes/index.d.ts +4 -0
- package/dist/themes/light.d.ts +16 -0
- package/dist/themes-CF6D9f5U.js +91 -0
- package/dist/themes.js +2 -0
- package/dist/tokens/colors.d.ts +101 -0
- package/dist/tokens/index.d.ts +12 -0
- package/dist/tokens/motion.d.ts +14 -0
- package/dist/tokens/radius.d.ts +9 -0
- package/dist/tokens/shadows.d.ts +7 -0
- package/dist/tokens/spacing.d.ts +21 -0
- package/dist/tokens/typography.d.ts +63 -0
- package/dist/tokens-CLmSW3VY.js +100 -0
- package/dist/tokens.js +3 -0
- package/dist/utils/cn.d.ts +2 -0
- package/dist/utils/helpers.d.ts +7 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/mergeClasses.d.ts +1 -0
- package/dist/utils-BIF7GImV.js +1739 -0
- package/dist/utils.js +3 -0
- package/docs/Architecture.md +57 -0
- package/docs/Contributing.md +58 -0
- package/docs/Design-Principles.md +37 -0
- package/package.json +124 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
import type { DialogFooterProps, DialogHeaderProps, DialogSize } from './Dialog.types';
|
|
3
|
+
export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
|
|
4
|
+
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
|
|
7
|
+
export declare const DialogOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
readonly size?: DialogSize;
|
|
10
|
+
readonly showCloseButton?: boolean;
|
|
11
|
+
readonly closeOnOverlayClick?: boolean;
|
|
12
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare function DialogHeader({ className, ...props }: DialogHeaderProps): import("react").JSX.Element;
|
|
14
|
+
export declare namespace DialogHeader {
|
|
15
|
+
var displayName: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function DialogFooter({ className, ...props }: DialogFooterProps): import("react").JSX.Element;
|
|
18
|
+
export declare namespace DialogFooter {
|
|
19
|
+
var displayName: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
22
|
+
export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
|
|
2
|
+
import type * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
|
|
4
|
+
export type DialogProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
5
|
+
export type DialogTriggerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
|
|
6
|
+
export type DialogCloseProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
|
|
7
|
+
export type DialogTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
|
|
8
|
+
export type DialogDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
|
|
9
|
+
export type DialogOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
10
|
+
export type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;
|
|
11
|
+
export type DialogFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
12
|
+
export type DialogContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
13
|
+
readonly size?: DialogSize;
|
|
14
|
+
readonly showCloseButton?: boolean;
|
|
15
|
+
readonly closeOnOverlayClick?: boolean;
|
|
16
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './Dialog';
|
|
2
|
+
export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogSize, DialogTitleProps, DialogTriggerProps } from './Dialog.types';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const dividerVariants: (props?: ({
|
|
2
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
3
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
|
+
export declare const Divider: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
readonly orientation?: import("./Divider.types").DividerOrientation;
|
|
6
|
+
readonly decorative?: boolean;
|
|
7
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
import type { DrawerFooterProps, DrawerHeaderProps, DrawerSize, DrawerSide } from './Drawer.types';
|
|
3
|
+
export declare const Drawer: import("react").FC<DialogPrimitive.DialogProps>;
|
|
4
|
+
export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export declare const DrawerClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export declare const DrawerPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
|
|
7
|
+
export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
readonly side?: DrawerSide;
|
|
10
|
+
readonly size?: DrawerSize;
|
|
11
|
+
readonly showCloseButton?: boolean;
|
|
12
|
+
readonly closeOnOverlayClick?: boolean;
|
|
13
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): import("react").JSX.Element;
|
|
15
|
+
export declare namespace DrawerHeader {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react").JSX.Element;
|
|
19
|
+
export declare namespace DrawerFooter {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
23
|
+
export declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
|
|
2
|
+
import type * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
|
|
4
|
+
export type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
|
|
5
|
+
export type DrawerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
6
|
+
export type DrawerTriggerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
|
|
7
|
+
export type DrawerCloseProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
|
|
8
|
+
export type DrawerTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
|
|
9
|
+
export type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
|
|
10
|
+
export type DrawerHeaderProps = HTMLAttributes<HTMLDivElement>;
|
|
11
|
+
export type DrawerFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
12
|
+
export type DrawerOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
13
|
+
export type DrawerContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
14
|
+
readonly side?: DrawerSide;
|
|
15
|
+
readonly size?: DrawerSize;
|
|
16
|
+
readonly showCloseButton?: boolean;
|
|
17
|
+
readonly closeOnOverlayClick?: boolean;
|
|
18
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './Drawer';
|
|
2
|
+
export type { DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerProps, DrawerSize, DrawerSide, DrawerTitleProps, DrawerTriggerProps } from './Drawer.types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange"> & {
|
|
2
|
+
readonly accept?: string;
|
|
3
|
+
readonly multiple?: boolean;
|
|
4
|
+
readonly maxSize?: number;
|
|
5
|
+
readonly maxFiles?: number;
|
|
6
|
+
readonly onFilesChange?: (files: File[]) => void;
|
|
7
|
+
readonly disabled?: boolean;
|
|
8
|
+
readonly error?: boolean;
|
|
9
|
+
readonly variant?: import("./FileUpload.types").FileUploadVariant;
|
|
10
|
+
readonly showPreview?: boolean;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type FileUploadVariant = 'dropzone' | 'button';
|
|
3
|
+
export type FileUploadProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
|
|
4
|
+
readonly accept?: string;
|
|
5
|
+
readonly multiple?: boolean;
|
|
6
|
+
readonly maxSize?: number;
|
|
7
|
+
readonly maxFiles?: number;
|
|
8
|
+
readonly onFilesChange?: (files: File[]) => void;
|
|
9
|
+
readonly disabled?: boolean;
|
|
10
|
+
readonly error?: boolean;
|
|
11
|
+
readonly variant?: FileUploadVariant;
|
|
12
|
+
readonly showPreview?: boolean;
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const inputVariants: (props?: ({
|
|
2
|
+
inputSize?: "sm" | "md" | "lg" | null | undefined;
|
|
3
|
+
error?: boolean | null | undefined;
|
|
4
|
+
withLeftIcon?: boolean | null | undefined;
|
|
5
|
+
withRightIcon?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
8
|
+
readonly inputSize?: import("./Input.types").InputSize;
|
|
9
|
+
readonly error?: boolean;
|
|
10
|
+
readonly loading?: boolean;
|
|
11
|
+
readonly leftIcon?: import("react").ReactNode;
|
|
12
|
+
readonly rightIcon?: import("react").ReactNode;
|
|
13
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
4
|
+
readonly inputSize?: InputSize;
|
|
5
|
+
readonly error?: boolean;
|
|
6
|
+
readonly loading?: boolean;
|
|
7
|
+
readonly leftIcon?: ReactNode;
|
|
8
|
+
readonly rightIcon?: ReactNode;
|
|
9
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
2
|
+
export declare const Label: import("react").ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & {
|
|
3
|
+
readonly required?: boolean;
|
|
4
|
+
} & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
2
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
+
export type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {
|
|
4
|
+
readonly required?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export type LabelElement = ElementRef<typeof LabelPrimitive.Root>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const MultiSelect: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange"> & {
|
|
2
|
+
readonly value?: string[];
|
|
3
|
+
readonly onValueChange?: (value: string[]) => void;
|
|
4
|
+
readonly options: import("./MultiSelect.types").MultiSelectOption[];
|
|
5
|
+
readonly placeholder?: string;
|
|
6
|
+
readonly searchPlaceholder?: string;
|
|
7
|
+
readonly emptyMessage?: string;
|
|
8
|
+
readonly disabled?: boolean;
|
|
9
|
+
readonly error?: boolean;
|
|
10
|
+
readonly maxSelected?: number;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type MultiSelectOption = {
|
|
3
|
+
readonly value: string;
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export type MultiSelectProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
|
|
8
|
+
readonly value?: string[];
|
|
9
|
+
readonly onValueChange?: (value: string[]) => void;
|
|
10
|
+
readonly options: MultiSelectOption[];
|
|
11
|
+
readonly placeholder?: string;
|
|
12
|
+
readonly searchPlaceholder?: string;
|
|
13
|
+
readonly emptyMessage?: string;
|
|
14
|
+
readonly disabled?: boolean;
|
|
15
|
+
readonly error?: boolean;
|
|
16
|
+
readonly maxSelected?: number;
|
|
17
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export type NotificationType = 'info' | 'success' | 'warning' | 'error';
|
|
2
|
+
export type NotificationAction = {
|
|
3
|
+
readonly label: string;
|
|
4
|
+
readonly href?: string;
|
|
5
|
+
readonly onClick?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export type Notification = {
|
|
8
|
+
readonly id: string;
|
|
9
|
+
readonly title: string;
|
|
10
|
+
readonly body: string;
|
|
11
|
+
readonly timestamp: Date;
|
|
12
|
+
readonly read: boolean;
|
|
13
|
+
readonly type: NotificationType;
|
|
14
|
+
readonly avatar?: string;
|
|
15
|
+
readonly action?: NotificationAction;
|
|
16
|
+
};
|
|
17
|
+
export type NotificationCenterProps = {
|
|
18
|
+
readonly notifications: Notification[];
|
|
19
|
+
readonly onMarkRead?: (id: string) => void;
|
|
20
|
+
readonly onMarkAllRead?: () => void;
|
|
21
|
+
readonly onDismiss?: (id: string) => void;
|
|
22
|
+
readonly onDismissAll?: () => void;
|
|
23
|
+
readonly onNotificationClick?: (notification: Notification) => void;
|
|
24
|
+
readonly loading?: boolean;
|
|
25
|
+
readonly emptyMessage?: string;
|
|
26
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Notification } from './NotificationCenter.types';
|
|
2
|
+
type NotificationItemProps = {
|
|
3
|
+
notification: Notification;
|
|
4
|
+
onDismiss?: (id: string) => void;
|
|
5
|
+
onClick?: (notification: Notification) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function NotificationItem({ notification, onDismiss, onClick }: NotificationItemProps): import("react").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { NotificationCenter } from './NotificationCenter';
|
|
2
|
+
export { NotificationItem } from './NotificationItem';
|
|
3
|
+
export { NotificationPanel } from './NotificationPanel';
|
|
4
|
+
export type { Notification, NotificationAction, NotificationCenterProps, NotificationType } from './NotificationCenter.types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const Pagination: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
2
|
+
readonly page: number;
|
|
3
|
+
readonly totalPages: number;
|
|
4
|
+
readonly onPageChange: (page: number) => void;
|
|
5
|
+
readonly siblingCount?: number;
|
|
6
|
+
readonly boundaryCount?: number;
|
|
7
|
+
readonly showFirstLast?: boolean;
|
|
8
|
+
readonly size?: import("./Pagination.types").PaginationSize;
|
|
9
|
+
readonly disabled?: boolean;
|
|
10
|
+
readonly pageSize?: number;
|
|
11
|
+
readonly onPageSizeChange?: (size: number) => void;
|
|
12
|
+
readonly pageSizeOptions?: number[];
|
|
13
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type PaginationSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type PaginationProps = ComponentPropsWithoutRef<'nav'> & {
|
|
4
|
+
readonly page: number;
|
|
5
|
+
readonly totalPages: number;
|
|
6
|
+
readonly onPageChange: (page: number) => void;
|
|
7
|
+
readonly siblingCount?: number;
|
|
8
|
+
readonly boundaryCount?: number;
|
|
9
|
+
readonly showFirstLast?: boolean;
|
|
10
|
+
readonly size?: PaginationSize;
|
|
11
|
+
readonly disabled?: boolean;
|
|
12
|
+
readonly pageSize?: number;
|
|
13
|
+
readonly onPageSizeChange?: (size: number) => void;
|
|
14
|
+
readonly pageSizeOptions?: number[];
|
|
15
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
2
|
+
export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
|
|
3
|
+
export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const PopoverContent: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
7
|
+
readonly showArrow?: boolean;
|
|
8
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
+
export type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
|
|
4
|
+
export type PopoverTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
|
|
5
|
+
export type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
|
|
6
|
+
readonly showArrow?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type PopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>;
|
|
9
|
+
export type PopoverAnchorProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
2
|
+
export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const radioGroupItemVariants: (props?: ({
|
|
4
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
7
|
+
readonly size?: import("./RadioGroup.types").RadioGroupItemSize;
|
|
8
|
+
readonly loading?: boolean;
|
|
9
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
2
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
+
export type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
|
|
4
|
+
export type RadioGroupItemSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
|
|
6
|
+
readonly size?: RadioGroupItemSize;
|
|
7
|
+
readonly loading?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export type RadioGroupElement = ElementRef<typeof RadioGroupPrimitive.Root>;
|
|
10
|
+
export type RadioGroupItemElement = ElementRef<typeof RadioGroupPrimitive.Item>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
2
|
+
import type { SelectGroupProps, SelectProps, SelectValueProps } from './Select.types';
|
|
3
|
+
export declare const Select: React.FC<SelectProps>;
|
|
4
|
+
export declare const SelectGroup: React.FC<SelectGroupProps>;
|
|
5
|
+
export declare const SelectValue: React.FC<SelectValueProps>;
|
|
6
|
+
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
7
|
+
readonly size?: import("./Select.types").SelectSize;
|
|
8
|
+
readonly error?: boolean;
|
|
9
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export declare const SelectScrollUpButton: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export declare const SelectScrollDownButton: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
+
export type SelectSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
|
|
5
|
+
readonly error?: boolean;
|
|
6
|
+
readonly size?: SelectSize;
|
|
7
|
+
};
|
|
8
|
+
export type SelectTriggerProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
|
|
9
|
+
readonly size?: SelectSize;
|
|
10
|
+
readonly error?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export type SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
|
|
13
|
+
export type SelectItemProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
|
|
14
|
+
export type SelectGroupProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
|
|
15
|
+
export type SelectLabelProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
|
|
16
|
+
export type SelectSeparatorProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;
|
|
17
|
+
export type SelectValueProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './Select';
|
|
2
|
+
export type { SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectSeparatorProps, SelectSize, SelectTriggerProps, SelectValueProps, } from './Select.types';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { SidebarProps } from './Sidebar.types';
|
|
2
|
+
export declare function Sidebar({ groups, activeId, onNavigate, logo, userSlot, defaultCollapsed, className, }: SidebarProps): import("react").JSX.Element;
|
|
3
|
+
export declare namespace Sidebar {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export type NavItem = {
|
|
2
|
+
readonly id: string;
|
|
3
|
+
readonly label: string;
|
|
4
|
+
readonly icon: React.ReactNode;
|
|
5
|
+
readonly href?: string;
|
|
6
|
+
readonly badge?: number;
|
|
7
|
+
readonly disabled?: boolean;
|
|
8
|
+
readonly items?: NavItem[];
|
|
9
|
+
};
|
|
10
|
+
export type NavGroup = {
|
|
11
|
+
readonly label?: string;
|
|
12
|
+
readonly items: NavItem[];
|
|
13
|
+
};
|
|
14
|
+
export type SidebarProps = {
|
|
15
|
+
readonly groups: NavGroup[];
|
|
16
|
+
readonly activeId?: string;
|
|
17
|
+
readonly onNavigate?: (item: NavItem) => void;
|
|
18
|
+
readonly logo?: React.ReactNode;
|
|
19
|
+
readonly userSlot?: React.ReactNode;
|
|
20
|
+
readonly defaultCollapsed?: boolean;
|
|
21
|
+
readonly className?: string;
|
|
22
|
+
};
|
|
23
|
+
export type SidebarContextValue = {
|
|
24
|
+
readonly collapsed: boolean;
|
|
25
|
+
readonly activeId?: string;
|
|
26
|
+
readonly onNavigate?: (item: NavItem) => void;
|
|
27
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { SidebarProps } from './Sidebar.types';
|
|
2
|
+
type SidebarContentProps = Pick<SidebarProps, 'groups' | 'logo' | 'userSlot'> & {
|
|
3
|
+
onToggleCollapse?: () => void;
|
|
4
|
+
className?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function SidebarContent({ groups, logo, userSlot, onToggleCollapse, className }: SidebarContentProps): import("react").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Sidebar } from './Sidebar';
|
|
2
|
+
export { SidebarContent } from './SidebarContent';
|
|
3
|
+
export { SidebarItem } from './SidebarItem';
|
|
4
|
+
export { SidebarContext, useSidebar } from './SidebarContext';
|
|
5
|
+
export type { NavGroup, NavItem, SidebarContextValue, SidebarProps } from './Sidebar.types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
2
|
+
export declare const switchVariants: (props?: ({
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
6
|
+
readonly size?: import("./Switch.types").SwitchSize;
|
|
7
|
+
readonly loading?: boolean;
|
|
8
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
2
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
export type SwitchSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type SwitchProps = ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
|
|
5
|
+
readonly size?: SwitchSize;
|
|
6
|
+
readonly loading?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type SwitchElement = ElementRef<typeof SwitchPrimitive.Root>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
2
|
+
export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
|
+
readonly variant?: import("./Tabs.types").TabsVariant;
|
|
5
|
+
readonly size?: import("./Tabs.types").TabsSize;
|
|
6
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const TabsTrigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
+
export type TabsVariant = 'line' | 'enclosed' | 'pill';
|
|
4
|
+
export type TabsSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
|
|
6
|
+
export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
|
|
7
|
+
readonly variant?: TabsVariant;
|
|
8
|
+
readonly size?: TabsSize;
|
|
9
|
+
};
|
|
10
|
+
export type TabsTriggerProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
|
|
11
|
+
export type TabsContentProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const textareaVariants: (props?: ({
|
|
2
|
+
textareaSize?: "sm" | "md" | "lg" | null | undefined;
|
|
3
|
+
error?: boolean | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
+
export declare const Textarea: import("react").ForwardRefExoticComponent<import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
6
|
+
readonly textareaSize?: import("./Textarea.types").TextareaSize;
|
|
7
|
+
readonly error?: boolean;
|
|
8
|
+
readonly loading?: boolean;
|
|
9
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { TextareaHTMLAttributes } from 'react';
|
|
2
|
+
export type TextareaSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
4
|
+
readonly textareaSize?: TextareaSize;
|
|
5
|
+
readonly error?: boolean;
|
|
6
|
+
readonly loading?: boolean;
|
|
7
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
|
|
2
|
+
export type ToastItem = {
|
|
3
|
+
readonly id: string;
|
|
4
|
+
readonly title: string;
|
|
5
|
+
readonly description?: string;
|
|
6
|
+
readonly variant?: ToastVariant;
|
|
7
|
+
readonly duration?: number;
|
|
8
|
+
readonly action?: {
|
|
9
|
+
readonly label: string;
|
|
10
|
+
readonly onClick: () => void;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type ToastInput = Omit<ToastItem, 'id'>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ToastInput, ToastItem } from './Toast.types';
|
|
2
|
+
export declare function addToast(input: ToastInput): string;
|
|
3
|
+
export declare function removeToast(id: string): void;
|
|
4
|
+
export declare function useToast(): {
|
|
5
|
+
toasts: ToastItem[];
|
|
6
|
+
toast: (input: ToastInput) => string;
|
|
7
|
+
dismiss: (id: string) => void;
|
|
8
|
+
};
|