evelearn-theme 2.0.29 → 2.0.31

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 (5) hide show
  1. package/dist/index.d.mts +55 -63
  2. package/dist/index.d.ts +316 -0
  3. package/dist/index.js +1727 -0
  4. package/dist/index.mjs +2 -153
  5. package/package.json +2 -2
package/dist/index.d.mts CHANGED
@@ -1,16 +1,15 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React$1 from 'react';
3
- import React__default, { CSSProperties, ReactNode } from 'react';
2
+ import React$1, { CSSProperties, ReactNode } from 'react';
4
3
  import { Placement } from '@floating-ui/react';
5
4
 
6
5
  declare const PRIMARY_COLOR = "#00b4d8";
7
6
 
8
- type Props$h = {
7
+ type Props$g = {
9
8
  text: string;
10
9
  style?: CSSProperties | undefined;
11
10
  classNames?: string;
12
11
  };
13
- declare const ErrorText: ({ text, style, classNames }: Props$h) => react_jsx_runtime.JSX.Element;
12
+ declare const ErrorText: ({ text, style, classNames }: Props$g) => react_jsx_runtime.JSX.Element;
14
13
 
15
14
  declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
16
15
  declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
@@ -35,21 +34,21 @@ declare const Spinner: {
35
34
  };
36
35
  };
37
36
 
