@snowbomb1/nova-ui 1.0.10 → 1.0.11

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 (49) hide show
  1. package/dist/index.d.ts +307 -23
  2. package/package.json +1 -1
  3. package/dist/components/Accordion/Accordion.d.ts +0 -6
  4. package/dist/components/Accordion/index.d.ts +0 -1
  5. package/dist/components/ActionSheet/ActionSheet.d.ts +0 -15
  6. package/dist/components/ActionSheet/index.d.ts +0 -1
  7. package/dist/components/Alert/Alert.d.ts +0 -6
  8. package/dist/components/Alert/index.d.ts +0 -1
  9. package/dist/components/AppLayout/AppLayout.d.ts +0 -10
  10. package/dist/components/AppLayout/index.d.ts +0 -1
  11. package/dist/components/Box/Box.d.ts +0 -8
  12. package/dist/components/Box/index.d.ts +0 -1
  13. package/dist/components/Button/Button.d.ts +0 -10
  14. package/dist/components/Button/index.d.ts +0 -1
  15. package/dist/components/Checkbox/Checkbox.d.ts +0 -8
  16. package/dist/components/Checkbox/index.d.ts +0 -1
  17. package/dist/components/Container/Container.d.ts +0 -12
  18. package/dist/components/Container/index.d.ts +0 -1
  19. package/dist/components/FloatingMenuButton/FloatingMenuButton.d.ts +0 -7
  20. package/dist/components/FloatingMenuButton/index.d.ts +0 -1
  21. package/dist/components/Form field/FormField.d.ts +0 -10
  22. package/dist/components/Form field/index.d.ts +0 -1
  23. package/dist/components/Header/Header.d.ts +0 -6
  24. package/dist/components/Header/index.d.ts +0 -1
  25. package/dist/components/Input/Input.d.ts +0 -12
  26. package/dist/components/Input/index.d.ts +0 -1
  27. package/dist/components/Modal/Modal.d.ts +0 -10
  28. package/dist/components/Modal/index.d.ts +0 -1
  29. package/dist/components/Select/Select.d.ts +0 -28
  30. package/dist/components/Select/index.d.ts +0 -1
  31. package/dist/components/SideNav/SideNav.d.ts +0 -15
  32. package/dist/components/SideNav/index.d.ts +0 -1
  33. package/dist/components/Stepper/Stepper.d.ts +0 -10
  34. package/dist/components/Stepper/index.d.ts +0 -1
  35. package/dist/components/Toast/Toast.d.ts +0 -12
  36. package/dist/components/Toast/index.d.ts +0 -1
  37. package/dist/components/Toggle/Toggle.d.ts +0 -7
  38. package/dist/components/Toggle/index.d.ts +0 -1
  39. package/dist/components/Tooltip/Tooltip.d.ts +0 -7
  40. package/dist/components/Tooltip/index.d.ts +0 -1
  41. package/dist/components/TopNav/ThemeToggler.d.ts +0 -1
  42. package/dist/components/TopNav/TopNav.d.ts +0 -7
  43. package/dist/components/TopNav/index.d.ts +0 -1
  44. package/dist/components/Viewer/Viewer.d.ts +0 -16
  45. package/dist/components/Viewer/ViewerLoader.d.ts +0 -9
  46. package/dist/components/Viewer/index.d.ts +0 -1
  47. package/dist/hooks/useKeyboardShortcuts.d.ts +0 -7
  48. package/dist/hooks/useMediaLoader.d.ts +0 -11
  49. package/dist/hooks/useTheme.d.ts +0 -8
