cashdoc-cms-design-system 1.0.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.
Files changed (50) hide show
  1. package/README.md +1 -0
  2. package/dist/.gitkeep +0 -0
  3. package/dist/components/Button/Button.d.ts +11 -0
  4. package/dist/components/Button/index.d.ts +1 -0
  5. package/dist/components/Checkbox/Checkbox.d.ts +8 -0
  6. package/dist/components/Checkbox/index.d.ts +2 -0
  7. package/dist/components/DatePicker/DatePicker.d.ts +16 -0
  8. package/dist/components/DatePicker/DateRangePicker.d.ts +14 -0
  9. package/dist/components/DatePicker/index.d.ts +4 -0
  10. package/dist/components/Dropdown/Combobox.d.ts +8 -0
  11. package/dist/components/Dropdown/Dropdown.d.ts +25 -0
  12. package/dist/components/Dropdown/Select.d.ts +9 -0
  13. package/dist/components/Dropdown/index.d.ts +3 -0
  14. package/dist/components/LoadingCircle/LoadingCircle.d.ts +6 -0
  15. package/dist/components/LoadingCircle/index.d.ts +1 -0
  16. package/dist/components/Modal/ConfirmModal.d.ts +12 -0
  17. package/dist/components/Modal/DeleteModal.d.ts +14 -0
  18. package/dist/components/Modal/ErrorModal.d.ts +12 -0
  19. package/dist/components/Modal/Modal.d.ts +14 -0
  20. package/dist/components/Modal/SuccessModal.d.ts +12 -0
  21. package/dist/components/Modal/WarningModal.d.ts +14 -0
  22. package/dist/components/Modal/index.d.ts +12 -0
  23. package/dist/components/Popover/Popover.d.ts +5 -0
  24. package/dist/components/Popover/PopoverMenuItem.d.ts +11 -0
  25. package/dist/components/Popover/index.d.ts +3 -0
  26. package/dist/components/RadioButton/RadioButton.d.ts +13 -0
  27. package/dist/components/RadioButton/index.d.ts +1 -0
  28. package/dist/components/SideNavigation/SideNavigation.d.ts +21 -0
  29. package/dist/components/SideNavigation/index.d.ts +1 -0
  30. package/dist/components/Switch/Switch.d.ts +11 -0
  31. package/dist/components/Switch/index.d.ts +1 -0
  32. package/dist/components/TagInput/TagInput.d.ts +22 -0
  33. package/dist/components/TagInput/index.d.ts +1 -0
  34. package/dist/components/Text/Text.d.ts +14 -0
  35. package/dist/components/Text/index.d.ts +2 -0
  36. package/dist/components/TextInput/TextInput.d.ts +16 -0
  37. package/dist/components/TextInput/index.d.ts +2 -0
  38. package/dist/components/Toast/Toaster.d.ts +6 -0
  39. package/dist/components/Toast/index.d.ts +4 -0
  40. package/dist/components/icons/ChevronRightIcon.d.ts +3 -0
  41. package/dist/components/icons/index.d.ts +1 -0
  42. package/dist/components/index.d.ts +14 -0
  43. package/dist/index.d.ts +3 -0
  44. package/dist/index.es.js +12652 -0
  45. package/dist/index.es.js.map +1 -0
  46. package/dist/index.umd.js +96 -0
  47. package/dist/index.umd.js.map +1 -0
  48. package/dist/style.css +1 -0
  49. package/dist/utils/cn.d.ts +3 -0
  50. package/package.json +98 -0
