@companix/uikit 0.0.2 → 0.0.4

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 (222) hide show
  1. package/dist/Button/index.d.ts +20 -0
  2. package/dist/ButtonGroup/index.d.ts +7 -0
  3. package/dist/Checkbox/index.d.ts +10 -0
  4. package/dist/Countdown/index.d.ts +7 -0
  5. package/dist/DateInput/index.d.ts +13 -0
  6. package/dist/DatePicker/Calendar.d.ts +14 -0
  7. package/dist/DatePicker/CalendarHeader.d.ts +10 -0
  8. package/dist/DatePicker/index.d.ts +12 -0
  9. package/dist/Dialog/index.d.ts +12 -0
  10. package/dist/DialogAlert/Alert.d.ts +19 -0
  11. package/dist/DialogAlert/Viewport.d.ts +8 -0
  12. package/dist/DialogAlert/index.d.ts +11 -0
  13. package/dist/Drawer/index.d.ts +13 -0
  14. package/dist/File/index.d.ts +10 -0
  15. package/dist/Form/index.d.ts +17 -0
  16. package/dist/Icon/index.d.ts +7 -0
  17. package/dist/LoadButton/index.d.ts +5 -0
  18. package/dist/NumberInput/index.d.ts +6 -0
  19. package/dist/OptionItem/OptionItem.d.ts +7 -0
  20. package/dist/OptionItem/OptionsList.d.ts +8 -0
  21. package/dist/Popover/index.d.ts +26 -0
  22. package/dist/Radio/index.d.ts +20 -0
  23. package/dist/Scrollable/ImitateScroll.d.ts +10 -0
  24. package/dist/Scrollable/index.d.ts +33 -0
  25. package/dist/Select/SelectInput.d.ts +14 -0
  26. package/dist/Select/index.d.ts +15 -0
  27. package/dist/SelectTags/index.d.ts +15 -0
  28. package/dist/Spinner/index.d.ts +8 -0
  29. package/dist/Stepper/index.d.ts +8 -0
  30. package/dist/Switch/index.d.ts +10 -0
  31. package/dist/Tabs/index.d.ts +13 -0
  32. package/dist/TextArea/index.d.ts +7 -0
  33. package/dist/Toaster/RemoveListener.d.ts +3 -0
  34. package/dist/Toaster/Toast.d.ts +9 -0
  35. package/dist/Toaster/Viewport.d.ts +13 -0
  36. package/dist/Toaster/index.d.ts +15 -0
  37. package/dist/Tooltip/index.d.ts +8 -0
  38. package/dist/__hooks/use-frooze-closing.d.ts +5 -0
  39. package/dist/__hooks/use-loading.d.ts +8 -0
  40. package/dist/__hooks/use-local-storage.d.ts +1 -0
  41. package/dist/__hooks/use-popover-position.d.ts +8 -0
  42. package/dist/__hooks/use-previos.d.ts +2 -0
  43. package/dist/__hooks/use-resize.d.ts +3 -0
  44. package/dist/__hooks/use-scrollbox.d.ts +7 -0
  45. package/dist/__hooks/use-stepper-input.d.ts +13 -0
  46. package/dist/__hooks/use-update.d.ts +1 -0
  47. package/dist/__hooks/useCalendar.d.ts +17 -0
  48. package/dist/__hooks/useCalendarOptions-copy.d.ts +22 -0
  49. package/dist/__hooks/useCalendarOptions.d.ts +31 -0
  50. package/dist/__libs/calendar.d.ts +25 -0
  51. package/dist/__utils/utils.d.ts +25 -0
  52. package/dist/bundle.es.js +58 -0
  53. package/dist/bundle.es10.js +38 -0
  54. package/dist/bundle.es11.js +33 -0
  55. package/dist/bundle.es12.js +18 -0
  56. package/dist/bundle.es13.js +10 -0
  57. package/dist/bundle.es14.js +35 -0
  58. package/dist/bundle.es15.js +27 -0
  59. package/dist/bundle.es16.js +23 -0
  60. package/dist/bundle.es17.js +24 -0
  61. package/dist/bundle.es18.js +15 -0
  62. package/dist/bundle.es19.js +40 -0
  63. package/dist/bundle.es2.js +45 -0
  64. package/dist/bundle.es20.js +18 -0
  65. package/dist/bundle.es21.js +36 -0
  66. package/dist/bundle.es22.js +23 -0
  67. package/dist/bundle.es23.js +42 -0
  68. package/dist/bundle.es24.js +113 -0
  69. package/dist/bundle.es25.js +114 -0
  70. package/dist/bundle.es26.js +38 -0
  71. package/dist/bundle.es27.js +13 -0
  72. package/dist/bundle.es28.js +27 -0
  73. package/dist/bundle.es29.js +38 -0
  74. package/dist/bundle.es3.js +13 -0
  75. package/dist/bundle.es30.js +26 -0
  76. package/dist/bundle.es31.js +83 -0
  77. package/dist/bundle.es32.js +20 -0
  78. package/dist/bundle.es33.js +16 -0
  79. package/dist/bundle.es34.js +24 -0
  80. package/dist/bundle.es35.js +7 -0
  81. package/dist/bundle.es36.js +23 -0
  82. package/dist/bundle.es37.js +16 -0
  83. package/dist/bundle.es38.js +72 -0
  84. package/dist/bundle.es39.js +70 -0
  85. package/dist/bundle.es4.js +87 -0
  86. package/dist/bundle.es40.js +34 -0
  87. package/dist/bundle.es41.js +70 -0
  88. package/dist/bundle.es42.js +33 -0
  89. package/dist/bundle.es43.js +77 -0
  90. package/dist/bundle.es44.js +51 -0
  91. package/dist/bundle.es45.js +45 -0
  92. package/dist/bundle.es5.js +87 -0
  93. package/dist/bundle.es6.js +80 -0
  94. package/dist/bundle.es7.js +28 -0
  95. package/dist/bundle.es8.js +87 -0
  96. package/dist/bundle.es9.js +75 -0
  97. package/dist/index.d.ts +30 -0
  98. package/{src → dist}/index.scss +3 -0
  99. package/{src → dist}/mixins.scss +4 -3
  100. package/{src → dist}/theme.scss +0 -2
  101. package/dist/types.d.ts +13 -0
  102. package/package.json +10 -6
  103. package/.eslintrc +0 -54
  104. package/declaration.d.ts +0 -4
  105. package/index.html +0 -12
  106. package/playground/App.tsx +0 -166
  107. package/playground/Example.tsx +0 -14
  108. package/playground/Test.tsx +0 -44
  109. package/playground/animation-test-1/index.scss +0 -20
  110. package/playground/animation-test-1/index.tsx +0 -17
  111. package/playground/animation-test-2/index.scss +0 -62
  112. package/playground/animation-test-2/index.tsx +0 -32
  113. package/playground/bootstrap.tsx +0 -19
  114. package/playground/buttons/index.tsx +0 -132
  115. package/playground/checkbox/index.tsx +0 -64
  116. package/playground/date-input/index.tsx +0 -45
  117. package/playground/date-picker/index.tsx +0 -41
  118. package/playground/dialog/index.tsx +0 -92
  119. package/playground/dialog-alert/index.tsx +0 -47
  120. package/playground/drawer/index.tsx +0 -55
  121. package/playground/index.css +0 -33
  122. package/playground/index.scss +0 -270
  123. package/playground/input/index.tsx +0 -112
  124. package/playground/number-inputs/index.tsx +0 -50
  125. package/playground/popovers/index.tsx +0 -70
  126. package/playground/radio-group/index.tsx +0 -69
  127. package/playground/select/index.tsx +0 -72
  128. package/playground/select-tags/index.tsx +0 -36
  129. package/playground/styles.scss +0 -2
  130. package/playground/switch/index.tsx +0 -44
  131. package/playground/tabs/index.tsx +0 -16
  132. package/playground/test.scss +0 -0
  133. package/playground/text-area/index.tsx +0 -17
  134. package/playground/text-input/index.tsx +0 -12
  135. package/playground/toaster/index.tsx +0 -156
  136. package/playground/tooltip/index.tsx +0 -26
  137. package/src/Button/index.tsx +0 -72
  138. package/src/ButtonGroup/index.tsx +0 -20
  139. package/src/Checkbox/index.tsx +0 -46
  140. package/src/Countdown/index.tsx +0 -54
  141. package/src/DateInput/index.tsx +0 -96
  142. package/src/DatePicker/Calendar.tsx +0 -157
  143. package/src/DatePicker/CalendarHeader.tsx +0 -139
  144. package/src/DatePicker/index.tsx +0 -177
  145. package/src/Dialog/index.tsx +0 -31
  146. package/src/DialogAlert/Alert.tsx +0 -78
  147. package/src/DialogAlert/Viewport.tsx +0 -52
  148. package/src/DialogAlert/index.tsx +0 -37
  149. package/src/Drawer/index.tsx +0 -46
  150. package/src/File/index.tsx +0 -60
  151. package/src/Form/index.tsx +0 -131
  152. package/src/Icon/index.tsx +0 -43
  153. package/src/LoadButton/index.tsx +0 -17
  154. package/src/NumberInput/index.tsx +0 -74
  155. package/src/OptionItem/OptionItem.tsx +0 -49
  156. package/src/OptionItem/OptionsList.tsx +0 -26
  157. package/src/Popover/index.tsx +0 -117
  158. package/src/Radio/index.tsx +0 -68
  159. package/src/Scrollable/ImitateScroll.tsx +0 -141
  160. package/src/Scrollable/index.tsx +0 -141
  161. package/src/Select/SelectInput.tsx +0 -131
  162. package/src/Select/index.tsx +0 -134
  163. package/src/SelectTags/index.tsx +0 -192
  164. package/src/Spinner/index.tsx +0 -19
  165. package/src/Stepper/index.tsx +0 -76
  166. package/src/Switch/index.tsx +0 -49
  167. package/src/Tabs/index.tsx +0 -89
  168. package/src/TextArea/index.tsx +0 -51
  169. package/src/Toaster/RemoveListener.tsx +0 -11
  170. package/src/Toaster/Toast.tsx +0 -69
  171. package/src/Toaster/Viewport.tsx +0 -117
  172. package/src/Toaster/index.tsx +0 -52
  173. package/src/Tooltip/index.tsx +0 -33
  174. package/src/__hooks/use-frooze-closing.ts +0 -51
  175. package/src/__hooks/use-loading.ts +0 -34
  176. package/src/__hooks/use-local-storage.ts +0 -19
  177. package/src/__hooks/use-popover-position.ts +0 -24
  178. package/src/__hooks/use-previos.ts +0 -25
  179. package/src/__hooks/use-resize.ts +0 -41
  180. package/src/__hooks/use-scrollbox.ts +0 -45
  181. package/src/__hooks/use-stepper-input.ts +0 -82
  182. package/src/__hooks/use-update.ts +0 -19
  183. package/src/__hooks/useCalendar.ts +0 -104
  184. package/src/__hooks/useCalendarOptions-copy.ts +0 -87
  185. package/src/__hooks/useCalendarOptions.ts +0 -68
  186. package/src/__libs/calendar.ts +0 -175
  187. package/src/__utils/utils.ts +0 -137
  188. package/src/index.ts +0 -36
  189. package/src/types.ts +0 -14
  190. package/tailwind.config.js +0 -91
  191. package/themes/classic/animations.scss +0 -179
  192. package/themes/classic/classic.scss +0 -493
  193. package/tsconfig.json +0 -27
  194. package/vite.build.ts +0 -35
  195. package/vite.config.ts +0 -33
  196. /package/{src → dist}/Button/Button.scss +0 -0
  197. /package/{src → dist}/ButtonGroup/ButtonGroup.scss +0 -0
  198. /package/{src → dist}/Checkbox/Checkbox.scss +0 -0
  199. /package/{src → dist}/DateInput/DateInput.scss +0 -0
  200. /package/{src → dist}/DatePicker/Calendar.scss +0 -0
  201. /package/{src → dist}/DatePicker/DatePicker.scss +0 -0
  202. /package/{src → dist}/Dialog/Dialog.scss +0 -0
  203. /package/{src → dist}/Dialog/Popup.scss +0 -0
  204. /package/{src → dist}/DialogAlert/Alert.scss +0 -0
  205. /package/{src → dist}/Drawer/Drawer.scss +0 -0
  206. /package/{src → dist}/Form/Form.scss +0 -0
  207. /package/{src → dist}/Form/Input.scss +0 -0
  208. /package/{src → dist}/Icon/icon.scss +0 -0
  209. /package/{src → dist}/OptionItem/Option.scss +0 -0
  210. /package/{src → dist}/Popover/Popover.scss +0 -0
  211. /package/{src → dist}/Radio/Radio.scss +0 -0
  212. /package/{src → dist}/Scrollable/Scrollable.scss +0 -0
  213. /package/{src → dist}/Select/Select.scss +0 -0
  214. /package/{src → dist}/SelectTags/SelectTags.scss +0 -0
  215. /package/{src → dist}/Spinner/Spinner.scss +0 -0
  216. /package/{src → dist}/Stepper/StepperInput.scss +0 -0
  217. /package/{src → dist}/Switch/Switch.scss +0 -0
  218. /package/{src → dist}/Tabs/Tabs.scss +0 -0
  219. /package/{src → dist}/TextArea/TextArea.scss +0 -0
  220. /package/{src → dist}/Toaster/Toaster.scss +0 -0
  221. /package/{src → dist}/Tooltip/Tooltip.scss +0 -0
  222. /package/{src/css.scss → dist/css-properties.scss} +0 -0