38
- type Props$g = {
37
+ type Props$f = {
39
38
  loading: boolean;
40
39
  message?: string;
41
40
  };
42
- declare const NoResults: ({ loading, message }: Props$g) => react_jsx_runtime.JSX.Element;
41
+ declare const NoResults: ({ loading, message }: Props$f) => react_jsx_runtime.JSX.Element;
43
42
 
44
43
  interface ContainerProps {
45
44
  backgroundColor?: string;
46
45
  backgroundImage?: string;
47
- style?: React__default.CSSProperties;
46
+ style?: React$1.CSSProperties;
48
47
  onClick?: () => void;
49
48
  isDark?: boolean;
50
- children?: React__default.ReactNode;
49
+ children?: React$1.ReactNode;
51
50
  }
52
- declare const Container: React__default.FC<ContainerProps>;
51
+ declare const Container: React$1.FC<ContainerProps>;
53
52
 
54
53
  declare const Pill: ({ text }: {
55
54
  text: string;
@@ -58,36 +57,36 @@ declare const Pill: ({ text }: {
58
57
  type Step = {
59
58
  label: ReactNode;
60
59
  };
61
- type Props$f = {
60
+ type Props$e = {
62
61
  steps: Step[];
63
62
  activeStep: number;
64
63
  onStepPress: (s: number) => void;
65
64
  };
66
- declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$f) => react_jsx_runtime.JSX.Element;
65
+ declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$e) => react_jsx_runtime.JSX.Element;
67
66
 
68
- type Props$e = {
67
+ type Props$d = {
69
68
  inProp: boolean;
70
- children: React__default.ReactNode;
69
+ children: React$1.ReactNode;
71
70
  };
72
- declare const Fade: ({ children, inProp }: Props$e) => react_jsx_runtime.JSX.Element;
71
+ declare const Fade: ({ children, inProp }: Props$d) => react_jsx_runtime.JSX.Element;
73
72
 
74
- type Props$d = {
73
+ type Props$c = {
75
74
  visible: boolean;
76
75
  onClick: () => void;
77
76
  opacity?: number;
78
77
  };
79
- declare const Backdrop: ({ visible, onClick, opacity }: Props$d) => react_jsx_runtime.JSX.Element | null;
78
+ declare const Backdrop: ({ visible, onClick, opacity }: Props$c) => react_jsx_runtime.JSX.Element | null;
80
79
 
81
80
  type Point = 'sm' | 'md' | 'lg' | 'xl';
82
- declare const Breakpoint: React__default.FC<{
81
+ declare const Breakpoint: React$1.FC<{
83
82
  fromSize?: Point;
84
83
  toSize?: Point;
85
- children: React__default.ReactNode;
84
+ children: React$1.ReactNode;
86
85
  }>;
87
86
 
88
87
  interface BaseModalProps {
89
88
  visible: boolean;
90
- children: React__default.ReactNode;
89
+ children: React$1.ReactNode;
91
90
  appear?: boolean;
92
91
  dismissable?: boolean;
93
92
  dismissOnBackdropClick?: boolean;
@@ -102,60 +101,60 @@ type ModalProps = BaseModalProps;
102
101
  declare const Modal: ({ visible, children, fullscreen, displayDark, dismissLink, bgOpacity, onDismissed, dismissable, dismissOnBackdropClick, style, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
103
102
 
104
103
  type OverlayProps = BaseModalProps & {
105
- children?: React__default.ReactNode;
104
+ children?: React$1.ReactNode;
106
105
  withContainer?: boolean;
107
106
  opacity?: number;
108
107
  isDark?: boolean;
109
108
  zIndex?: number;
110
109
  onClick?: () => void;
111
110
  };
112
- declare const Overlay: ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer, }: OverlayProps) => React__default.ReactPortal | null;
111
+ declare const Overlay: ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer, }: OverlayProps) => React$1.ReactPortal | null;
113
112
 
114
- interface Props$c {
113
+ interface Props$b {
115
114
  disabled?: boolean;
116
115
  kind?: 'primary' | 'secondary' | 'base' | 'warning' | 'alert' | 'gray' | 'green' | 'teal' | 'indigo';
117
116
  size?: 'small' | 'fixed' | 'large';
118
117
  type?: 'button' | 'submit';
119
118
  loading?: boolean;
120
- children: React__default.ReactNode;
121
- onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
119
+ children: React$1.ReactNode;
120
+ onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
122
121
  }
123
- declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$c) => react_jsx_runtime.JSX.Element;
122
+ declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$b) => react_jsx_runtime.JSX.Element;
124
123
 
125
- interface Props$b {
124
+ interface Props$a {
126
125
  disabled?: boolean;
127
126
  color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
128
127
  type?: 'button' | 'submit';
129
128
  active?: boolean;
130
- children: React__default.ReactNode;
129
+ children: React$1.ReactNode;
131
130
  loading?: boolean;
132
131
  className?: string;
133
132
  size?: 'big' | 'base' | 'small' | 'square';
134
- onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
133
+ onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
135
134
  }
136
- declare const FunButton: React__default.FC<Props$b>;
135
+ declare const FunButton: React$1.FC<Props$a>;
137
136
 
138
- interface Props$a {
137
+ interface Props$9 {
139
138
  disabled?: boolean;
140
139
  color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow';
141
140
  type?: 'button' | 'submit';
142
141
  active?: boolean;
143
- children: React__default.ReactNode;
142
+ children: React$1.ReactNode;
144
143
  className?: string;
145
144
  size?: number;
146
- onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
145
+ onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
147
146
  }
148
- declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$a) => react_jsx_runtime.JSX.Element;
147
+ declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$9) => react_jsx_runtime.JSX.Element;
149
148
 
150
- type Props$9 = {
149
+ type Props$8 = {
151
150
  name: string;
152
- labelText: React__default.ReactNode;
151
+ labelText: React$1.ReactNode;
153
152
  onChange?: (value: boolean) => void;
154
153
  isLarge?: boolean;
155
154
  isDisabled?: boolean;
156
155
  };
157
156
  declare const Checkbox: {
158
- ({ name, labelText, isLarge, onChange, isDisabled }: Props$9): react_jsx_runtime.JSX.Element;
157
+ ({ name, labelText, isLarge, onChange, isDisabled }: Props$8): react_jsx_runtime.JSX.Element;
159
158
  Multi: ({ name, hasMultipleAnswers, index, isLarge, allOptionsName }: MultiChoiceCheckBoxProps) => react_jsx_runtime.JSX.Element;
160
159
  };
161
160
  type MultiChoiceCheckBoxProps = {
@@ -166,22 +165,22 @@ type MultiChoiceCheckBoxProps = {
166
165
  isLarge?: boolean;
167
166
  };
168
167
 
169
- type Props$8 = {
168
+ type Props$7 = {
170
169
  name: string;
171
170
  isLarge?: boolean;
172
171
  labelText?: string;
173
172
  option: string;
174
173
  onSelect?: () => void;
175
174
  };
176
- declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$8) => react_jsx_runtime.JSX.Element;
175
+ declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$7) => react_jsx_runtime.JSX.Element;
177
176
 
178
- interface Props$7 {
177
+ interface Props$6 {
179
178
  title: string;
180
179
  cancelText?: string;
181
180
  isVisible: boolean;
182
181
  confirmText?: string;
183
182
  isSingleAction?: boolean;
184
- setDontShowAgain?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
183
+ setDontShowAgain?: React$1.Dispatch<React$1.SetStateAction<boolean>>;
185
184
  dontShowAgain?: boolean;
186
185
  borderColor?: string;
187
186
  buttonColor?: 'base' | 'primary' | 'secondary' | 'warning' | 'alert' | 'gray' | undefined;
@@ -189,9 +188,9 @@ interface Props$7 {
189
188
  onDismissed?: () => void;
190
189
  onCancel?: () => void;
191
190
  isDark?: boolean;
192
- children?: React__default.ReactNode;
191
+ children?: React$1.ReactNode;
193
192
  }
194
- declare const BAWrapper: React__default.FC<Props$7>;
193
+ declare const BAWrapper: React$1.FC<Props$6>;
195
194
 
196
195
  type IconInfoProps = {
197
196
  content: string;
@@ -201,19 +200,19 @@ type IconInfoProps = {
201
200
  };
202
201
  declare const IconInfo: ({ content, icon, number, color }: IconInfoProps) => react_jsx_runtime.JSX.Element;
203
202
 
204
- interface Props$6 {
203
+ interface Props$5 {
205
204
  type?: 'error' | 'warning' | 'info';
206
205
  isDismissible?: boolean;
207
206
  onDismiss?: () => void;
208
207
  isVisible: boolean;
209
208
  }
210
- declare const NoticeBox: React__default.FC<Props$6 & React__default.HTMLAttributes<HTMLDivElement>>;
209
+ declare const NoticeBox: React$1.FC<Props$5 & React$1.HTMLAttributes<HTMLDivElement>>;
211
210
 
212
- type Props$5 = {
211
+ type Props$4 = {
213
212
  avgRating: number;
214
213
  large?: boolean;
215
214
  };
216
- declare const RatingStars: ({ avgRating, large }: Props$5) => react_jsx_runtime.JSX.Element;
215
+ declare const RatingStars: ({ avgRating, large }: Props$4) => react_jsx_runtime.JSX.Element;
217
216
 
218
217
  interface SliderProps {
219
218
  min: number;
@@ -250,13 +249,13 @@ type FormikProps = {
250
249
  label: string;
251
250
  name: string;
252
251
  };
253
- type Props$4 = {
252
+ type Props$3 = {
254
253
  label: string;
255
254
  onChange: (bool: boolean) => void;
256
255
  value: boolean;
257
256
  };
258
257
  declare const ToggleSwitch: {
259
- ({ label, onChange, value }: Props$4): react_jsx_runtime.JSX.Element;
258
+ ({ label, onChange, value }: Props$3): react_jsx_runtime.JSX.Element;
260
259
  Formik: ({ label, name }: FormikProps) => react_jsx_runtime.JSX.Element;
261
260
  };
262
261
 
@@ -282,9 +281,9 @@ declare const ProgressBar: {
282
281
  ({ progress }: {
283
282
  progress: number;
284
283
  }): react_jsx_runtime.JSX.Element;
285
- Step: ({ steps, stepIndex, onStepClick, color }: Props$3) => react_jsx_runtime.JSX.Element;
284
+ Step: ({ steps, stepIndex, onStepClick, color }: Props$2) => react_jsx_runtime.JSX.Element;
286
285
  };
287
- type Props$3 = {
286
+ type Props$2 = {
288
287
  steps: {
289
288
  label: string;
290
289
  }[];
@@ -293,32 +292,25 @@ type Props$3 = {
293
292
  onStepClick?: (i: number) => void;
294
293
  };
295
294
 
296
- type Props$2 = {
295
+ type Props$1 = {
297
296
  twColor?: string;
298
297
  percentage: number;
299
298
  radius: number;
300
299
  fill?: string;
301
300
  strokeWidth?: number;
302
301
  };
303
- declare const CircleProgress: ({ twColor, percentage, radius, fill, strokeWidth }: Props$2) => react_jsx_runtime.JSX.Element;
302
+ declare const CircleProgress: ({ twColor, percentage, radius, fill, strokeWidth }: Props$1) => react_jsx_runtime.JSX.Element;
304
303
 
305
- type Props$1 = {
304
+ type Props = {
306
305
  twColor?: string;
307
306
  percentage: number;
308
307
  label: string;
309
308
  };
310
309
  declare const CourseProgress: {
311
- ({ twColor, percentage, label }: Props$1): react_jsx_runtime.JSX.Element;
312
- Small: ({ twColor, percentage, label }: Props$1) => react_jsx_runtime.JSX.Element;
310
+ ({ twColor, percentage, label }: Props): react_jsx_runtime.JSX.Element;
311
+ Small: ({ twColor, percentage, label }: Props) => react_jsx_runtime.JSX.Element;
313
312
  };
314
313
 
315
314
  declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
316
315
 
317
- type Props = {
318
- visible: boolean;
319
- };
320
- declare const OverlaySpinner: ({ visible }: Props) => React$1.ReactPortal | null;
321
-
322
- declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
323
-
324
- export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };
316
+ export { Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };
package/dist/index.d.ts ADDED
@@ -0,0 +1,316 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React$1, { CSSProperties, ReactNode } from 'react';
3
+ import { Placement } from '@floating-ui/react';
4
+
5
+ declare const PRIMARY_COLOR = "#00b4d8";
6
+
7
+ type Props$g = {
8
+ text: string;
9
+ style?: CSSProperties | undefined;
10
+ classNames?: string;
11
+ };
12
+ declare const ErrorText: ({ text, style, classNames }: Props$g) => react_jsx_runtime.JSX.Element;
13
+
14
+ declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
15
+ declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
16
+ declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
17
+ declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
18
+ declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
19
+ declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
20
+ declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
21
+ declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
22
+
23
+ interface SpinnerProps {
24
+ size?: 'base' | 'small';
25
+ white?: boolean | string;
26
+ visible?: boolean | string;
27
+ }
28
+ declare const Spinner: {
29
+ ({ visible, size, white: isWhite }: SpinnerProps): react_jsx_runtime.JSX.Element | null;
30
+ displayName: string;
31
+ Centered: {
32
+ (props: SpinnerProps): react_jsx_runtime.JSX.Element | null;
33
+ displayName: string;
34
+ };
35
+ };
36
+
37
+ type Props$f = {
38
+ loading: boolean;
39
+ message?: string;
40
+ };
41
+ declare const NoResults: ({ loading, message }: Props$f) => react_jsx_runtime.JSX.Element;
42
+
43
+ interface ContainerProps {
44
+ backgroundColor?: string;
45
+ backgroundImage?: string;
46
+ style?: React$1.CSSProperties;
47
+ onClick?: () => void;
48
+ isDark?: boolean;
49
+ children?: React$1.ReactNode;
50
+ }
51
+ declare const Container: React$1.FC<ContainerProps>;
52
+
53
+ declare const Pill: ({ text }: {
54
+ text: string;
55
+ }) => react_jsx_runtime.JSX.Element;
56
+
57
+ type Step = {
58
+ label: ReactNode;
59
+ };
60
+ type Props$e = {
61
+ steps: Step[];
62
+ activeStep: number;
63
+ onStepPress: (s: number) => void;
64
+ };
65
+ declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$e) => react_jsx_runtime.JSX.Element;
66
+
67
+ type Props$d = {
68
+ inProp: boolean;
69
+ children: React$1.ReactNode;
70
+ };
71
+ declare const Fade: ({ children, inProp }: Props$d) => react_jsx_runtime.JSX.Element;
72
+
73
+ type Props$c = {
74
+ visible: boolean;
75
+ onClick: () => void;
76
+ opacity?: number;
77
+ };
78
+ declare const Backdrop: ({ visible, onClick, opacity }: Props$c) => react_jsx_runtime.JSX.Element | null;
79
+
80
+ type Point = 'sm' | 'md' | 'lg' | 'xl';
81
+ declare const Breakpoint: React$1.FC<{
82
+ fromSize?: Point;
83
+ toSize?: Point;
84
+ children: React$1.ReactNode;
85
+ }>;
86
+
87
+ interface BaseModalProps {
88
+ visible: boolean;
89
+ children: React$1.ReactNode;
90
+ appear?: boolean;
91
+ dismissable?: boolean;
92
+ dismissOnBackdropClick?: boolean;
93
+ onDismissed?: () => void;
94
+ style?: CSSProperties;
95
+ fullscreen?: boolean;
96
+ dismissLink?: string;
97
+ bgOpacity?: number;
98
+ displayDark?: boolean;
99
+ }
100
+ type ModalProps = BaseModalProps;
101
+ declare const Modal: ({ visible, children, fullscreen, displayDark, dismissLink, bgOpacity, onDismissed, dismissable, dismissOnBackdropClick, style, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
102
+
103
+ type OverlayProps = BaseModalProps & {
104
+ children?: React$1.ReactNode;
105
+ withContainer?: boolean;
106
+ opacity?: number;
107
+ isDark?: boolean;
108
+ zIndex?: number;
109
+ onClick?: () => void;
110
+ };
111
+ declare const Overlay: ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer, }: OverlayProps) => React$1.ReactPortal | null;
112
+
113
+ interface Props$b {
114
+ disabled?: boolean;
115
+ kind?: 'primary' | 'secondary' | 'base' | 'warning' | 'alert' | 'gray' | 'green' | 'teal' | 'indigo';
116
+ size?: 'small' | 'fixed' | 'large';
117
+ type?: 'button' | 'submit';
118
+ loading?: boolean;
119
+ children: React$1.ReactNode;
120
+ onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
121
+ }
122
+ declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$b) => react_jsx_runtime.JSX.Element;
123
+
124
+ interface Props$a {
125
+ disabled?: boolean;
126
+ color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
127
+ type?: 'button' | 'submit';
128
+ active?: boolean;
129
+ children: React$1.ReactNode;
130
+ loading?: boolean;
131
+ className?: string;
132
+ size?: 'big' | 'base' | 'small' | 'square';
133
+ onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
134
+ }
135
+ declare const FunButton: React$1.FC<Props$a>;
136
+
137
+ interface Props$9 {
138
+ disabled?: boolean;
139
+ color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow';
140
+ type?: 'button' | 'submit';
141
+ active?: boolean;
142
+ children: React$1.ReactNode;
143
+ className?: string;
144
+ size?: number;
145
+ onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
146
+ }
147
+ declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$9) => react_jsx_runtime.JSX.Element;
148
+
149
+ type Props$8 = {
150
+ name: string;
151
+ labelText: React$1.ReactNode;
152
+ onChange?: (value: boolean) => void;
153
+ isLarge?: boolean;
154
+ isDisabled?: boolean;
155
+ };
156
+ declare const Checkbox: {
157
+ ({ name, labelText, isLarge, onChange, isDisabled }: Props$8): react_jsx_runtime.JSX.Element;
158
+ Multi: ({ name, hasMultipleAnswers, index, isLarge, allOptionsName }: MultiChoiceCheckBoxProps) => react_jsx_runtime.JSX.Element;
159
+ };
160
+ type MultiChoiceCheckBoxProps = {
161
+ name: string;
162
+ allOptionsName: string;
163
+ hasMultipleAnswers: boolean;
164
+ index: number;
165
+ isLarge?: boolean;
166
+ };
167
+
168
+ type Props$7 = {
169
+ name: string;
170
+ isLarge?: boolean;
171
+ labelText?: string;
172
+ option: string;
173
+ onSelect?: () => void;
174
+ };
175
+ declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$7) => react_jsx_runtime.JSX.Element;
176
+
177
+ interface Props$6 {
178
+ title: string;
179
+ cancelText?: string;
180
+ isVisible: boolean;
181
+ confirmText?: string;
182
+ isSingleAction?: boolean;
183
+ setDontShowAgain?: React$1.Dispatch<React$1.SetStateAction<boolean>>;
184
+ dontShowAgain?: boolean;
185
+ borderColor?: string;
186
+ buttonColor?: 'base' | 'primary' | 'secondary' | 'warning' | 'alert' | 'gray' | undefined;
187
+ onConfirm: (confirmed: boolean) => void;
188
+ onDismissed?: () => void;
189
+ onCancel?: () => void;
190
+ isDark?: boolean;
191
+ children?: React$1.ReactNode;
192
+ }
193
+ declare const BAWrapper: React$1.FC<Props$6>;
194
+
195
+ type IconInfoProps = {
196
+ content: string;
197
+ icon: React.ReactNode;
198
+ number: number;
199
+ color?: string;
200
+ };
201
+ declare const IconInfo: ({ content, icon, number, color }: IconInfoProps) => react_jsx_runtime.JSX.Element;
202
+
203
+ interface Props$5 {
204
+ type?: 'error' | 'warning' | 'info';
205
+ isDismissible?: boolean;
206
+ onDismiss?: () => void;
207
+ isVisible: boolean;
208
+ }
209
+ declare const NoticeBox: React$1.FC<Props$5 & React$1.HTMLAttributes<HTMLDivElement>>;
210
+
211
+ type Props$4 = {
212
+ avgRating: number;
213
+ large?: boolean;
214
+ };
215
+ declare const RatingStars: ({ avgRating, large }: Props$4) => react_jsx_runtime.JSX.Element;
216
+
217
+ interface SliderProps {
218
+ min: number;
219
+ max: number;
220
+ step: number;
221
+ value: number;
222
+ sliderColor?: string;
223
+ onChange: (value: number) => void;
224
+ }
225
+ declare const Slider: {
226
+ ({ min, max, step, value, onChange }: SliderProps): react_jsx_runtime.JSX.Element;
227
+ Debounced: ({ min, max, handleUpdate, initialValue }: DebouncedSliderProps) => react_jsx_runtime.JSX.Element;
228
+ };
229
+ type DebouncedSliderProps = {
230
+ min: number;
231
+ max: number;
232
+ handleUpdate: (n: number) => void;
233
+ initialValue: number;
234
+ };
235
+
236
+ interface TippyProps {
237
+ children: ReactNode;
238
+ content: ReactNode;
239
+ placement?: Placement;
240
+ className?: string;
241
+ disabled?: boolean;
242
+ arrow?: boolean;
243
+ visible?: boolean;
244
+ wrapperClassname?: string;
245
+ }
246
+ declare const Tippy: ({ children, content, placement, className, wrapperClassname, disabled, arrow: useArrow, visible }: TippyProps) => react_jsx_runtime.JSX.Element;
247
+
248
+ type FormikProps = {
249
+ label: string;
250
+ name: string;
251
+ };
252
+ type Props$3 = {
253
+ label: string;
254
+ onChange: (bool: boolean) => void;
255
+ value: boolean;
256
+ };
257
+ declare const ToggleSwitch: {
258
+ ({ label, onChange, value }: Props$3): react_jsx_runtime.JSX.Element;
259
+ Formik: ({ label, name }: FormikProps) => react_jsx_runtime.JSX.Element;
260
+ };
261
+
262
+ type ModeProps = {
263
+ setGalleryMode: React.Dispatch<React.SetStateAction<string>>;
264
+ galleryMode: string;
265
+ title1: string;
266
+ title2: string;
267
+ icon1?: React.ComponentType<React.ComponentProps<"svg">>;
268
+ icon2?: React.ComponentType<React.ComponentProps<"svg">>;
269
+ };
270
+ declare const UserContentSwitcher: ({ icon1: Icon1, icon2: Icon2, setGalleryMode, galleryMode, title1, title2 }: ModeProps) => react_jsx_runtime.JSX.Element;
271
+
272
+ type ProgressBarProps = {
273
+ progress: number;
274
+ height?: number;
275
+ backgroundColor?: string;
276
+ color: string;
277
+ };
278
+ declare const ProgressBarSimple: ({ progress, color, height, backgroundColor }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
279
+
280
+ declare const ProgressBar: {
281
+ ({ progress }: {
282
+ progress: number;
283
+ }): react_jsx_runtime.JSX.Element;
284
+ Step: ({ steps, stepIndex, onStepClick, color }: Props$2) => react_jsx_runtime.JSX.Element;
285
+ };
286
+ type Props$2 = {
287
+ steps: {
288
+ label: string;
289
+ }[];
290
+ stepIndex: number;
291
+ color?: string;
292
+ onStepClick?: (i: number) => void;
293
+ };
294
+
295
+ type Props$1 = {
296
+ twColor?: string;
297
+ percentage: number;
298
+ radius: number;
299
+ fill?: string;
300
+ strokeWidth?: number;
301
+ };
302
+ declare const CircleProgress: ({ twColor, percentage, radius, fill, strokeWidth }: Props$1) => react_jsx_runtime.JSX.Element;
303
+
304
+ type Props = {
305
+ twColor?: string;
306
+ percentage: number;
307
+ label: string;
308
+ };
309
+ declare const CourseProgress: {
310
+ ({ twColor, percentage, label }: Props): react_jsx_runtime.JSX.Element;
311
+ Small: ({ twColor, percentage, label }: Props) => react_jsx_runtime.JSX.Element;
312
+ };
313
+
314
+ declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
315
+
316
+ export { Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };