@vespiario-thailand/design-system 1.3.10 → 1.3.12

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 (114) hide show
  1. package/dist/components/generals/AlertBar/AlertBarAction.d.ts +3 -0
  2. package/dist/components/generals/AlertBar/AlertBarClose.d.ts +3 -0
  3. package/dist/components/generals/AlertBar/AlertBarText.d.ts +3 -0
  4. package/dist/components/generals/AlertBar/index.d.ts +17 -0
  5. package/dist/components/generals/Avatar/index.d.ts +5 -0
  6. package/dist/components/generals/Button/index.d.ts +42 -0
  7. package/dist/components/generals/ButtonCross/index.d.ts +12 -0
  8. package/dist/components/generals/Checkbox/index.d.ts +12 -0
  9. package/dist/components/generals/Chip/index.d.ts +10 -0
  10. package/dist/components/generals/ColorPicker/ColorPickerAction.d.ts +2 -0
  11. package/dist/components/generals/ColorPicker/ColorPickerApply.d.ts +3 -0
  12. package/dist/components/generals/ColorPicker/ColorPickerDiscard.d.ts +3 -0
  13. package/dist/components/generals/ColorPicker/ColorPickerImage.d.ts +9 -0
  14. package/dist/components/generals/ColorPicker/ColorPickerPalette.d.ts +6 -0
  15. package/dist/components/generals/ColorPicker/index.d.ts +19 -0
  16. package/dist/components/generals/DatePicker/DatePickerCaption.d.ts +11 -0
  17. package/dist/components/generals/DatePicker/DatePickerHeadRow.d.ts +3 -0
  18. package/dist/components/generals/DatePicker/DatePickerInputButton.d.ts +17 -0
  19. package/dist/components/generals/DatePicker/DatePickerMonthSelector.d.ts +15 -0
  20. package/dist/components/generals/DatePicker/DatePickerRange.d.ts +18 -0
  21. package/dist/components/generals/DatePicker/DatePickerSingle.d.ts +17 -0
  22. package/dist/components/generals/DatePicker/DatePickerYearDDL.d.ts +15 -0
  23. package/dist/components/generals/DatePicker/index.d.ts +24 -0
  24. package/dist/components/generals/Icon/index.d.ts +18 -0
  25. package/dist/components/generals/ImageInput/ImageInputActive.d.ts +2 -0
  26. package/dist/components/generals/ImageInput/ImageInputInactive.d.ts +10 -0
  27. package/dist/components/generals/ImageInput/index.d.ts +24 -0
  28. package/dist/components/generals/ImagePlaceholder/index.d.ts +20 -0
  29. package/dist/components/generals/ImagePreview/index.d.ts +14 -0
  30. package/dist/components/generals/Logo/index.d.ts +12 -0
  31. package/dist/components/generals/MenuItem/index.d.ts +20 -0
  32. package/dist/components/generals/NumberSwitch/NumberSwitchButton.d.ts +8 -0
  33. package/dist/components/generals/NumberSwitch/NumberSwitchInput.d.ts +3 -0
  34. package/dist/components/generals/NumberSwitch/index.d.ts +17 -0
  35. package/dist/components/generals/Pagination/PaginationButton.d.ts +10 -0
  36. package/dist/components/generals/Pagination/PaginationInput.d.ts +3 -0
  37. package/dist/components/generals/Pagination/PaginationTotal.d.ts +3 -0
  38. package/dist/components/generals/Pagination/index.d.ts +20 -0
  39. package/dist/components/generals/PanelAccount/index.d.ts +9 -0
  40. package/dist/components/generals/PanelNotification/index.d.ts +16 -0
  41. package/dist/components/generals/PanelThumbnail/index.d.ts +10 -0
  42. package/dist/components/generals/PasswordField/index.d.ts +9 -0
  43. package/dist/components/generals/PhoneTextField/PhoneTextFieldCountrySelect.d.ts +25 -0
  44. package/dist/components/generals/PhoneTextField/PhoneTextFieldInput.d.ts +5 -0
  45. package/dist/components/generals/PhoneTextField/PhoneTextFieldReset.d.ts +3 -0
  46. package/dist/components/generals/PhoneTextField/index.d.ts +39 -0
  47. package/dist/components/generals/PinInput/index.d.ts +7 -0
  48. package/dist/components/generals/Popover/index.d.ts +11 -0
  49. package/dist/components/generals/Radio/index.d.ts +15 -0
  50. package/dist/components/generals/SegmentTab/index.d.ts +17 -0
  51. package/dist/components/generals/Select/SelectContent.d.ts +3 -0
  52. package/dist/components/generals/Select/SelectItem.d.ts +3 -0
  53. package/dist/components/generals/Select/SelectTrigger.d.ts +8 -0
  54. package/dist/components/generals/Select/index.d.ts +25 -0
  55. package/dist/components/generals/SheetTitle/SheetTitleAction.d.ts +3 -0
  56. package/dist/components/generals/SheetTitle/SheetTitleBack.d.ts +3 -0
  57. package/dist/components/generals/SheetTitle/SheetTitleButton.d.ts +4 -0
  58. package/dist/components/generals/SheetTitle/SheetTitleClose.d.ts +3 -0
  59. package/dist/components/generals/SheetTitle/SheetTitleText.d.ts +3 -0
  60. package/dist/components/generals/SheetTitle/index.d.ts +10 -0
  61. package/dist/components/generals/Slider/index.d.ts +3 -0
  62. package/dist/components/generals/Snackbar/SnackBarButton.d.ts +3 -0
  63. package/dist/components/generals/Snackbar/SnackbarClose.d.ts +3 -0
  64. package/dist/components/generals/Snackbar/SnackbarText.d.ts +3 -0
  65. package/dist/components/generals/Snackbar/index.d.ts +8 -0
  66. package/dist/components/generals/SnackbarMenu/SnackbarMenuContent.d.ts +11 -0
  67. package/dist/components/generals/SnackbarMenu/SnackbarMenuItem.d.ts +17 -0
  68. package/dist/components/generals/SnackbarMenu/SnackbarMenuTrigger.d.ts +10 -0
  69. package/dist/components/generals/SnackbarMenu/index.d.ts +47 -0
  70. package/dist/components/generals/StackTab/index.d.ts +6 -0
  71. package/dist/components/generals/Switch/index.d.ts +15 -0
  72. package/dist/components/generals/Tag/TagDelete.d.ts +3 -0
  73. package/dist/components/generals/Tag/TagText.d.ts +3 -0
  74. package/dist/components/generals/Tag/index.d.ts +6 -0
  75. package/dist/components/generals/Taxonomy/index.d.ts +13 -0
  76. package/dist/components/generals/TextArea/index.d.ts +9 -0
  77. package/dist/components/generals/TextField/index.d.ts +8 -0
  78. package/dist/components/generals/TextFieldAmount/TextFieldAmountInput.d.ts +4 -0
  79. package/dist/components/generals/TextFieldAmount/TextFieldAmountPrefix.d.ts +8 -0
  80. package/dist/components/generals/TextFieldAmount/index.d.ts +26 -0
  81. package/dist/components/generals/TextFieldGroup/TextFieldGroupLeftElement.d.ts +3 -0
  82. package/dist/components/generals/TextFieldGroup/TextFieldGroupRightElement.d.ts +3 -0
  83. package/dist/components/generals/TextFieldGroup/index.d.ts +6 -0
  84. package/dist/components/generals/TextFieldPercent/TextFieldPercentInput.d.ts +8 -0
  85. package/dist/components/generals/TextFieldPercent/TextFieldPercentSuffix.d.ts +8 -0
  86. package/dist/components/generals/TextFieldPercent/index.d.ts +26 -0
  87. package/dist/components/generals/TextFieldSlug/TextFieldSlugInput.d.ts +8 -0
  88. package/dist/components/generals/TextFieldSlug/TextFieldSlugPrefix.d.ts +8 -0
  89. package/dist/components/generals/TextFieldSlug/index.d.ts +22 -0
  90. package/dist/components/generals/Tooltip/index.d.ts +15 -0
  91. package/dist/components/generals/TouchPoint/TouchPointLabel.d.ts +10 -0
  92. package/dist/components/generals/TouchPoint/index.d.ts +3 -0
  93. package/dist/components/generals/VariantField/VariantFieldColor.d.ts +3 -0
  94. package/dist/components/generals/VariantField/VariantFieldDelete.d.ts +3 -0
  95. package/dist/components/generals/VariantField/VariantFieldImage.d.ts +11 -0
  96. package/dist/components/generals/VariantField/VariantFieldText.d.ts +3 -0
  97. package/dist/components/generals/VariantField/index.d.ts +22 -0
  98. package/dist/components/generals/VeggieMenu/index.d.ts +8 -0
  99. package/dist/constants/icon.d.ts +3 -0
  100. package/dist/custom-theme.cjs +497 -0
  101. package/dist/functions/index.d.ts +6 -0
  102. package/dist/hooks/index.d.ts +5 -0
  103. package/dist/hooks/useClickOutside.d.ts +5 -0
  104. package/dist/hooks/useCopyToClipboard.d.ts +4 -0
  105. package/dist/hooks/useIsMounted.d.ts +2 -0
  106. package/dist/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  107. package/dist/hooks/useMergeRefs.d.ts +3 -0
  108. package/dist/index.d.ts +53 -0
  109. package/dist/style.css +1 -0
  110. package/dist/types/index.d.ts +16 -0
  111. package/dist/utils/index.d.ts +2 -0
  112. package/dist/vespa-design-system.js +35338 -0
  113. package/dist/vespa-design-system.umd.cjs +243 -0
  114. package/package.json +5 -5
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ export declare const AlertBarAction: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ export declare const AlertBarClose: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export declare const AlertBarText: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,17 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export type AlertBarVariants = 'info' | 'info-light' | 'success' | 'warning';
4
+ export type AlertBarCtxType = {
5
+ variant?: AlertBarVariants;
6
+ };
7
+ export declare const AlertBarCtx: import("react").Context<{}>;
8
+ export type AlertBarProps = HTMLAttributes<HTMLDivElement> & {
9
+ variant?: AlertBarVariants;
10
+ };
11
+ export declare const AlertBar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
12
+ variant?: AlertBarVariants | undefined;
13
+ } & import("react").RefAttributes<HTMLDivElement>> & {
14
+ Action: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
15
+ Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
16
+ Text: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
17
+ };
@@ -0,0 +1,5 @@
1
+ import * as PrimitiveAvatar from '@radix-ui/react-avatar';
2
+ export declare const Avatar: ((props: PrimitiveAvatar.AvatarProps) => JSX.Element) & {
3
+ Fallback: (props: PrimitiveAvatar.AvatarFallbackProps) => JSX.Element;
4
+ Image: import("react").ForwardRefExoticComponent<PrimitiveAvatar.AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
5
+ };
@@ -0,0 +1,42 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ /** types */
4
+ import { SizeType, IconListType, IconSizeType } from '../../../types';
5
+ type ButtonBackgroundColorType = 'blue' | 'green' | 'light-green' | 'yellow' | 'dark' | 'light';
6
+ type ButtonBackgroundShadeType = 100 | 200 | 300 | 400 | 500 | 600 | 700;
7
+ type CommonButtonType = ButtonHTMLAttributes<HTMLButtonElement> & {
8
+ sizes?: SizeType;
9
+ iconLeft?: IconListType;
10
+ iconLeftSize?: IconSizeType;
11
+ iconRightSize?: IconSizeType;
12
+ isLoading?: boolean;
13
+ };
14
+ type ConditionButtonIconType = {
15
+ onlyIcon?: never;
16
+ iconRight?: IconListType;
17
+ } | {
18
+ onlyIcon?: boolean;
19
+ iconRight?: never;
20
+ };
21
+ type ConditionButtonColorsType = {
22
+ variant?: 'primary';
23
+ color?: ButtonBackgroundColorType;
24
+ shade?: ButtonBackgroundShadeType;
25
+ contentColor?: ButtonBackgroundColorType;
26
+ contentShade?: ButtonBackgroundShadeType;
27
+ } | {
28
+ variant?: 'secondary';
29
+ color?: ButtonBackgroundColorType;
30
+ shade?: ButtonBackgroundShadeType;
31
+ contentColor?: never;
32
+ contentShade?: never;
33
+ } | {
34
+ variant?: 'outline';
35
+ color?: never;
36
+ shade?: never;
37
+ contentColor?: never;
38
+ contentShade?: never;
39
+ };
40
+ export type ButtonProps = CommonButtonType & ConditionButtonIconType & ConditionButtonColorsType;
41
+ export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
42
+ export {};
@@ -0,0 +1,12 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ /** types */
4
+ import { ButtonCrossVariantType, ButtonCrossSizeType } from '../../../types';
5
+ export type ButtonCrossProps = ButtonHTMLAttributes<HTMLButtonElement> & {
6
+ variant?: ButtonCrossVariantType;
7
+ size?: ButtonCrossSizeType;
8
+ };
9
+ export declare const ButtonCross: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
10
+ variant?: ButtonCrossVariantType | undefined;
11
+ size?: ButtonCrossSizeType | undefined;
12
+ } & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import * as PrimitiveCheckbox from '@radix-ui/react-checkbox';
3
+ type CheckboxVariantsType = 'solid' | 'outline';
4
+ export type CheckboxProps = PrimitiveCheckbox.CheckboxProps & {
5
+ variants?: CheckboxVariantsType;
6
+ isError?: boolean;
7
+ };
8
+ export declare const Checkbox: import("react").ForwardRefExoticComponent<PrimitiveCheckbox.CheckboxProps & {
9
+ variants?: CheckboxVariantsType | undefined;
10
+ isError?: boolean | undefined;
11
+ } & import("react").RefAttributes<HTMLButtonElement>>;
12
+ export {};
@@ -0,0 +1,10 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ import { ThemeVariantType } from '../../../types';
5
+ export type ChipProps = HTMLAttributes<HTMLSpanElement> & {
6
+ variant?: ThemeVariantType;
7
+ };
8
+ export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
9
+ variant?: ThemeVariantType | undefined;
10
+ } & import("react").RefAttributes<HTMLSpanElement>>;
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const ColorPickerAction: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ export declare const ColorPickerApply: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ export declare const ColorPickerDiscard: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,9 @@
1
+ /** libs */
2
+ import { HTMLAttributes, SyntheticEvent } from 'react';
3
+ export declare const ColorPickerImage: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
4
+ src?: string | undefined;
5
+ alt?: string | undefined;
6
+ isError?: boolean | undefined;
7
+ onUpload?: ((file: File | FileList) => void) | undefined;
8
+ onError?: ((error: SyntheticEvent<HTMLInputElement>) => void) | undefined;
9
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,6 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export declare const ColorPickerPalette: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
4
+ hex?: string | undefined;
5
+ onChangeHex?: ((value: string) => void) | undefined;
6
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,19 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export declare const ColorPickerRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const ColorPicker: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
5
+ Action: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
6
+ Discard: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
7
+ Apply: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
8
+ Palette: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
9
+ hex?: string | undefined;
10
+ onChangeHex?: ((value: string) => void) | undefined;
11
+ } & import("react").RefAttributes<HTMLDivElement>>;
12
+ Image: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
13
+ src?: string | undefined;
14
+ alt?: string | undefined;
15
+ isError?: boolean | undefined;
16
+ onUpload?: ((file: File | FileList) => void) | undefined;
17
+ onError?: ((error: import("react").SyntheticEvent<HTMLInputElement, Event>) => void) | undefined;
18
+ } & import("react").RefAttributes<HTMLDivElement>>;
19
+ };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { CaptionProps } from 'react-day-picker';
3
+ /** types */
4
+ export type DatePickerCaptionProps = {
5
+ minYear?: number;
6
+ maxYear?: number;
7
+ } & CaptionProps;
8
+ export declare const DatePickerCaption: import("react").ForwardRefExoticComponent<{
9
+ minYear?: number | undefined;
10
+ maxYear?: number | undefined;
11
+ } & CaptionProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export declare const DatePickerHeaderRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
@@ -0,0 +1,17 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ export type DatePickerInputButtonProps = {
5
+ placeholder?: string;
6
+ value?: Date;
7
+ hideClearIcon?: boolean;
8
+ active?: boolean;
9
+ onClear?: () => void;
10
+ } & HTMLAttributes<HTMLButtonElement>;
11
+ export declare const DatePickerInputButton: import("react").ForwardRefExoticComponent<{
12
+ placeholder?: string | undefined;
13
+ value?: Date | undefined;
14
+ hideClearIcon?: boolean | undefined;
15
+ active?: boolean | undefined;
16
+ onClear?: (() => void) | undefined;
17
+ } & HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,15 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ export type DatePickerMonthSelectorProps = {
5
+ selectedMonth?: number;
6
+ onSelectMonth?: (month: number) => void;
7
+ onPreviousMonth?: () => void;
8
+ onNextMonth?: () => void;
9
+ } & HTMLAttributes<HTMLDivElement>;
10
+ export declare const DatePickerMonthSelector: import("react").ForwardRefExoticComponent<{
11
+ selectedMonth?: number | undefined;
12
+ onSelectMonth?: ((month: number) => void) | undefined;
13
+ onPreviousMonth?: (() => void) | undefined;
14
+ onNextMonth?: (() => void) | undefined;
15
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,18 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ import { DateRange } from 'react-day-picker';
4
+ /** types */
5
+ export type DatePickerRangeProps = {
6
+ verifyPortal?: boolean;
7
+ minYear?: number;
8
+ maxYear?: number;
9
+ selectedDateRange?: DateRange;
10
+ onSelectDateRange?: (selectedDateRange?: DateRange) => void;
11
+ } & HTMLAttributes<HTMLDivElement>;
12
+ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<{
13
+ verifyPortal?: boolean | undefined;
14
+ minYear?: number | undefined;
15
+ maxYear?: number | undefined;
16
+ selectedDateRange?: DateRange | undefined;
17
+ onSelectDateRange?: ((selectedDateRange?: DateRange) => void) | undefined;
18
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,17 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ export type DatePickerSingleProps = {
5
+ verifyPortal?: boolean;
6
+ minYear?: number;
7
+ maxYear?: number;
8
+ selectedDate?: Date;
9
+ onSelectDate?: (selectedDate?: Date) => void;
10
+ } & HTMLAttributes<HTMLDivElement>;
11
+ export declare const DatePickerSingle: import("react").ForwardRefExoticComponent<{
12
+ verifyPortal?: boolean | undefined;
13
+ minYear?: number | undefined;
14
+ maxYear?: number | undefined;
15
+ selectedDate?: Date | undefined;
16
+ onSelectDate?: ((selectedDate?: Date) => void) | undefined;
17
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,15 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ export type DatePickerYearDDLProps = {
5
+ selectedYear?: number;
6
+ minYear?: number;
7
+ maxYear?: number;
8
+ onSelectYear?: (year: number) => void;
9
+ } & HTMLAttributes<HTMLDivElement>;
10
+ export declare const DatePickerYearDDL: import("react").ForwardRefExoticComponent<{
11
+ selectedYear?: number | undefined;
12
+ minYear?: number | undefined;
13
+ maxYear?: number | undefined;
14
+ onSelectYear?: ((year: number) => void) | undefined;
15
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,24 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ import { DateRange } from 'react-day-picker';
4
+ /** types */
5
+ export type DatePickerProps = {
6
+ mode?: 'single' | 'range';
7
+ verifyPortal?: boolean;
8
+ minYear?: number;
9
+ maxYear?: number;
10
+ selectedSingleDate?: Date;
11
+ onSelectSingleDate?: (selectedSingleDate?: Date) => void;
12
+ selectedDateRange?: DateRange;
13
+ onSelectDateRange?: (selectedDateRange?: DateRange) => void;
14
+ } & HTMLAttributes<HTMLDivElement>;
15
+ export declare const DatePicker: import("react").ForwardRefExoticComponent<{
16
+ mode?: "range" | "single" | undefined;
17
+ verifyPortal?: boolean | undefined;
18
+ minYear?: number | undefined;
19
+ maxYear?: number | undefined;
20
+ selectedSingleDate?: Date | undefined;
21
+ onSelectSingleDate?: ((selectedSingleDate?: Date) => void) | undefined;
22
+ selectedDateRange?: DateRange | undefined;
23
+ onSelectDateRange?: ((selectedDateRange?: DateRange) => void) | undefined;
24
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,18 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ import { ColorNameType, ColorShadeType, IconListType, IconSizeType } from '../../../types';
5
+ export type IconProps = HTMLAttributes<HTMLSpanElement> & {
6
+ icon?: IconListType;
7
+ size?: IconSizeType;
8
+ color?: ColorNameType;
9
+ shade?: ColorShadeType;
10
+ iconClassName?: string;
11
+ };
12
+ export declare const Icon: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
13
+ icon?: IconListType | undefined;
14
+ size?: IconSizeType | undefined;
15
+ color?: ColorNameType | undefined;
16
+ shade?: ColorShadeType | undefined;
17
+ iconClassName?: string | undefined;
18
+ } & import("react").RefAttributes<HTMLSpanElement>>;
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const ImageInputActive: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ import { HTMLAttributes } from 'react';
2
+ /** types */
3
+ export type ImageInputInactiveProps = {
4
+ size?: string;
5
+ ratio?: string;
6
+ } & HTMLAttributes<HTMLDivElement>;
7
+ export declare const ImageInputInactive: import("react").ForwardRefExoticComponent<{
8
+ size?: string | undefined;
9
+ ratio?: string | undefined;
10
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,24 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ /** types */
4
+ export type ImageInputProp = {
5
+ multiple?: boolean;
6
+ onUpload?: (file: File | FileList) => void;
7
+ isError?: boolean;
8
+ } & ButtonHTMLAttributes<HTMLButtonElement>;
9
+ export declare const ImageInputRoot: import("react").ForwardRefExoticComponent<{
10
+ multiple?: boolean | undefined;
11
+ onUpload?: ((file: File | FileList) => void) | undefined;
12
+ isError?: boolean | undefined;
13
+ } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
14
+ export declare const ImageInput: import("react").ForwardRefExoticComponent<{
15
+ multiple?: boolean | undefined;
16
+ onUpload?: ((file: File | FileList) => void) | undefined;
17
+ isError?: boolean | undefined;
18
+ } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>> & {
19
+ Active: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
20
+ Inactive: import("react").ForwardRefExoticComponent<{
21
+ size?: string | undefined;
22
+ ratio?: string | undefined;
23
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
24
+ };
@@ -0,0 +1,20 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ import { ColorNameType, ColorShadeType } from '../../../types';
5
+ type AspectRatioType = '1/1' | '3/4' | '4/3' | '16/9' | '16/10';
6
+ export type ImagePlaceholderProps = HTMLAttributes<HTMLDivElement> & {
7
+ bgColor?: ColorNameType;
8
+ bgShade?: ColorShadeType;
9
+ isSmallThumbnail?: boolean;
10
+ imageNotFound?: boolean;
11
+ aspectRatio?: AspectRatioType;
12
+ };
13
+ export declare const ImagePlaceholder: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
14
+ bgColor?: ColorNameType | undefined;
15
+ bgShade?: ColorShadeType | undefined;
16
+ isSmallThumbnail?: boolean | undefined;
17
+ imageNotFound?: boolean | undefined;
18
+ aspectRatio?: AspectRatioType | undefined;
19
+ } & import("react").RefAttributes<HTMLDivElement>>;
20
+ export {};
@@ -0,0 +1,14 @@
1
+ /** libs */
2
+ import { HTMLAttributes, MouseEvent } from 'react';
3
+ export type ImagePreviewProps = HTMLAttributes<HTMLDivElement> & {
4
+ src?: string;
5
+ isError?: boolean;
6
+ isLoading?: boolean;
7
+ onClickRemoveImage?: (e: MouseEvent) => void;
8
+ };
9
+ export declare const ImagePreview: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
10
+ src?: string | undefined;
11
+ isError?: boolean | undefined;
12
+ isLoading?: boolean | undefined;
13
+ onClickRemoveImage?: ((e: MouseEvent) => void) | undefined;
14
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,12 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ import { LogoVariantType } from '../../../types';
5
+ export type LogoProps = HTMLAttributes<HTMLImageElement> & {
6
+ logoVariants?: LogoVariantType;
7
+ alt?: string;
8
+ };
9
+ export declare const Logo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & {
10
+ logoVariants?: LogoVariantType | undefined;
11
+ alt?: string | undefined;
12
+ } & import("react").RefAttributes<HTMLImageElement>>;
@@ -0,0 +1,20 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ /** types */
4
+ import { IconListType, ThemeVariantType } from '../../../types';
5
+ type MenuItemTextStyles = 'regular' | 'italic';
6
+ export type MenuItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
7
+ disabled?: boolean;
8
+ icon?: IconListType;
9
+ selected?: boolean;
10
+ textStyle?: MenuItemTextStyles;
11
+ theme?: ThemeVariantType;
12
+ };
13
+ export declare const MenuItem: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
14
+ disabled?: boolean | undefined;
15
+ icon?: IconListType | undefined;
16
+ selected?: boolean | undefined;
17
+ textStyle?: MenuItemTextStyles | undefined;
18
+ theme?: ThemeVariantType | undefined;
19
+ } & import("react").RefAttributes<HTMLButtonElement>>;
20
+ export {};
@@ -0,0 +1,8 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ export type NumberSwitchButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
4
+ variant?: 'decrease' | 'increase';
5
+ };
6
+ export declare const NumberSwitchButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
7
+ variant?: "decrease" | "increase" | undefined;
8
+ } & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { InputHTMLAttributes } from 'react';
3
+ export declare const NumberSwitchInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,17 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export type NumberSwitchCtxType = {
4
+ isError?: boolean;
5
+ };
6
+ export declare const NumberSwitchCtx: import("react").Context<NumberSwitchCtxType>;
7
+ export type NumberSwitchProps = HTMLAttributes<HTMLDivElement> & {
8
+ isError?: boolean;
9
+ };
10
+ export declare const NumberSwitch: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
11
+ isError?: boolean | undefined;
12
+ } & import("react").RefAttributes<HTMLInputElement>> & {
13
+ Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
14
+ variant?: "decrease" | "increase" | undefined;
15
+ } & import("react").RefAttributes<HTMLButtonElement>>;
16
+ Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
17
+ };
@@ -0,0 +1,10 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ type DirectionType = 'next' | 'prev';
4
+ export type PaginationButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
5
+ direction?: DirectionType;
6
+ };
7
+ export declare const PaginationButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
8
+ direction?: DirectionType | undefined;
9
+ } & import("react").RefAttributes<HTMLButtonElement>>;
10
+ export {};
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { InputHTMLAttributes } from 'react';
3
+ export declare const PaginationInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export declare const PaginationTotal: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
@@ -0,0 +1,20 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ import { ThemeVariantType } from '../../../types';
5
+ export type PaginationCtxType = {
6
+ theme?: ThemeVariantType;
7
+ };
8
+ export declare const PaginationCtx: import("react").Context<PaginationCtxType>;
9
+ export type PaginationProps = HTMLAttributes<HTMLDivElement> & {
10
+ theme?: ThemeVariantType;
11
+ };
12
+ export declare const Pagination: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
13
+ theme?: ThemeVariantType | undefined;
14
+ } & import("react").RefAttributes<HTMLDivElement>> & {
15
+ Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
16
+ direction?: ("next" | "prev") | undefined;
17
+ } & import("react").RefAttributes<HTMLButtonElement>>;
18
+ Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
19
+ Total: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
20
+ };
@@ -0,0 +1,9 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ export type PanelAccountType = {
4
+ firstName?: string;
5
+ lastName?: string;
6
+ verifyBy?: string;
7
+ };
8
+ export type PanelAccountProps = HTMLAttributes<HTMLDivElement> & PanelAccountType;
9
+ export declare const PanelAccount: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & PanelAccountType & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,16 @@
1
+ /** libs */
2
+ import { HTMLAttributes } from 'react';
3
+ /** types */
4
+ import { IconListType } from '../../../types';
5
+ export type PanelNotificationProps = HTMLAttributes<HTMLDivElement> & {
6
+ text?: string;
7
+ icon?: IconListType;
8
+ subText?: string;
9
+ unread?: boolean;
10
+ };
11
+ export declare const PanelNotification: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
12
+ text?: string | undefined;
13
+ icon?: IconListType | undefined;
14
+ subText?: string | undefined;
15
+ unread?: boolean | undefined;
16
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ /** libs */
2
+ import { HTMLAttributes, ReactNode } from 'react';
3
+ export type PanelThumbnailType = {
4
+ thumbnail?: ReactNode;
5
+ title?: string;
6
+ subTitle?: string;
7
+ isError?: boolean;
8
+ };
9
+ export type PanelThumbnailProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & PanelThumbnailType;
10
+ export declare const PanelThumbnail: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & PanelThumbnailType & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,9 @@
1
+ /** libs */
2
+ import { InputHTMLAttributes } from 'react';
3
+ /** types */
4
+ export type PasswordFieldProps = InputHTMLAttributes<HTMLInputElement> & {
5
+ isError?: boolean;
6
+ };
7
+ export declare const PasswordField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
8
+ isError?: boolean | undefined;
9
+ } & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,25 @@
1
+ /** libs */
2
+ import { HTMLAttributes, ReactNode } from 'react';
3
+ import * as Select from '@radix-ui/react-select';
4
+ export type PhoneTextFieldCountrySelectProps = Select.SelectProps & {
5
+ id?: string;
6
+ isError?: boolean;
7
+ children?: ReactNode;
8
+ };
9
+ export type PhoneTextFieldCountryItemProps = HTMLAttributes<HTMLDivElement> & {
10
+ code: string;
11
+ countryName: string;
12
+ value: string;
13
+ disabled?: boolean;
14
+ };
15
+ export declare const PhoneTextFieldCountrySelect: import("react").ForwardRefExoticComponent<Select.SelectProps & {
16
+ id?: string | undefined;
17
+ isError?: boolean | undefined;
18
+ children?: ReactNode;
19
+ } & import("react").RefAttributes<HTMLButtonElement>>;
20
+ export declare const PhoneTextFieldCountryItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
21
+ code: string;
22
+ countryName: string;
23
+ value: string;
24
+ disabled?: boolean | undefined;
25
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export declare const PhoneTextFieldInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
3
+ /** contexts */
4
+ isError?: boolean | undefined;
5
+ } & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,3 @@
1
+ /** libs */
2
+ import { ButtonHTMLAttributes } from 'react';
3
+ export declare const PhoneTextFieldReset: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;