package/README.md ADDED
@@ -0,0 +1 @@
1
+
package/dist/.gitkeep ADDED
File without changes
@@ -0,0 +1,11 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { ButtonHTMLAttributes } from 'react';
3
+
4
+ export declare const buttonVariants: (props?: ({
5
+ variant?: "default" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
6
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
7
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
+ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
9
+ }
10
+ declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
11
+ export { Button };
@@ -0,0 +1 @@
1
+ export { Button, buttonVariants, type ButtonProps } from './Button';
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+
3
+ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
4
+ export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
5
+ label?: string;
6
+ id?: string;
7
+ }
8
+ export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps } from './Checkbox';
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface DatePickerProps {
4
+ value?: string;
5
+ onChange?: (date: string) => void;
6
+ label?: string;
7
+ placeholder?: string;
8
+ min?: string;
9
+ max?: string;
10
+ disabled?: boolean;
11
+ error?: boolean;
12
+ errorMessage?: string;
13
+ helperText?: string;
14
+ className?: string;
15
+ }
16
+ export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface DateRange {
4
+ start: string;
5
+ end: string;
6
+ }
7
+ export interface DateRangePickerProps {
8
+ value?: DateRange;
9
+ onChange?: (range: DateRange) => void;
10
+ startLabel?: string;
11
+ endLabel?: string;
12
+ className?: string;
13
+ }
14
+ export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,4 @@
1
+ export { DatePicker } from './DatePicker';
2
+ export type { DatePickerProps } from './DatePicker';
3
+ export { DateRangePicker } from './DateRangePicker';
4
+ export type { DateRangePickerProps, DateRange } from './DateRangePicker';
@@ -0,0 +1,8 @@
1
+ import { DropdownProps } from './Dropdown';
2
+
3
+ export interface ComboboxProps extends Omit<DropdownProps, "searchable"> {
4
+ loading?: boolean;
5
+ createable?: boolean;
6
+ onCreateOption?: (value: string) => void;
7
+ }
8
+ export declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,25 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+
3
+ export declare const dropdownTriggerVariants: (props?: ({
4
+ variant?: "default" | "outline" | "ghost" | null | undefined;
5
+ size?: "default" | "sm" | "lg" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ export interface DropdownOption {
8
+ value: string;
9
+ label: string;
10
+ disabled?: boolean;
11
+ }
12
+ export interface DropdownProps extends VariantProps<typeof dropdownTriggerVariants> {
13
+ options: DropdownOption[];
14
+ value?: string;
15
+ placeholder?: string;
16
+ onValueChange?: (value: string) => void;
17
+ disabled?: boolean;
18
+ className?: string;
19
+ dropdownClassName?: string;
20
+ searchable?: boolean;
21
+ clearable?: boolean;
22
+ multiple?: boolean;
23
+ maxHeight?: number;
24
+ }
25
+ export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,9 @@
1
+ import { DropdownProps } from './Dropdown';
2
+
3
+ export interface SelectProps extends Omit<DropdownProps, "multiple" | "searchable" | "clearable"> {
4
+ label?: string;
5
+ helperText?: string;
6
+ error?: string;
7
+ required?: boolean;
8
+ }
9
+ export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,3 @@
1
+ export { Dropdown, dropdownTriggerVariants, type DropdownProps, type DropdownOption, } from './Dropdown';
2
+ export { Select, type SelectProps } from './Select';
3
+ export { Combobox, type ComboboxProps } from './Combobox';
@@ -0,0 +1,6 @@
1
+ interface LoadingCircleProps {
2
+ size?: "sm" | "md" | "lg";
3
+ className?: string;
4
+ }
5
+ export declare function LoadingCircle({ size, className }: LoadingCircleProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1 @@
1
+ export { LoadingCircle } from './LoadingCircle';
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface ConfirmModalProps {
4
+ open: boolean;
5
+ onOpenChange: (open: boolean) => void;
6
+ title?: string;
7
+ message: React.ReactNode;
8
+ confirmText?: string;
9
+ onConfirm?: () => void;
10
+ className?: string;
11
+ }
12
+ export declare const ConfirmModal: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface DeleteModalProps {
4
+ open: boolean;
5
+ onOpenChange: (open: boolean) => void;
6
+ title?: string;
7
+ message?: React.ReactNode;
8
+ confirmText?: string;
9
+ cancelText?: string;
10
+ onConfirm: () => void;
11
+ onCancel?: () => void;
12
+ className?: string;
13
+ }
14
+ export declare const DeleteModal: React.ForwardRefExoticComponent<DeleteModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface ErrorModalProps {
4
+ open: boolean;
5
+ onOpenChange: (open: boolean) => void;
6
+ title?: string;
7
+ message: React.ReactNode;
8
+ confirmText?: string;
9
+ onConfirm?: () => void;
10
+ className?: string;
11
+ }
12
+ export declare const ErrorModal: React.ForwardRefExoticComponent<ErrorModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface ModalProps {
4
+ open: boolean;
5
+ onOpenChange: (open: boolean) => void;
6
+ icon?: React.ReactNode;
7
+ title?: React.ReactNode;
8
+ children: React.ReactNode;
9
+ footer?: React.ReactNode;
10
+ className?: string;
11
+ showCloseButton?: boolean;
12
+ size?: "sm" | "md" | "lg";
13
+ }
14
+ export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface SuccessModalProps {
4
+ open: boolean;
5
+ onOpenChange: (open: boolean) => void;
6
+ title?: string;
7
+ message: React.ReactNode;
8
+ confirmText?: string;
9
+ onConfirm?: () => void;
10
+ className?: string;
11
+ }
12
+ export declare const SuccessModal: React.ForwardRefExoticComponent<SuccessModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface WarningModalProps {
4
+ open: boolean;
5
+ onOpenChange: (open: boolean) => void;
6
+ title?: string;
7
+ message: React.ReactNode;
8
+ confirmText?: string;
9
+ onConfirm?: () => void;
10
+ cancelText?: string;
11
+ onCancel?: () => void;
12
+ className?: string;
13
+ }
14
+ export declare const WarningModal: React.ForwardRefExoticComponent<WarningModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,12 @@
1
+ export { Modal } from './Modal';
2
+ export type { ModalProps } from './Modal';
3
+ export { ConfirmModal } from './ConfirmModal';
4
+ export type { ConfirmModalProps } from './ConfirmModal';
5
+ export { DeleteModal } from './DeleteModal';
6
+ export type { DeleteModalProps } from './DeleteModal';
7
+ export { ErrorModal } from './ErrorModal';
8
+ export type { ErrorModalProps } from './ErrorModal';
9
+ export { WarningModal } from './WarningModal';
10
+ export type { WarningModalProps } from './WarningModal';
11
+ export { SuccessModal } from './SuccessModal';
12
+ export type { SuccessModalProps } from './SuccessModal';
@@ -0,0 +1,5 @@
1
+ import * as PopoverPrimitive from "@radix-ui/react-popover";
2
+ declare const Popover: import('react').FC<PopoverPrimitive.PopoverProps>;
3
+ declare const PopoverTrigger: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
4
+ declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ export { Popover, PopoverTrigger, PopoverContent };
@@ -0,0 +1,11 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { ButtonHTMLAttributes } from 'react';
3
+
4
+ declare const popoverMenuItemVariants: (props?: ({
5
+ variant?: "default" | "destructive" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ export interface PopoverMenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof popoverMenuItemVariants> {
8
+ icon?: React.ReactNode;
9
+ }
10
+ declare const PopoverMenuItem: import('react').ForwardRefExoticComponent<PopoverMenuItemProps & import('react').RefAttributes<HTMLButtonElement>>;
11
+ export { PopoverMenuItem, popoverMenuItemVariants };
@@ -0,0 +1,3 @@
1
+ export { Popover, PopoverTrigger, PopoverContent } from './Popover';
2
+ export { PopoverMenuItem, popoverMenuItemVariants } from './PopoverMenuItem';
3
+ export type { PopoverMenuItemProps } from './PopoverMenuItem';
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+
4
+ import * as RadioGroupPrimitives from "@radix-ui/react-radio-group";
5
+ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
+ declare const radioGroupItemVariants: (props?: ({
7
+ variant?: "default" | "black" | "green" | "blue" | "red" | null | undefined;
8
+ size?: "sm" | "lg" | "md" | null | undefined;
9
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
10
+ export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitives.Item>, VariantProps<typeof radioGroupItemVariants> {
11
+ }
12
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
13
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1 @@
1
+ export * from './RadioButton';
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface SubMenuItem {
4
+ url: string;
5
+ title: string;
6
+ }
7
+ export interface MenuItem {
8
+ url: string;
9
+ title: string;
10
+ icon?: React.ReactNode;
11
+ subMenu?: SubMenuItem[];
12
+ }
13
+ export interface SideNavigationProps {
14
+ title?: string;
15
+ menus: MenuItem[];
16
+ selectedUrl: string;
17
+ onMenuClick: (url: string) => void;
18
+ headerSlot?: React.ReactNode;
19
+ className?: string;
20
+ }
21
+ export declare const SideNavigation: React.ForwardRefExoticComponent<SideNavigationProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './SideNavigation';
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+
4
+ import * as SwitchPrimitives from "@radix-ui/react-switch";
5
+ declare const switchVariants: (props?: ({
6
+ variant?: "default" | "black" | "green" | "blue" | "red" | null | undefined;
7
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
+ export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof switchVariants> {
9
+ }
10
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
11
+ export { Switch };
@@ -0,0 +1 @@
1
+ export * from './Switch';
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+
4
+ declare const tagInputContainerVariants: (props?: ({
5
+ readOnly?: boolean | null | undefined;
6
+ layout?: "row" | "column" | null | undefined;
7
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
+ export interface TagInputProps extends Omit<VariantProps<typeof tagInputContainerVariants>, "readOnly"> {
9
+ label?: string;
10
+ required?: boolean;
11
+ maxTags?: number;
12
+ placeholder?: string;
13
+ value?: string[];
14
+ onChange?: (tags: string[]) => void;
15
+ readOnly?: boolean;
16
+ noLimit?: boolean;
17
+ validateTag?: (tag: string, currentTags: string[]) => boolean | string | undefined;
18
+ className?: string;
19
+ id?: string;
20
+ }
21
+ export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement>>;
22
+ export {};
@@ -0,0 +1 @@
1
+ export * from './TagInput';
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+
4
+ declare const textVariants: (props?: ({
5
+ variant?: "h2" | "h3" | "body" | "caption" | "h1" | "subtitle" | "emphasis" | "price" | null | undefined;
6
+ align?: "center" | "right" | "left" | null | undefined;
7
+ decoration?: "none" | "underline" | "lineThrough" | null | undefined;
8
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
+ export interface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
10
+ as?: "p" | "span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
11
+ children: React.ReactNode;
12
+ }
13
+ export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
14
+ export {};
@@ -0,0 +1,2 @@
1
+ export { Text } from './Text';
2
+ export type { TextProps } from './Text';
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+
4
+ declare const textInputVariants: (props?: ({
5
+ variant?: "default" | "error" | null | undefined;
6
+ fullWidth?: boolean | null | undefined;
7
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
+ export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textInputVariants> {
9
+ label?: string;
10
+ error?: boolean;
11
+ errorMessage?: string;
12
+ helperText?: string;
13
+ showCharCount?: boolean;
14
+ }
15
+ export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
16
+ export {};
@@ -0,0 +1,2 @@
1
+ export { TextInput } from './TextInput';
2
+ export type { TextInputProps } from './TextInput';
@@ -0,0 +1,6 @@
1
+ import { Toaster as Sonner } from 'sonner';
2
+ import { ComponentProps } from 'react';
3
+
4
+ type ToasterProps = ComponentProps<typeof Sonner>;
5
+ declare const Toaster: ({ position, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
6
+ export { Toaster };
@@ -0,0 +1,4 @@
1
+ import { toast } from 'sonner';
2
+
3
+ export { Toaster } from './Toaster';
4
+ export { toast };
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+
3
+ export declare function ChevronRightIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { ChevronRightIcon } from './ChevronRightIcon';
@@ -0,0 +1,14 @@
1
+ export * from './Button';
2
+ export * from './LoadingCircle';
3
+ export * from './Dropdown';
4
+ export * from './icons';
5
+ export * from './Popover';
6
+ export * from './Text';
7
+ export * from './TextInput';
8
+ export * from './DatePicker';
9
+ export * from './Switch';
10
+ export * from './RadioButton';
11
+ export * from './SideNavigation';
12
+ export * from './Checkbox';
13
+ export * from './Modal';
14
+ export * from './Toast';
@@ -0,0 +1,3 @@
1
+
2
+ export * from './components';
3
+ export { cn } from './utils/cn';