@@ -0,0 +1,20 @@
1
+ export type Appearance = 'primary' | 'neutral' | 'positive' | 'negative';
2
+ export type Mode = 'default' | 'outline' | 'minimal';
3
+ export type Size = 'sm' | 'md' | 'lg';
4
+ export interface InternButtonProps {
5
+ icon?: React.ReactNode;
6
+ iconRight?: React.ReactNode;
7
+ appearance?: Appearance;
8
+ mode?: Mode;
9
+ size?: Size;
10
+ fill?: boolean;
11
+ align?: 'left' | 'center' | 'right';
12
+ loading?: boolean;
13
+ active?: boolean;
14
+ text?: React.ReactNode;
15
+ children?: React.ReactNode;
16
+ className?: string;
17
+ }
18
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, InternButtonProps {
19
+ }
20
+ export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,7 @@
1
+ interface ButtonGroupProps {
2
+ children: React.ReactNode;
3
+ className?: string;
4
+ fill?: boolean;
5
+ }
6
+ export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
7
+ export {};
@@ -0,0 +1,10 @@
1
+ interface CheckboxProps {
2
+ checked: boolean;
3
+ onCheckedChange: (checked: boolean) => void;
4
+ size?: 'sm' | 'md';
5
+ label?: React.ReactNode;
6
+ disabled?: boolean;
7
+ required?: boolean;
8
+ }
9
+ declare const Checkbox: ({ checked, required, disabled, onCheckedChange, size, label }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { Checkbox };
@@ -0,0 +1,7 @@
1
+ interface CountDownProps {
2
+ expiration: number;
3
+ separator?: string;
4
+ onExpired?: VoidFunction;
5
+ }
6
+ export declare const Countdown: ({ expiration, separator, onExpired }: CountDownProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,13 @@
1
+ import { DateFormat } from '..';
2
+ export interface DatePickerProps {
3
+ min?: DateFormat;
4
+ max?: DateFormat;
5
+ noDaySelect?: boolean;
6
+ noYearSelect?: boolean;
7
+ disabled?: boolean;
8
+ required?: boolean;
9
+ size?: 'sm' | 'md' | 'lg';
10
+ value: DateFormat;
11
+ onChange: (e: DateFormat) => void;
12
+ }
13
+ export declare const DateInput: ({ min, max, disabled, value, noDaySelect, noYearSelect, onChange, required, size }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ export interface CalendarProps {
2
+ value?: Date | null;
3
+ disablePast?: boolean;
4
+ disableFuture?: boolean;
5
+ enableTime?: boolean;
6
+ disablePickers?: boolean;
7
+ showNeighboringMonth?: boolean;
8
+ onChange?: (value: Date) => void;
9
+ shouldDisableDate?: (value: Date) => boolean;
10
+ viewDate?: Date;
11
+ minDateTime?: Date;
12
+ maxDateTime?: Date;
13
+ }
14
+ export declare const Calendar: ({ disablePickers, value, onChange, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ export interface CalendarHeaderProps {
2
+ viewDate: Date;
3
+ disablePickers?: boolean;
4
+ isMonthDisabled?: (monthNumber: number, year?: number) => boolean;
5
+ isYearDisabled?: (yearNumber: number) => boolean;
6
+ onChange: (viewDate: Date) => void;
7
+ onNextMonth?: () => void;
8
+ onPrevMonth?: () => void;
9
+ }
10
+ export declare const CalendarHeader: ({ viewDate, onChange, isMonthDisabled, isYearDisabled, onNextMonth, onPrevMonth }: CalendarHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,12 @@
1
+ import { FormProps } from '../Form';
2
+ import { CalendarProps } from './Calendar';
3
+ interface DatePickerProps extends Omit<CalendarProps, 'onChange'>, Omit<FormProps, 'value' | 'onChange' | 'rightElement'> {
4
+ onChange?: (value: Date | null) => void;
5
+ placeholder?: string;
6
+ clearButton?: boolean;
7
+ clearButtonIcon?: boolean;
8
+ children?: React.ReactNode;
9
+ minimalOptions?: boolean;
10
+ }
11
+ export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,12 @@
1
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
2
+ export interface DialogProps {
3
+ open: boolean;
4
+ onOpenChange: (value: boolean) => void;
5
+ children: React.ReactNode;
6
+ size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'full';
7
+ className?: string;
8
+ }
9
+ export declare const Dialog: {
10
+ ({ size, open, onOpenChange, children, className }: DialogProps): import("react/jsx-runtime").JSX.Element;
11
+ Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
12
+ };
@@ -0,0 +1,19 @@
1
+ import { InternButtonProps } from '../Button';
2
+ interface ActionProps extends Omit<InternButtonProps, 'children'> {
3
+ onClick?: () => void;
4
+ }
5
+ export interface AlertDialogProps {
6
+ open?: boolean;
7
+ defaultOpen?: boolean;
8
+ onOpenChange?: (value: boolean) => void;
9
+ onUnMounted?: () => void;
10
+ icon?: React.ReactNode;
11
+ title?: string;
12
+ description?: string;
13
+ confirm?: ActionProps;
14
+ cancel?: ActionProps;
15
+ cancelDefaultText?: string;
16
+ disableCancel?: boolean;
17
+ }
18
+ export declare const AlertDialog: ({ open, defaultOpen, onOpenChange, onUnMounted, icon, title, description, cancelDefaultText, cancel, disableCancel, confirm }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;
19
+ export {};
@@ -0,0 +1,8 @@
1
+ import { InnerAlert } from '.';
2
+ import { AlertDialogProps } from './Alert';
3
+ export interface ViewportRef {
4
+ showAlert: (alert: InnerAlert) => void;
5
+ }
6
+ export interface AlertBaseProps extends Pick<AlertDialogProps, 'cancelDefaultText'> {
7
+ }
8
+ export declare const Viewport: import('react').ForwardRefExoticComponent<AlertBaseProps & import('react').RefAttributes<ViewportRef>>;
@@ -0,0 +1,11 @@
1
+ import { AlertDialogProps } from './Alert';
2
+ import { AlertBaseProps } from './Viewport';
3
+ export interface AlertOptions extends Omit<AlertDialogProps, 'open' | 'onOpenChange'> {
4
+ }
5
+ export interface InnerAlert extends AlertOptions {
6
+ id: string;
7
+ }
8
+ export declare const createAlertAgent: (options?: AlertBaseProps) => {
9
+ show: (value: Omit<InnerAlert, "id">) => void;
10
+ Viewport: () => import("react/jsx-runtime").JSX.Element;
11
+ };
@@ -0,0 +1,13 @@
1
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
2
+ export interface DrawerProps {
3
+ open: boolean;
4
+ onOpenChange: (value: boolean) => void;
5
+ children: React.ReactNode;
6
+ direction?: 'bottom' | 'top' | 'left' | 'right';
7
+ className?: string;
8
+ size?: string;
9
+ }
10
+ export declare const Drawer: {
11
+ ({ open, onOpenChange, children, size, direction, className }: DrawerProps): import("react/jsx-runtime").JSX.Element;
12
+ Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
13
+ };
@@ -0,0 +1,10 @@
1
+ export interface FileOverlayProps {
2
+ multiple?: true;
3
+ onChange?: (file: File[]) => void;
4
+ children: React.ReactNode;
5
+ mimes?: string[];
6
+ disabled?: boolean;
7
+ className?: string;
8
+ }
9
+ declare const FileOverlay: ({ onChange, disabled, mimes, children, multiple, className }: FileOverlayProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { FileOverlay };
@@ -0,0 +1,17 @@
1
+ export interface FormProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ required?: boolean;
3
+ disabled?: boolean;
4
+ leftElement?: React.ReactNode;
5
+ rightElement?: React.ReactNode;
6
+ placeholder?: string;
7
+ value?: string | number;
8
+ readOnly?: boolean;
9
+ onValueChange?: (value: string, targetElement: HTMLInputElement) => void;
10
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
11
+ inputRef?: React.RefObject<HTMLInputElement>;
12
+ size?: 'sm' | 'md' | 'lg';
13
+ fill?: boolean;
14
+ mask?: string;
15
+ maskChar?: string;
16
+ }
17
+ export declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,7 @@
1
+ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
2
+ export interface IconProps {
3
+ icon: IconDefinition;
4
+ size?: 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
5
+ className?: string;
6
+ }
7
+ export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,5 @@
1
+ import { ButtonProps } from '../Button';
2
+ import { UseLoadingProps } from '../__hooks/use-loading';
3
+ export interface LoadButtonProps extends UseLoadingProps, Omit<ButtonProps, 'onClick'> {
4
+ }
5
+ export declare const LoadButton: ({ onClick, appearance, ...rest }: LoadButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { FormProps } from '../Form';
2
+ export interface NumberInputProps extends Omit<FormProps, 'value' | 'onChange'> {
3
+ value: number | null;
4
+ onChange: (value: number | null) => void;
5
+ }
6
+ export declare const NumberInput: ({ value, onChange, ...props }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Option } from '../types';
2
+ interface OptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, Omit<Option<unknown>, 'value'> {
3
+ active?: boolean;
4
+ minimal?: boolean;
5
+ }
6
+ export declare const OptionItem: import('react').ForwardRefExoticComponent<OptionProps & import('react').RefAttributes<HTMLDivElement>>;
7
+ export {};
@@ -0,0 +1,8 @@
1
+ interface MenuProps {
2
+ children: React.ReactNode;
3
+ maxHeight?: number;
4
+ scrollboxRef?: React.Ref<HTMLDivElement>;
5
+ optionsWrapperRef?: React.Ref<HTMLDivElement>;
6
+ }
7
+ export declare const OptionsList: ({ children, maxHeight, scrollboxRef, optionsWrapperRef }: MenuProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,26 @@
1
+ export type Align = 'start' | 'center' | 'end';
2
+ export type Side = 'top' | 'right' | 'bottom' | 'left';
3
+ export interface PopoverProps {
4
+ children: React.ReactNode;
5
+ open?: boolean;
6
+ triggerRef?: React.Ref<HTMLButtonElement>;
7
+ triggerProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
8
+ onOpenChange?: (open: boolean) => void;
9
+ content: ({ close }: {
10
+ close: () => void;
11
+ }) => React.ReactNode;
12
+ onAnimationEnd?: () => void;
13
+ onAnimationStart?: () => void;
14
+ onOpenAutoFocus?: (event: Event) => void;
15
+ onCloseAutoFocus?: (event: Event) => void;
16
+ side?: Side;
17
+ align?: Align;
18
+ showArrows?: boolean;
19
+ minimal?: boolean;
20
+ sideOffset?: number;
21
+ matchTarget?: 'width' | 'min-width';
22
+ className?: string;
23
+ fitMaxHeight?: boolean;
24
+ disabled?: boolean;
25
+ }
26
+ export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,20 @@
1
+ interface RadioOption<T> {
2
+ value: T;
3
+ label: React.ReactNode;
4
+ }
5
+ interface RadioGroupProps<T> {
6
+ options: RadioOption<T>[];
7
+ onChange: (event: T) => void;
8
+ value: T | null;
9
+ disabled?: boolean;
10
+ required?: boolean;
11
+ size?: 'sm' | 'md';
12
+ }
13
+ export declare const RadioGroup: <T extends string>(props: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
14
+ interface RadioProps extends RadioOption<string> {
15
+ size?: 'sm' | 'md';
16
+ disabled?: boolean;
17
+ required?: boolean;
18
+ }
19
+ export declare const Radio: ({ value, label, size, disabled, required }: RadioProps) => import("react/jsx-runtime").JSX.Element;
20
+ export {};
@@ -0,0 +1,10 @@
1
+ interface Props {
2
+ children: React.ReactNode;
3
+ thumbClassName: string;
4
+ thumbColor?: string;
5
+ trackWidth?: number;
6
+ thumbMargin?: number;
7
+ scrollableClassName?: string;
8
+ }
9
+ declare const ImitateScroll: ({ children, thumbClassName, scrollableClassName, thumbMargin, trackWidth }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ export { ImitateScroll };
@@ -0,0 +1,33 @@
1
+ interface OuterImplementation {
2
+ implementation: 'outer';
3
+ shadowPadding?: number;
4
+ scrollbarWidth: number;
5
+ noneCorrect?: boolean;
6
+ }
7
+ interface EdgeImplementation {
8
+ implementation: 'edge';
9
+ scrollbarWidth: number;
10
+ padding: number;
11
+ }
12
+ interface InnerImplementation {
13
+ implementation: 'inner';
14
+ padding: number;
15
+ }
16
+ interface ScrollableProps {
17
+ heightAuto?: boolean;
18
+ scrollX?: boolean;
19
+ scrollY?: boolean;
20
+ interactionKind?: 'static' | 'hover';
21
+ thumbPos?: 'center' | 'border';
22
+ thumbPadding?: number;
23
+ thumbColor?: string;
24
+ onWheel?: React.WheelEventHandler<HTMLDivElement>;
25
+ onScroll?: React.UIEventHandler<HTMLDivElement>;
26
+ maxHeight?: number;
27
+ children: React.ReactNode;
28
+ style?: React.CSSProperties;
29
+ className?: string;
30
+ }
31
+ type Implementation = InnerImplementation | OuterImplementation | EdgeImplementation;
32
+ declare const Scrollable: import('react').ForwardRefExoticComponent<(ScrollableProps & Implementation) & import('react').RefAttributes<HTMLDivElement>>;
33
+ export { Scrollable };
@@ -0,0 +1,14 @@
1
+ export interface SelectFormProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ required?: boolean;
3
+ disabled?: boolean;
4
+ className?: string;
5
+ leftElement?: React.ReactNode;
6
+ placeholder?: string;
7
+ value?: string | number;
8
+ size?: 'sm' | 'md' | 'lg';
9
+ fill?: boolean;
10
+ clearButton?: boolean;
11
+ clearButtonIcon?: boolean;
12
+ onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
13
+ }
14
+ export declare const SelectInput: import('react').ForwardRefExoticComponent<SelectFormProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,15 @@
1
+ import { FormProps } from '../Form';
2
+ import { Option } from '../types';
3
+ interface SelectProps<T> extends Omit<FormProps, 'value' | 'onChange' | 'rightElement'> {
4
+ options: Option<T>[];
5
+ onChange: (event: T | null) => void;
6
+ placeholder?: string;
7
+ clearButton?: boolean;
8
+ clearButtonIcon?: boolean;
9
+ value: T | null;
10
+ children?: React.ReactNode;
11
+ minimalOptions?: boolean;
12
+ matchTarget?: 'width' | 'min-width';
13
+ }
14
+ export declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
@@ -0,0 +1,15 @@
1
+ import { Option } from '../types';
2
+ export interface SelectTagsProps<T> {
3
+ options: Option<T>[];
4
+ onChange: (event: T[]) => void;
5
+ placeholder?: string;
6
+ value: T[];
7
+ children?: React.ReactNode;
8
+ disabled?: boolean;
9
+ readOnly?: boolean;
10
+ closeAfterSelect?: boolean;
11
+ emptyText?: string;
12
+ size?: 'sm' | 'md' | 'lg';
13
+ fill?: boolean;
14
+ }
15
+ export declare const SelectTags: <T extends string | number>(props: SelectTagsProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ interface Props {
2
+ size?: number;
3
+ width?: number;
4
+ color?: string;
5
+ className?: string;
6
+ }
7
+ export declare const Spinner: ({ size, className, width, color }: Props) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,8 @@
1
+ import { StepperInputOptions } from '../__hooks/use-stepper-input';
2
+ interface StepperInputProps extends StepperInputOptions {
3
+ buttons?: boolean;
4
+ placeholder?: string;
5
+ inputStyle?: React.CSSProperties;
6
+ }
7
+ export declare const StepperInput: ({ inputStyle, placeholder, buttons, ...options }: StepperInputProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,10 @@
1
+ export interface SwitchProps {
2
+ checked: boolean;
3
+ onCheckedChange: (checked: boolean) => void;
4
+ label?: React.ReactNode;
5
+ disabled?: boolean;
6
+ checkedIcon?: React.ReactNode;
7
+ uncheckedIcon?: React.ReactNode;
8
+ }
9
+ declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { Switch };
@@ -0,0 +1,13 @@
1
+ interface Props {
2
+ children: React.ReactNode;
3
+ onChange: (value: string) => void;
4
+ value: string;
5
+ }
6
+ export declare const Tabs: {
7
+ ({ children, value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
8
+ Tab: ({ children, value, ...restProps }: TabProps) => import("react/jsx-runtime").JSX.Element;
9
+ };
10
+ interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
11
+ value: string;
12
+ }
13
+ export {};
@@ -0,0 +1,7 @@
1
+ interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
2
+ grow?: boolean;
3
+ onResize?: (el: HTMLTextAreaElement) => void;
4
+ fill?: boolean;
5
+ }
6
+ export declare const TextArea: ({ onResize, grow, value, onChange, disabled, required, rows, fill, ...textAreaProps }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,3 @@
1
+ export declare const RemoveListener: ({ callback }: {
2
+ callback?: () => void;
3
+ }) => null;
@@ -0,0 +1,9 @@
1
+ import { ToastOptions } from '.';
2
+ interface ToastProps extends ToastOptions {
3
+ onRemoved: () => void;
4
+ onRemoving: () => void;
5
+ onInitialized: (ref: HTMLLIElement) => void;
6
+ closeIcon?: React.ReactNode;
7
+ }
8
+ export declare const Toast: (options: ToastProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,13 @@
1
+ import { InnerToast } from '.';
2
+ export interface ViewportProps {
3
+ side?: 'top' | 'bottom';
4
+ align?: 'center' | 'left' | 'right';
5
+ gap?: number;
6
+ swipeThreshold?: number;
7
+ duration?: number;
8
+ closeIcon?: React.ReactNode;
9
+ }
10
+ export interface ViewportRef {
11
+ addToast: (toast: InnerToast) => void;
12
+ }
13
+ export declare const Viewport: import('react').ForwardRefExoticComponent<ViewportProps & import('react').RefAttributes<ViewportRef>>;
@@ -0,0 +1,15 @@
1
+ import { ViewportProps } from './Viewport';
2
+ export interface ToastOptions {
3
+ appearance?: 'primary' | 'neutral' | 'positive' | 'negative' | 'warning';
4
+ icon?: React.ReactNode;
5
+ title?: React.ReactNode;
6
+ description?: React.ReactNode;
7
+ duration?: number;
8
+ }
9
+ export interface InnerToast extends ToastOptions {
10
+ id: string;
11
+ }
12
+ export declare const createToaster: (rootProps?: ViewportProps) => {
13
+ send: (toast: ToastOptions) => void;
14
+ Viewport: (props?: ViewportProps) => import("react/jsx-runtime").JSX.Element;
15
+ };
@@ -0,0 +1,8 @@
1
+ import { Side } from '../Popover';
2
+ interface TooltipProps {
3
+ children: React.ReactNode;
4
+ content: React.ReactNode;
5
+ side?: Side;
6
+ }
7
+ export declare const Tooltip: ({ children, content, side }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,5 @@
1
+ export declare const useFroozeClosing: () => {
2
+ popoverRef: import('react').RefObject<HTMLDivElement>;
3
+ handleAnimationEnd: () => void;
4
+ froozePopoverPosition: () => void;
5
+ };
@@ -0,0 +1,8 @@
1
+ export interface UseLoadingProps<T = unknown> {
2
+ onClick: (startLoad: () => void, param: T) => Promise<any>;
3
+ }
4
+ export declare const useLoading: <T = unknown>({ onClick }: UseLoadingProps<T>) => {
5
+ handleClick: (param: T) => void;
6
+ isLoading: boolean;
7
+ isError: boolean;
8
+ };
@@ -0,0 +1 @@
1
+ export declare const useLocalStorage: <T>(token: string, defaultValue: T) => [T, React.Dispatch<React.SetStateAction<T>>];
@@ -0,0 +1,8 @@
1
+ export declare const usePopoverLeftValue: () => {
2
+ popoverRef: import('react').RefObject<HTMLDivElement>;
3
+ getLeftValue: () => string;
4
+ };
5
+ export declare const useButtonWidth: () => {
6
+ buttonRef: import('react').RefObject<HTMLButtonElement>;
7
+ getWidthValue: () => string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export declare const usePrevious: <T>(value: T) => T | undefined;
2
+ export declare const usePreviousChanged: <T>(value: T) => T | undefined;
@@ -0,0 +1,3 @@
1
+ type ResizeText = [React.RefObject<HTMLTextAreaElement>, () => void];
2
+ declare const useResizeTextarea: (onResize: ((el: HTMLTextAreaElement) => void) | undefined, grow: boolean) => ResizeText;
3
+ export { useResizeTextarea };
@@ -0,0 +1,7 @@
1
+ interface UseScrollListControllerReturn {
2
+ scrollBoxRef: React.RefObject<HTMLDivElement>;
3
+ optionsWrapperRef: React.RefObject<HTMLDivElement>;
4
+ scrollToElement: (index: number, center?: boolean) => void;
5
+ }
6
+ export declare const useScrollListController: () => UseScrollListControllerReturn;
7
+ export {};
@@ -0,0 +1,13 @@
1
+ export interface StepperInputOptions {
2
+ value: number;
3
+ onChange: (value: number) => void;
4
+ step: number;
5
+ minValue?: number;
6
+ }
7
+ export declare const useStepperInput: ({ minValue, value, onChange, step }: StepperInputOptions) => {
8
+ inputRef: import('react').RefObject<HTMLInputElement>;
9
+ value: string;
10
+ increment: () => void;
11
+ decrement: () => void;
12
+ handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
13
+ };
@@ -0,0 +1 @@
1
+ export declare const useLayoutAndUpdate: (callback: () => void, deps?: React.DependencyList | undefined) => void;
@@ -0,0 +1,17 @@
1
+ import { CalendarProps } from '../DatePicker/Calendar';
2
+ export interface UseCalendarDependencies extends Pick<CalendarProps, 'minDateTime' | 'maxDateTime' | 'shouldDisableDate' | 'disableFuture' | 'disablePast'> {
3
+ disablePast?: boolean;
4
+ disableFuture?: boolean;
5
+ minDateTime?: Date;
6
+ maxDateTime?: Date;
7
+ value?: Date | null;
8
+ }
9
+ export declare const useCalendar: ({ value, disablePast, disableFuture, shouldDisableDate, minDateTime, maxDateTime }: UseCalendarDependencies) => {
10
+ viewDate: Date;
11
+ setViewDate: import('react').Dispatch<import('react').SetStateAction<Date>>;
12
+ setPrevMonth: () => void;
13
+ setNextMonth: () => void;
14
+ isDayDisabled: (day: Date, withTime?: boolean) => boolean;
15
+ isMonthDisabled: (month: number, year?: number) => boolean;
16
+ isYearDisabled: (year: number) => boolean;
17
+ };
@@ -0,0 +1,22 @@
1
+ export declare const defaultMax: Date;
2
+ export declare const defaultMin: Date;
3
+ interface Options {
4
+ min?: Date;
5
+ max?: Date;
6
+ now: Date;
7
+ }
8
+ export declare const useCalendarOptions2: ({ min, max, now }: Options) => {
9
+ years: {
10
+ title: string;
11
+ value: number;
12
+ }[];
13
+ months: {
14
+ title: string;
15
+ value: number;
16
+ }[];
17
+ days: {
18
+ title: string;
19
+ value: number;
20
+ }[];
21
+ };
22
+ export {};