package/dist/index.d.ts CHANGED
@@ -1,23 +1,307 @@
1
- export * from './components/Accordion';
2
- export * from './components/ActionSheet';
3
- export * from './components/Alert';
4
- export * from './components/AppLayout';
5
- export * from './components/Box';
6
- export * from './components/Button';
7
- export * from './components/Checkbox';
8
- export * from './components/Container';
9
- export * from './components/FloatingMenuButton';
10
- export * from './components/Form field';
11
- export * from './components/Header';
12
- export * from './components/Input';
13
- export * from './components/Modal';
14
- export * from './components/Select';
15
- export * from './components/SideNav';
16
- export * from './components/Stepper';
17
- export * from './components/Toast';
18
- export * from './components/Toggle';
19
- export * from './components/Tooltip';
20
- export * from './components/TopNav';
21
- export * from './components/Viewer';
22
- export { useMediaLoader } from './hooks/useMediaLoader';
23
- export { useTheme } from './hooks/useTheme';
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import { LabelHTMLAttributes } from 'react';
3
+ import { MouseEvent as MouseEvent_2 } from 'react';
4
+ import { ReactNode } from 'react';
5
+
6
+ export declare const Accordion: ({ title, children, defaultOpen }: AccordionProps) => JSX.Element;
7
+
8
+ export declare interface AccordionProps {
9
+ title: string;
10
+ children: React.ReactNode;
11
+ defaultOpen?: boolean;
12
+ }
13
+
14
+ export declare const ActionSheet: ({ isOpen, onClose, title, message, actions }: ActionSheetProps) => JSX.Element;
15
+
16
+ export declare interface ActionSheetAction {
17
+ label: string;
18
+ icon?: React.ReactNode;
19
+ onClick: () => void;
20
+ destructive?: boolean;
21
+ disabled?: boolean;
22
+ }
23
+
24
+ export declare interface ActionSheetProps {
25
+ isOpen: boolean;
26
+ onClose: () => void;
27
+ title?: string;
28
+ message?: string;
29
+ actions: ActionSheetAction[];
30
+ }
31
+
32
+ export declare const Alert: ({ type, children }: AlertProps) => JSX.Element;
33
+
34
+ export declare interface AlertProps {
35
+ type?: AlertType;
36
+ children: React.ReactNode;
37
+ }
38
+
39
+ export declare type AlertType = 'success' | 'warning' | 'error' | 'info';
40
+
41
+ export declare const AppLayout: ({ topNav, sideNav, sideNavOpen, sideNavExpandedWidth, sideNavCollapsedWidth, children }: AppLayoutProps) => JSX.Element;
42
+
43
+ export declare interface AppLayoutProps {
44
+ topNav?: ReactNode;
45
+ sideNav?: ReactNode;
46
+ sideNavOpen?: boolean;
47
+ sideNavExpandedWidth?: string;
48
+ sideNavCollapsedWidth?: string;
49
+ children: ReactNode;
50
+ }
51
+
52
+ export declare const Box: ({ children, position, direction }: BoxProps) => JSX.Element;
53
+
54
+ export declare type BoxPosition = 'left' | 'right' | 'center';
55
+
56
+ export declare interface BoxProps {
57
+ children: React.ReactNode;
58
+ position?: BoxPosition;
59
+ direction?: FlexDirection;
60
+ }
61
+
62
+ export declare const Button: ({ children, onClick, variant, disabled, disabledMessage, tooltipPosition, ...props }: ButtonProps) => JSX.Element;
63
+
64
+ export declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
65
+ children: React.ReactNode;
66
+ variant?: ButtonVariant;
67
+ disabled?: boolean;
68
+ disabledMessage?: string;
69
+ tooltipPosition?: TooltipPosition;
70
+ }
71
+
72
+ export declare type ButtonVariant = 'primary' | 'secondary' | 'icon';
73
+
74
+ export declare const Checkbox: ({ checked, onChange, label, disabled, indeterminate }: CheckboxProps) => JSX.Element;
75
+
76
+ export declare interface CheckboxProps {
77
+ checked: boolean;
78
+ onChange: (checked: boolean) => void;
79
+ label?: string;
80
+ disabled?: boolean;
81
+ indeterminate?: boolean;
82
+ }
83
+
84
+ export declare const Container: ({ children, header, headerActions, footer, variant, padding, fullWidth }: ContainerProps) => JSX.Element;
85
+
86
+ export declare type ContainerPadding = 'none' | 'sm' | 'md' | 'lg';
87
+
88
+ export declare interface ContainerProps {
89
+ children: React.ReactNode;
90
+ header?: React.ReactNode;
91
+ headerActions?: React.ReactNode;
92
+ footer?: React.ReactNode;
93
+ variant?: ContainerVariant;
94
+ padding?: ContainerPadding;
95
+ fullWidth?: boolean;
96
+ }
97
+
98
+ export declare type ContainerVariant = 'default' | 'outlined' | 'elevated' | 'flat';
99
+
100
+ export declare type FlexDirection = 'horizontal' | 'vertical';
101
+
102
+ export declare const FloatingButton: ({ onClick, variant, ariaLabel }: FloatingButtonProps) => JSX.Element;
103
+
104
+ export declare interface FloatingButtonProps {
105
+ variant: FloatingButtonVariant;
106
+ ariaLabel: string;
107
+ onClick: () => void;
108
+ }
109
+
110
+ export declare type FloatingButtonVariant = 'menu' | 'action';
111
+
112
+ export declare const FormField: ({ label, helperText, error, required, disabled, children }: FormFieldProps) => JSX.Element;
113
+
114
+ export declare interface FormFieldProps extends LabelHTMLAttributes<HTMLLabelElement> {
115
+ label?: string;
116
+ helperText?: string;
117
+ error?: string;
118
+ required?: boolean;
119
+ disabled?: boolean;
120
+ children: React.ReactNode;
121
+ }
122
+
123
+ export declare const Header: ({ children, variant }: HeaderProps) => JSX.Element;
124
+
125
+ export declare interface HeaderProps {
126
+ children: React.ReactNode;
127
+ variant?: HeaderVariant;
128
+ }
129
+
130
+ export declare type HeaderVariant = 'h1' | 'h2' | 'h3' | 'h4';
131
+
132
+ export declare const Input: ({ value, onChange, disabled, suggestions, placeholder, hideClear, label, error, required, helperText, ...props }: InputProps) => JSX.Element;
133
+
134
+ export declare interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
135
+ value: string | undefined;
136
+ onChange?: (newValue: string) => void;
137
+ disabled?: boolean;
138
+ suggestions?: string[];
139
+ hideClear?: boolean;
140
+ required?: boolean;
141
+ label?: string;
142
+ error?: string;
143
+ helperText?: string;
144
+ }
145
+
146
+ export declare const Modal: ({ isVisible, onClose, size, header, footer, children }: ModalProps) => JSX.Element;
147
+
148
+ export declare interface ModalProps {
149
+ isVisible: boolean;
150
+ onClose: () => void;
151
+ children: React.ReactNode;
152
+ size?: ModalSize;
153
+ header?: React.ReactNode;
154
+ footer?: React.ReactNode;
155
+ }
156
+
157
+ export declare type ModalSize = 's' | 'm' | 'l' | 'xl';
158
+
159
+ declare interface MultiSelectProps extends SharedProps {
160
+ selectType: 'multi';
161
+ selectedOption?: Option_2[];
162
+ onChange: (options: Option_2[]) => void;
163
+ }
164
+
165
+ export declare type NavItem = {
166
+ label: string;
167
+ icon?: React.ReactNode;
168
+ onClick: () => void;
169
+ };
170
+
171
+ export declare type NavPosition = 'left' | 'right';
172
+
173
+ declare type Option_2 = {
174
+ label: string;
175
+ value: string | number;
176
+ };
177
+ export { Option_2 as Option }
178
+
179
+ export declare const Select: (props: SelectProps) => JSX.Element;
180
+
181
+ export declare type SelectProps = SingleSelectProps | MultiSelectProps;
182
+
183
+ declare interface SharedProps {
184
+ options: Option_2[];
185
+ autoFilter?: boolean;
186
+ placeholder?: string;
187
+ disabled?: boolean;
188
+ name?: string;
189
+ required?: boolean;
190
+ label?: string;
191
+ helperText?: string;
192
+ error?: string;
193
+ }
194
+
195
+ export declare const SideNav: ({ isOpen, items, onToggle, expandedWidth, collapsedWidth, position }: SideNavProps) => JSX.Element;
196
+
197
+ export declare interface SideNavProps {
198
+ isOpen: boolean;
199
+ onToggle: () => void;
200
+ items: NavItem[];
201
+ expandedWidth?: string;
202
+ collapsedWidth?: string;
203
+ position?: NavPosition;
204
+ }
205
+
206
+ declare interface SingleSelectProps extends SharedProps {
207
+ selectType?: 'single';
208
+ selectedOption?: Option_2;
209
+ onChange: (option: Option_2) => void;
210
+ }
211
+
212
+ export declare const Stepper: ({ label, helperText, error, required, value, onChange, min, max, step, disabled }: StepperProps) => JSX.Element;
213
+
214
+ export declare interface StepperProps extends Pick<FormFieldProps, 'label' | 'helperText' | 'error' | 'required'> {
215
+ value: number;
216
+ onChange: (value: number) => void;
217
+ min?: number;
218
+ max?: number;
219
+ step?: number;
220
+ disabled?: boolean;
221
+ }
222
+
223
+ declare type Theme = 'light' | 'dark';
224
+
225
+ export declare const Toast: ({ visible, onDismiss, timeout, position, status, children, dismissible }: ToastProps) => JSX.Element;
226
+
227
+ export declare type ToastPosition = 'top' | 'bottom';
228
+
229
+ export declare interface ToastProps {
230
+ visible: boolean;
231
+ onDismiss: () => void;
232
+ timeout?: number;
233
+ position?: ToastPosition;
234
+ status?: ToastStatus;
235
+ children: React.ReactNode;
236
+ dismissible?: boolean;
237
+ }
238
+
239
+ export declare type ToastStatus = 'success' | 'warning' | 'error' | 'info';
240
+
241
+ export declare const Toggle: ({ label, value, onChange, disabled }: ToggleProps) => JSX.Element;
242
+
243
+ export declare interface ToggleProps {
244
+ label: string;
245
+ value: boolean;
246
+ onChange: (enabled: boolean) => void;
247
+ disabled?: boolean;
248
+ }
249
+
250
+ export declare const Tooltip: ({ children, message, position }: TooltipProps) => JSX.Element;
251
+
252
+ export declare type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
253
+
254
+ export declare interface TooltipProps {
255
+ children: React.ReactNode;
256
+ message?: string;
257
+ position?: TooltipPosition;
258
+ }
259
+
260
+ export declare const TopNav: ({ header, logo, logoClick, search }: TopNavProps) => JSX.Element;
261
+
262
+ export declare interface TopNavProps {
263
+ header: React.ReactNode;
264
+ logo?: React.ReactNode;
265
+ logoClick?: () => void;
266
+ search?: React.ReactNode;
267
+ }
268
+
269
+ export declare const useMediaLoader: ({ src, onError }: UseMediaLoaderProps) => {
270
+ isLoading: boolean;
271
+ hasError: boolean;
272
+ isVideo: boolean;
273
+ reload: () => void;
274
+ };
275
+
276
+ declare interface UseMediaLoaderProps {
277
+ src: string;
278
+ onError?: (error: Error) => void;
279
+ }
280
+
281
+ export declare const useTheme: () => {
282
+ theme: Theme;
283
+ isTransitioning: boolean;
284
+ toggleTheme: (event: MouseEvent_2) => void;
285
+ };
286
+
287
+ export declare interface VideoProps {
288
+ controls?: boolean;
289
+ loop?: boolean;
290
+ autoPlay?: boolean;
291
+ muted?: boolean;
292
+ }
293
+
294
+ export declare const Viewer: ({ src, alt, video, thumbnailWidth, onError, aspectRatio }: ViewerProps) => JSX.Element;
295
+
296
+ export declare type ViewerAspectRatio = '16/9' | '9/16' | '1/1' | '4/3' | '3/2' | '21/19';
297
+
298
+ export declare interface ViewerProps {
299
+ src: string;
300
+ alt: string;
301
+ video?: VideoProps;
302
+ thumbnailWidth?: string;
303
+ aspectRatio?: ViewerAspectRatio;
304
+ onError?: (error: Error) => void;
305
+ }
306
+
307
+ export { }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snowbomb1/nova-ui",
3
- "version": "1.0.10",
3
+ "version": "1.0.11",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "files": [
@@ -1,6 +0,0 @@
1
- export interface AccordionProps {
2
- title: string;
3
- children: React.ReactNode;
4
- defaultOpen?: boolean;
5
- }
6
- export declare const Accordion: ({ title, children, defaultOpen }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Accordion';
@@ -1,15 +0,0 @@
1
- export interface ActionSheetAction {
2
- label: string;
3
- icon?: React.ReactNode;
4
- onClick: () => void;
5
- destructive?: boolean;
6
- disabled?: boolean;
7
- }
8
- export interface ActionSheetProps {
9
- isOpen: boolean;
10
- onClose: () => void;
11
- title?: string;
12
- message?: string;
13
- actions: ActionSheetAction[];
14
- }
15
- export declare const ActionSheet: ({ isOpen, onClose, title, message, actions }: ActionSheetProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './ActionSheet';
@@ -1,6 +0,0 @@
1
- export type AlertType = 'success' | 'warning' | 'error' | 'info';
2
- export interface AlertProps {
3
- type?: AlertType;
4
- children: React.ReactNode;
5
- }
6
- export declare const Alert: ({ type, children }: AlertProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Alert';
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface AppLayoutProps {
3
- topNav?: ReactNode;
4
- sideNav?: ReactNode;
5
- sideNavOpen?: boolean;
6
- sideNavExpandedWidth?: string;
7
- sideNavCollapsedWidth?: string;
8
- children: ReactNode;
9
- }
10
- export declare const AppLayout: ({ topNav, sideNav, sideNavOpen, sideNavExpandedWidth, sideNavCollapsedWidth, children }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './AppLayout';
@@ -1,8 +0,0 @@
1
- export type BoxPosition = 'left' | 'right' | 'center';
2
- export type FlexDirection = 'horizontal' | 'vertical';
3
- export interface BoxProps {
4
- children: React.ReactNode;
5
- position?: BoxPosition;
6
- direction?: FlexDirection;
7
- }
8
- export declare const Box: ({ children, position, direction }: BoxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Box';
@@ -1,10 +0,0 @@
1
- import { TooltipPosition } from '../Tooltip/Tooltip';
2
- export type ButtonVariant = 'primary' | 'secondary' | 'icon';
3
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
- children: React.ReactNode;
5
- variant?: ButtonVariant;
6
- disabled?: boolean;
7
- disabledMessage?: string;
8
- tooltipPosition?: TooltipPosition;
9
- }
10
- export declare const Button: ({ children, onClick, variant, disabled, disabledMessage, tooltipPosition, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Button';
@@ -1,8 +0,0 @@
1
- export interface CheckboxProps {
2
- checked: boolean;
3
- onChange: (checked: boolean) => void;
4
- label?: string;
5
- disabled?: boolean;
6
- indeterminate?: boolean;
7
- }
8
- export declare const Checkbox: ({ checked, onChange, label, disabled, indeterminate }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Checkbox';
@@ -1,12 +0,0 @@
1
- export type ContainerVariant = 'default' | 'outlined' | 'elevated' | 'flat';
2
- export type ContainerPadding = 'none' | 'sm' | 'md' | 'lg';
3
- export interface ContainerProps {
4
- children: React.ReactNode;
5
- header?: React.ReactNode;
6
- headerActions?: React.ReactNode;
7
- footer?: React.ReactNode;
8
- variant?: ContainerVariant;
9
- padding?: ContainerPadding;
10
- fullWidth?: boolean;
11
- }
12
- export declare const Container: ({ children, header, headerActions, footer, variant, padding, fullWidth }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Container';
@@ -1,7 +0,0 @@
1
- export type FloatingButtonVariant = 'menu' | 'action';
2
- export interface FloatingButtonProps {
3
- variant: FloatingButtonVariant;
4
- ariaLabel: string;
5
- onClick: () => void;
6
- }
7
- export declare const FloatingButton: ({ onClick, variant, ariaLabel }: FloatingButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './FloatingMenuButton';
@@ -1,10 +0,0 @@
1
- import { LabelHTMLAttributes } from 'react';
2
- export interface FormFieldProps extends LabelHTMLAttributes<HTMLLabelElement> {
3
- label?: string;
4
- helperText?: string;
5
- error?: string;
6
- required?: boolean;
7
- disabled?: boolean;
8
- children: React.ReactNode;
9
- }
10
- export declare const FormField: ({ label, helperText, error, required, disabled, children }: FormFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './FormField';
@@ -1,6 +0,0 @@
1
- export type HeaderVariant = 'h1' | 'h2' | 'h3' | 'h4';
2
- export interface HeaderProps {
3
- children: React.ReactNode;
4
- variant?: HeaderVariant;
5
- }
6
- export declare const Header: ({ children, variant }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Header';
@@ -1,12 +0,0 @@
1
- export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
2
- value: string | undefined;
3
- onChange?: (newValue: string) => void;
4
- disabled?: boolean;
5
- suggestions?: string[];
6
- hideClear?: boolean;
7
- required?: boolean;
8
- label?: string;
9
- error?: string;
10
- helperText?: string;
11
- }
12
- export declare const Input: ({ value, onChange, disabled, suggestions, placeholder, hideClear, label, error, required, helperText, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Input';
@@ -1,10 +0,0 @@
1
- export type ModalSize = 's' | 'm' | 'l' | 'xl';
2
- export interface ModalProps {
3
- isVisible: boolean;
4
- onClose: () => void;
5
- children: React.ReactNode;
6
- size?: ModalSize;
7
- header?: React.ReactNode;
8
- footer?: React.ReactNode;
9
- }
10
- export declare const Modal: ({ isVisible, onClose, size, header, footer, children }: ModalProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Modal';
@@ -1,28 +0,0 @@
1
- export type Option = {
2
- label: string;
3
- value: string | number;
4
- };
5
- interface SharedProps {
6
- options: Option[];
7
- autoFilter?: boolean;
8
- placeholder?: string;
9
- disabled?: boolean;
10
- name?: string;
11
- required?: boolean;
12
- label?: string;
13
- helperText?: string;
14
- error?: string;
15
- }
16
- interface SingleSelectProps extends SharedProps {
17
- selectType?: 'single';
18
- selectedOption?: Option;
19
- onChange: (option: Option) => void;
20
- }
21
- interface MultiSelectProps extends SharedProps {
22
- selectType: 'multi';
23
- selectedOption?: Option[];
24
- onChange: (options: Option[]) => void;
25
- }
26
- export type SelectProps = SingleSelectProps | MultiSelectProps;
27
- export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
28
- export {};
@@ -1 +0,0 @@
1
- export * from './Select';
@@ -1,15 +0,0 @@
1
- export type NavItem = {
2
- label: string;
3
- icon?: React.ReactNode;
4
- onClick: () => void;
5
- };
6
- export type NavPosition = 'left' | 'right';
7
- export interface SideNavProps {
8
- isOpen: boolean;
9
- onToggle: () => void;
10
- items: NavItem[];
11
- expandedWidth?: string;
12
- collapsedWidth?: string;
13
- position?: NavPosition;
14
- }
15
- export declare const SideNav: ({ isOpen, items, onToggle, expandedWidth, collapsedWidth, position }: SideNavProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './SideNav';
@@ -1,10 +0,0 @@
1
- import { FormFieldProps } from '../Form field';
2
- export interface StepperProps extends Pick<FormFieldProps, 'label' | 'helperText' | 'error' | 'required'> {
3
- value: number;
4
- onChange: (value: number) => void;
5
- min?: number;
6
- max?: number;
7
- step?: number;
8
- disabled?: boolean;
9
- }
10
- export declare const Stepper: ({ label, helperText, error, required, value, onChange, min, max, step, disabled }: StepperProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Stepper';
@@ -1,12 +0,0 @@
1
- export type ToastPosition = 'top' | 'bottom';
2
- export type ToastStatus = 'success' | 'warning' | 'error' | 'info';
3
- export interface ToastProps {
4
- visible: boolean;
5
- onDismiss: () => void;
6
- timeout?: number;
7
- position?: ToastPosition;
8
- status?: ToastStatus;
9
- children: React.ReactNode;
10
- dismissible?: boolean;
11
- }
12
- export declare const Toast: ({ visible, onDismiss, timeout, position, status, children, dismissible }: ToastProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Toast';
@@ -1,7 +0,0 @@
1
- export interface ToggleProps {
2
- label: string;
3
- value: boolean;
4
- onChange: (enabled: boolean) => void;
5
- disabled?: boolean;
6
- }
7
- export declare const Toggle: ({ label, value, onChange, disabled }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Toggle';
@@ -1,7 +0,0 @@
1
- export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
2
- export interface TooltipProps {
3
- children: React.ReactNode;
4
- message?: string;
5
- position?: TooltipPosition;
6
- }
7
- export declare const Tooltip: ({ children, message, position }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Tooltip';
@@ -1 +0,0 @@
1
- export declare const ThemeToggler: () => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- export interface TopNavProps {
2
- header: React.ReactNode;
3
- logo?: React.ReactNode;
4
- logoClick?: () => void;
5
- search?: React.ReactNode;
6
- }
7
- export declare const TopNav: ({ header, logo, logoClick, search }: TopNavProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './TopNav';
@@ -1,16 +0,0 @@
1
- export interface VideoProps {
2
- controls?: boolean;
3
- loop?: boolean;
4
- autoPlay?: boolean;
5
- muted?: boolean;
6
- }
7
- export type ViewerAspectRatio = '16/9' | '9/16' | '1/1' | '4/3' | '3/2' | '21/19';
8
- export interface ViewerProps {
9
- src: string;
10
- alt: string;
11
- video?: VideoProps;
12
- thumbnailWidth?: string;
13
- aspectRatio?: ViewerAspectRatio;
14
- onError?: (error: Error) => void;
15
- }
16
- export declare const Viewer: ({ src, alt, video, thumbnailWidth, onError, aspectRatio }: ViewerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { RefObject } from 'react';
2
- import { ViewerAspectRatio } from './Viewer';
3
- interface ViewerLoderProps {
4
- divRef: RefObject<HTMLDivElement | null>;
5
- width: string;
6
- aspectRatio: ViewerAspectRatio;
7
- }
8
- export declare const ViewerLoader: ({ divRef, width, aspectRatio }: ViewerLoderProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1 +0,0 @@
1
- export * from './Viewer';
@@ -1,7 +0,0 @@
1
- type Event = 'down' | 'up' | 'enter' | 'escape';
2
- interface KeyHandler {
3
- handler: (event: Event) => void;
4
- enabled?: boolean;
5
- }
6
- export declare const useKeyboardShortcuts: ({ enabled, handler }: KeyHandler) => void;
7
- export {};
@@ -1,11 +0,0 @@
1
- interface UseMediaLoaderProps {
2
- src: string;
3
- onError?: (error: Error) => void;
4
- }
5
- export declare const useMediaLoader: ({ src, onError }: UseMediaLoaderProps) => {
6
- isLoading: boolean;
7
- hasError: boolean;
8
- isVideo: boolean;
9
- reload: () => void;
10
- };
11
- export {};
@@ -1,8 +0,0 @@
1
- import { MouseEvent } from 'react';
2
- type Theme = 'light' | 'dark';
3
- export declare const useTheme: () => {
4
- theme: Theme;
5
- isTransitioning: boolean;
6
- toggleTheme: (event: MouseEvent) => void;
7
- };
8
- export {};