caplink-saas-ui-shared-component-library 1.3.0 → 1.5.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/dist/components/alert/alert-variants.d.ts +4 -0
- package/dist/components/alert/alert.d.ts +13 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/alert-banner/alert-banner.d.ts +16 -0
- package/dist/components/alert-banner/index.d.ts +1 -0
- package/dist/components/button/button-variants.d.ts +1 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/card/card.d.ts +13 -0
- package/dist/components/card/index.d.ts +1 -0
- package/dist/components/copy-text-button/copied-message.d.ts +2 -0
- package/dist/components/copy-text-button/copy-text-button.d.ts +20 -0
- package/dist/components/copy-text-button/index.d.ts +1 -0
- package/dist/components/copy-text-button/use-copy-text.d.ts +9 -0
- package/dist/components/dialog/dialog-primitives.d.ts +27 -0
- package/dist/components/dialog/dialog.d.ts +11 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/icon-button/icon-button-variants.d.ts +1 -1
- package/dist/components/icon-button/icon-button.d.ts +1 -1
- package/dist/components/progress-bar/index.d.ts +1 -0
- package/dist/components/progress-bar/progress-bar.d.ts +8 -0
- package/dist/components/sheet/index.d.ts +1 -0
- package/dist/components/sheet/sheet-primitives.d.ts +31 -0
- package/dist/components/sheet/sheet-variants.d.ts +3 -0
- package/dist/components/sheet/sheet.d.ts +13 -0
- package/dist/components/toast/index.d.ts +3 -0
- package/dist/components/toast/toast-variants.d.ts +3 -0
- package/dist/components/toast/toast.d.ts +15 -0
- package/dist/components/toast/toaster.d.ts +1 -0
- package/dist/components/toast/use-toast.d.ts +44 -0
- package/dist/index.d.ts +13 -11
- package/dist/index.es.js +14324 -12371
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +78 -61
- package/dist/index.umd.js.map +1 -1
- package/dist/package.json +4 -1
- package/dist/shared/lib/capitalize.d.ts +1 -0
- package/dist/shared/lib/copy-text-to-clipboard.d.ts +1 -0
- package/dist/shared/ui/button.d.ts +1 -1
- package/package.json +4 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { alertVariants } from './alert-variants';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
export type AlertProps = PropsWithChildren<{
|
|
5
|
+
customIconElement?: ReactNode;
|
|
6
|
+
}> & HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
|
|
7
|
+
export declare const Alert: import('react').ForwardRefExoticComponent<{
|
|
8
|
+
customIconElement?: ReactNode;
|
|
9
|
+
} & {
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
} & HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
12
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
13
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { alertVariants } from '../alert/alert-variants';
|
|
3
|
+
import { HTMLAttributes, ForwardedRef, PropsWithChildren, ReactNode } from 'react';
|
|
4
|
+
export type AlertBannerProps = PropsWithChildren<{
|
|
5
|
+
title?: ReactNode;
|
|
6
|
+
actionElement: ReactNode;
|
|
7
|
+
}> & HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
|
|
8
|
+
export declare function AlertBannerComponent(props: AlertBannerProps, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const AlertBanner: import('react').ForwardRefExoticComponent<{
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
actionElement: ReactNode;
|
|
12
|
+
} & {
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
} & HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
15
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
16
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertBanner, type AlertBannerProps } from './alert-banner';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const buttonStartingClassNames: string;
|
|
2
2
|
export declare const buttonVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "
|
|
3
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | "secondary" | "ghost" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -11,5 +11,5 @@ export declare const Button: import('react').ForwardRefExoticComponent<{
|
|
|
11
11
|
leftAdornment?: ReactNode;
|
|
12
12
|
isLoading?: boolean | undefined;
|
|
13
13
|
} & ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
14
|
-
variant?: "default" | "
|
|
14
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | "secondary" | "ghost" | null | undefined;
|
|
15
15
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CSSProperties, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
export type CardProps = PropsWithChildren<{
|
|
3
|
+
showBorder?: boolean;
|
|
4
|
+
withBottomAction?: ReactNode;
|
|
5
|
+
maxWidth?: CSSProperties['maxWidth'];
|
|
6
|
+
} & HTMLAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const Card: import('react').ForwardRefExoticComponent<{
|
|
8
|
+
showBorder?: boolean | undefined;
|
|
9
|
+
withBottomAction?: ReactNode;
|
|
10
|
+
maxWidth?: CSSProperties['maxWidth'];
|
|
11
|
+
} & HTMLAttributes<HTMLDivElement> & {
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Card, type CardProps } from './card';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export type CopyTextButtonProps = PropsWithChildren<{
|
|
3
|
+
className?: string;
|
|
4
|
+
valueToCopy: string;
|
|
5
|
+
copiedMessage?: string;
|
|
6
|
+
copiedMessagePosition?: 'right-top-corner' | 'right-bottom-corner';
|
|
7
|
+
afterCopy?: (text: string) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const copyButtonTestid = "copy-text-copy-button-testid";
|
|
11
|
+
export declare const CopyTextButton: import('react').ForwardRefExoticComponent<{
|
|
12
|
+
className?: string | undefined;
|
|
13
|
+
valueToCopy: string;
|
|
14
|
+
copiedMessage?: string | undefined;
|
|
15
|
+
copiedMessagePosition?: "right-top-corner" | "right-bottom-corner" | undefined;
|
|
16
|
+
afterCopy?: ((text: string) => void) | undefined;
|
|
17
|
+
disabled?: boolean | undefined;
|
|
18
|
+
} & {
|
|
19
|
+
children?: import('react').ReactNode;
|
|
20
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CopyTextButton, type CopyTextButtonProps } from './copy-text-button';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
export type DialogProps = DialogPrimitive.DialogProps;
|
|
4
|
+
export type DialogContentProps = {
|
|
5
|
+
contentTitle: React.ReactNode;
|
|
6
|
+
contentDescription: React.ReactNode;
|
|
7
|
+
} & React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
|
|
8
|
+
declare const DialogRoot: React.FC<DialogPrimitive.DialogProps>;
|
|
9
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
12
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const DialogContent: React.ForwardRefExoticComponent<{
|
|
14
|
+
contentTitle: React.ReactNode;
|
|
15
|
+
contentDescription: React.ReactNode;
|
|
16
|
+
} & Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
declare const DialogHeader: {
|
|
18
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
declare const DialogFooter: {
|
|
22
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
26
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
27
|
+
export { DialogRoot, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Dialog: {
|
|
3
|
+
Root: import('react').FC<import('@radix-ui/react-dialog').DialogProps>;
|
|
4
|
+
Trigger: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Close: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
Content: import('react').ForwardRefExoticComponent<{
|
|
7
|
+
contentTitle: import('react').ReactNode;
|
|
8
|
+
contentDescription: import('react').ReactNode;
|
|
9
|
+
} & Omit<import('@radix-ui/react-dialog').DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
};
|
|
11
|
+
export type { DialogContentProps, DialogProps } from './dialog-primitives';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dialog, type DialogProps, type DialogContentProps } from './dialog';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const iconButtonStartingClassNames: string;
|
|
2
2
|
export declare const iconButtonVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "info" | "
|
|
3
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -7,5 +7,5 @@ export type IconButtonProps = {
|
|
|
7
7
|
export declare const IconButton: import('react').ForwardRefExoticComponent<{
|
|
8
8
|
asChild?: boolean | undefined;
|
|
9
9
|
} & ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
10
|
-
variant?: "default" | "info" | "
|
|
10
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
11
11
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ProgressBar, type ProgressBarProps } from './progress-bar';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, CSSProperties } from 'react';
|
|
2
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
export type ProgressBarProps = {
|
|
4
|
+
width?: CSSProperties['width'];
|
|
5
|
+
} & ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
|
|
6
|
+
export declare const ProgressBar: import('react').ForwardRefExoticComponent<{
|
|
7
|
+
width?: CSSProperties['width'];
|
|
8
|
+
} & Omit<ProgressPrimitive.ProgressProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Sheet, type SheetProps, type SheetContentProps } from './sheet';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { sheetVariants } from './sheet-variants';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
5
|
+
export type SheetProps = SheetPrimitive.DialogProps;
|
|
6
|
+
export type SheetContentProps = {
|
|
7
|
+
contentTitle: React.ReactNode;
|
|
8
|
+
contentDescription: React.ReactNode;
|
|
9
|
+
} & React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants>;
|
|
10
|
+
declare const SheetRoot: React.FC<SheetPrimitive.DialogProps>;
|
|
11
|
+
declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
14
|
+
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const SheetContent: React.ForwardRefExoticComponent<{
|
|
16
|
+
contentTitle: React.ReactNode;
|
|
17
|
+
contentDescription: React.ReactNode;
|
|
18
|
+
} & Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
19
|
+
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
20
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
declare const SheetHeader: {
|
|
22
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const SheetFooter: {
|
|
26
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
30
|
+
declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
31
|
+
export { SheetRoot, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Sheet: {
|
|
3
|
+
Root: import('react').FC<import('@radix-ui/react-dialog').DialogProps>;
|
|
4
|
+
Trigger: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Close: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
Content: import('react').ForwardRefExoticComponent<{
|
|
7
|
+
contentTitle: import('react').ReactNode;
|
|
8
|
+
contentDescription: import('react').ReactNode;
|
|
9
|
+
} & Omit<import('@radix-ui/react-dialog').DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('class-variance-authority').VariantProps<(props?: ({
|
|
10
|
+
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
11
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
13
|
+
export type { SheetContentProps, SheetProps } from './sheet-primitives';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
4
|
+
type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
|
|
5
|
+
type ToastActionElement = React.ReactElement<typeof ToastAction>;
|
|
6
|
+
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
7
|
+
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
8
|
+
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
9
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
10
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
11
|
+
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ToastActionElement, ToastProps } from './toast';
|
|
3
|
+
type ToasterToast = ToastProps & {
|
|
4
|
+
id: string;
|
|
5
|
+
title?: ReactNode;
|
|
6
|
+
description?: ReactNode;
|
|
7
|
+
action?: ToastActionElement;
|
|
8
|
+
};
|
|
9
|
+
declare const actionTypes: {
|
|
10
|
+
readonly ADD_TOAST: "ADD_TOAST";
|
|
11
|
+
readonly UPDATE_TOAST: "UPDATE_TOAST";
|
|
12
|
+
readonly DISMISS_TOAST: "DISMISS_TOAST";
|
|
13
|
+
readonly REMOVE_TOAST: "REMOVE_TOAST";
|
|
14
|
+
};
|
|
15
|
+
type ActionType = typeof actionTypes;
|
|
16
|
+
type Action = {
|
|
17
|
+
type: ActionType['ADD_TOAST'];
|
|
18
|
+
toast: ToasterToast;
|
|
19
|
+
} | {
|
|
20
|
+
type: ActionType['UPDATE_TOAST'];
|
|
21
|
+
toast: Partial<ToasterToast>;
|
|
22
|
+
} | {
|
|
23
|
+
type: ActionType['DISMISS_TOAST'];
|
|
24
|
+
toastId?: ToasterToast['id'];
|
|
25
|
+
} | {
|
|
26
|
+
type: ActionType['REMOVE_TOAST'];
|
|
27
|
+
toastId?: ToasterToast['id'];
|
|
28
|
+
};
|
|
29
|
+
interface State {
|
|
30
|
+
toasts: ToasterToast[];
|
|
31
|
+
}
|
|
32
|
+
export declare const reducer: (state: State, action: Action) => State;
|
|
33
|
+
export type ToastFnProps = Omit<ToasterToast, 'id'>;
|
|
34
|
+
declare function toast({ ...props }: ToastFnProps): {
|
|
35
|
+
id: string;
|
|
36
|
+
dismiss: () => void;
|
|
37
|
+
update: (props: ToasterToast) => void;
|
|
38
|
+
};
|
|
39
|
+
declare function useToast(): {
|
|
40
|
+
toast: typeof toast;
|
|
41
|
+
dismiss: (toastId?: string) => void;
|
|
42
|
+
toasts: ToasterToast[];
|
|
43
|
+
};
|
|
44
|
+
export { useToast, toast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
|
+
import { Alert, AlertProps, alertVariants } from './components/alert';
|
|
2
|
+
import { ProgressBar, ProgressBarProps } from './components/progress-bar';
|
|
1
3
|
import { Button, ButtonProps, buttonVariants } from './components/button';
|
|
4
|
+
import { AlertBanner, AlertBannerProps } from './components/alert-banner';
|
|
5
|
+
import { Sheet, SheetProps, SheetContentProps } from './components/sheet';
|
|
6
|
+
import { CopyTextButton, CopyTextButtonProps } from './components/copy-text-button';
|
|
7
|
+
import { Dialog, DialogProps, DialogContentProps } from './components/dialog';
|
|
8
|
+
import { ToastProvider, Toaster, ToastFnProps, useToast } from './components/toast';
|
|
2
9
|
import { IconButton, IconButtonProps, iconButtonVariants } from './components/icon-button';
|
|
3
10
|
import { FileUploader, FileUploaderProps } from './components/file-uploader/ui';
|
|
4
11
|
import { ImageUploader, ImageUploaderProps } from './components/image-uploader/ui';
|
|
@@ -20,8 +27,8 @@ import { CapLinkProvider } from './providers';
|
|
|
20
27
|
import { IconTextButtonProps } from './shared/ui/icon-text-button';
|
|
21
28
|
import { Badge, BadgeProps } from './shared/ui/badge';
|
|
22
29
|
import { CustomPaginationProps } from './components/pagination';
|
|
23
|
-
export { Button, buttonVariants, IconButton, iconButtonVariants };
|
|
24
|
-
export type { ButtonProps, IconButtonProps };
|
|
30
|
+
export { Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, };
|
|
31
|
+
export type { AlertProps, ProgressBarProps, ButtonProps, AlertBannerProps, SheetProps, SheetContentProps, CopyTextButtonProps, DialogProps, DialogContentProps, ToastFnProps, IconButtonProps, };
|
|
25
32
|
export declare const CapLink: {
|
|
26
33
|
Spreadsheet: typeof Spreadsheet;
|
|
27
34
|
FileUploader: typeof FileUploader;
|
|
@@ -36,10 +43,10 @@ export declare const CapLink: {
|
|
|
36
43
|
IconButton: import('react').ForwardRefExoticComponent<{
|
|
37
44
|
asChild?: boolean | undefined;
|
|
38
45
|
} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
39
|
-
variant?: "default" | "info" | "
|
|
46
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
40
47
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
41
48
|
iconButtonVariants: (props?: ({
|
|
42
|
-
variant?: "default" | "info" | "
|
|
49
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
43
50
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
44
51
|
FloatButton: typeof FloatButton;
|
|
45
52
|
ContentSplit: typeof ContentSplit;
|
|
@@ -150,11 +157,6 @@ export declare const CapLink: {
|
|
|
150
157
|
}[];
|
|
151
158
|
edges: import('@xyflow/react').Edge[];
|
|
152
159
|
};
|
|
153
|
-
Alert: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
154
|
-
variant?: "default" | "info" | "success" | "error" | "warn" | null | undefined;
|
|
155
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
156
|
-
AlertTitle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
157
|
-
AlertDescription: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
158
160
|
Badge: typeof Badge;
|
|
159
161
|
CustomPagination: import('react').FC<CustomPaginationProps>;
|
|
160
162
|
Pagination: {
|
|
@@ -167,7 +169,7 @@ export declare const CapLink: {
|
|
|
167
169
|
({ className, ...props }: {
|
|
168
170
|
asChild?: boolean | undefined;
|
|
169
171
|
} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
170
|
-
variant?: "default" | "info" | "
|
|
172
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
171
173
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
172
174
|
displayName: string;
|
|
173
175
|
};
|
|
@@ -175,7 +177,7 @@ export declare const CapLink: {
|
|
|
175
177
|
({ className, ...props }: {
|
|
176
178
|
asChild?: boolean | undefined;
|
|
177
179
|
} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
178
|
-
variant?: "default" | "info" | "
|
|
180
|
+
variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
179
181
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
180
182
|
displayName: string;
|
|
181
183
|
};
|