@micromag/core 0.3.832 → 0.4.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 (64) hide show
  1. package/assets/css/styles.css +31 -31
  2. package/assets/css/vendor.css +4 -3
  3. package/es/components.d.ts +628 -0
  4. package/es/components.js +947 -2301
  5. package/es/contexts.d.ts +297 -0
  6. package/es/contexts.js +154 -341
  7. package/es/hooks.d.ts +333 -0
  8. package/es/hooks.js +22 -17
  9. package/es/index.d.ts +665 -0
  10. package/es/index.js +2 -772
  11. package/es/styles.css +35 -0
  12. package/es/utils.d.ts +214 -0
  13. package/lib/components.js +955 -2309
  14. package/lib/contexts.js +153 -340
  15. package/lib/hooks.js +21 -16
  16. package/lib/index.js +0 -771
  17. package/lib/styles.css +35 -0
  18. package/package.json +39 -46
  19. package/styles/bootstrap-overrides.css +111 -0
  20. package/styles/bootstrap-patches.css +486 -0
  21. package/styles/breadcrumb.module.css +5 -0
  22. package/styles/button.module.css +82 -0
  23. package/styles/buttons.module.css +3 -0
  24. package/styles/clear.module.css +23 -0
  25. package/styles/collapsable-panel.module.css +31 -0
  26. package/styles/conversation.module.css +37 -0
  27. package/styles/dialog.module.css +13 -0
  28. package/styles/empty.module.css +22 -0
  29. package/styles/form-panel.module.css +3 -0
  30. package/styles/form.module.css +22 -0
  31. package/styles/link.module.css +9 -0
  32. package/styles/map.module.css +43 -0
  33. package/styles/media.module.css +3 -0
  34. package/styles/modal.module.css +22 -0
  35. package/styles/modals.module.css +12 -0
  36. package/styles/navbar.module.css +9 -0
  37. package/styles/pagination.module.css +3 -0
  38. package/styles/panel.module.css +3 -0
  39. package/styles/panels.module.css +3 -0
  40. package/styles/placeholder-block.module.css +29 -0
  41. package/styles/placeholder-text.module.css +17 -0
  42. package/styles/placeholders.module.css +3 -0
  43. package/styles/preview.module.css +34 -0
  44. package/styles/quiz-answer.module.css +29 -0
  45. package/styles/screen-placeholder.module.css +5 -0
  46. package/styles/screen-sizer.module.css +14 -0
  47. package/styles/screen.module.css +52 -0
  48. package/styles/screens.module.css +16 -0
  49. package/styles/share-options.module.css +27 -0
  50. package/{scss/_placeholders.scss → styles/shared.module.css} +103 -97
  51. package/styles/slideshow.module.css +28 -0
  52. package/styles/spinner.module.css +43 -0
  53. package/styles/styles.css +1 -0
  54. package/styles/survey-answer.module.css +18 -0
  55. package/styles/tabs.module.css +4 -0
  56. package/styles/theme.css +84 -0
  57. package/styles/transition.module.css +9 -0
  58. package/{scss/vendor.scss → styles/vendor.css} +16 -30
  59. package/styles/video-360.module.css +15 -0
  60. package/scss/_mixins.scss +0 -34
  61. package/scss/_theme.scss +0 -114
  62. package/scss/_variables.scss +0 -12
  63. package/scss/styles.scss +0 -1
  64. package/scss/upload.scss +0 -1
@@ -0,0 +1,628 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React from 'react';
3
+
4
+ interface ButtonProps {
5
+ type?: string;
6
+ theme?: ButtonTheme | null;
7
+ size?: ButtonSize | null;
8
+ href?: string | null;
9
+ external?: boolean;
10
+ direct?: boolean;
11
+ target?: string;
12
+ label?: Label | null;
13
+ children?: Label | null;
14
+ focusable?: boolean;
15
+ active?: boolean;
16
+ icon?: React.ReactNode | null;
17
+ iconPosition?: 'left' | 'right' | 'inline';
18
+ disabled?: boolean;
19
+ loading?: boolean;
20
+ disableOnLoading?: boolean;
21
+ small?: boolean;
22
+ big?: boolean;
23
+ withShadow?: boolean;
24
+ withoutStyle?: boolean;
25
+ withoutBootstrapStyles?: boolean;
26
+ withoutTheme?: boolean;
27
+ outline?: boolean;
28
+ asLink?: boolean;
29
+ className?: string | null;
30
+ iconClassName?: string | null;
31
+ labelClassName?: string | null;
32
+ onClick?: ((...args: unknown[]) => void) | null;
33
+ refButton?: ((...args: unknown[]) => void | {
34
+ current?: unknown;
35
+ }) | null;
36
+ }
37
+ declare function Button$2({ type, theme, size, href, external, direct, target, label, children, focusable, active, icon, iconPosition, disabled, loading, disableOnLoading, small, big, withShadow, withoutStyle, withoutBootstrapStyles, withoutTheme, asLink, outline, onClick, className, iconClassName, labelClassName, refButton, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
38
+
39
+ interface ButtonsProps {
40
+ buttons?: Button[];
41
+ size?: ButtonSize | null;
42
+ theme?: ButtonTheme;
43
+ renderButton?: ((...args: unknown[]) => void) | null;
44
+ onClickButton?: ((...args: unknown[]) => void) | null;
45
+ className?: string | null;
46
+ buttonClassName?: string | null;
47
+ }
48
+ declare function Buttons({ buttons, size, theme, renderButton, onClickButton, buttonClassName, className, }: ButtonsProps): react_jsx_runtime.JSX.Element;
49
+
50
+ interface BackButtonProps {
51
+ className?: string | null;
52
+ }
53
+ declare function BackButton({ className, ...props }: BackButtonProps): react_jsx_runtime.JSX.Element;
54
+
55
+ interface ClearButtonProps {
56
+ onClick?: ((...args: unknown[]) => void) | null;
57
+ className?: string | null;
58
+ }
59
+ declare function ClearButton({ onClick, className, ...props }: ClearButtonProps): react_jsx_runtime.JSX.Element;
60
+
61
+ interface FormProps {
62
+ action: string;
63
+ method?: string;
64
+ fields?: FormField[];
65
+ initialValue?: Record<string, unknown> | null;
66
+ postForm?: ((...args: unknown[]) => void) | null;
67
+ submitButtonLabel?: Label;
68
+ submitButtonLoadingLabel?: Label | null;
69
+ submitButtonTheme?: string | null;
70
+ cancelButtonTheme?: string | null;
71
+ buttons?: Button[] | null;
72
+ children?: React.ReactNode | null;
73
+ actionsAlign?: 'left' | 'right';
74
+ withoutActions?: boolean;
75
+ withoutComplete?: boolean;
76
+ withoutBackButton?: boolean;
77
+ onComplete?: ((...args: unknown[]) => void) | null;
78
+ onResponse?: ((...args: unknown[]) => void) | null;
79
+ onMessage?: ((...args: unknown[]) => void) | null;
80
+ onCancel?: ((...args: unknown[]) => void) | null;
81
+ onCancelHref?: string | null;
82
+ onOpenFieldForm?: ((...args: unknown[]) => void) | null;
83
+ onCloseFieldForm?: ((...args: unknown[]) => void) | null;
84
+ className?: string | null;
85
+ fieldsClassName?: string | null;
86
+ actionsClassName?: string | null;
87
+ cancelClassName?: string | null;
88
+ }
89
+ declare function Form({ action, method, fields: initialFields, initialValue, postForm, submitButtonLabel, submitButtonLoadingLabel, submitButtonTheme, cancelButtonTheme, buttons, children, actionsAlign, withoutActions, withoutComplete, withoutBackButton, onComplete, onResponse, onMessage, onCancel, onCancelHref, onOpenFieldForm, onCloseFieldForm, className, fieldsClassName, actionsClassName, cancelClassName, }: FormProps): react_jsx_runtime.JSX.Element;
90
+
91
+ interface FormPanelProps {
92
+ description?: React.ReactNode | null;
93
+ loading?: boolean;
94
+ children?: React.ReactNode | null;
95
+ className?: string | null;
96
+ }
97
+ declare function FormPanel({ description, loading, children, className, ...props }: FormPanelProps): react_jsx_runtime.JSX.Element;
98
+
99
+ interface FieldFormProps {
100
+ name?: string | null;
101
+ value?: Component | null;
102
+ form?: string | null;
103
+ formComponents?: Record<string, Component>;
104
+ fields?: Field[];
105
+ className?: string | null;
106
+ onChange?: ((...args: unknown[]) => void) | null;
107
+ gotoFieldForm: (...args: unknown[]) => void;
108
+ closeFieldForm: (...args: unknown[]) => void;
109
+ fieldContext?: unknown | null;
110
+ }
111
+ declare function FieldForm({ name, value, form, formComponents, fields, className, onChange, gotoFieldForm, closeFieldForm, fieldContext, }: FieldFormProps): react_jsx_runtime.JSX.Element;
112
+
113
+ interface ArrowIconProps {
114
+ className?: string | null;
115
+ color?: string;
116
+ }
117
+ declare function ArrowIcon({ color, className }: ArrowIconProps): react_jsx_runtime.JSX.Element;
118
+
119
+ interface CloseIconProps {
120
+ className?: string | null;
121
+ color?: string;
122
+ }
123
+ declare function CloseIcon({ color, className }: CloseIconProps): react_jsx_runtime.JSX.Element;
124
+
125
+ interface FullscreenIconProps {
126
+ className?: string | null;
127
+ color?: string;
128
+ }
129
+ declare function FullscreenIcon({ color, className }: FullscreenIconProps): react_jsx_runtime.JSX.Element;
130
+
131
+ interface LinkIconProps {
132
+ className?: string | null;
133
+ color?: string;
134
+ }
135
+ declare function LinkIcon({ color, className }: LinkIconProps): react_jsx_runtime.JSX.Element;
136
+
137
+ interface MuteIconProps {
138
+ className?: string | null;
139
+ color?: string;
140
+ }
141
+ declare function MuteIcon({ color, className }: MuteIconProps): react_jsx_runtime.JSX.Element;
142
+
143
+ interface PauseIconProps {
144
+ className?: string | null;
145
+ color?: string;
146
+ }
147
+ declare function PauseIcon({ color, className }: PauseIconProps): react_jsx_runtime.JSX.Element;
148
+
149
+ interface PlayIconProps {
150
+ className?: string | null;
151
+ color?: string;
152
+ }
153
+ declare function PlayIcon({ color, className }: PlayIconProps): react_jsx_runtime.JSX.Element;
154
+
155
+ interface UnmuteIconProps {
156
+ className?: string | null;
157
+ color?: string;
158
+ }
159
+ declare function UnmuteIcon({ color, className }: UnmuteIconProps): react_jsx_runtime.JSX.Element;
160
+
161
+ interface BreadcrumbProps {
162
+ items?: MenuItem[];
163
+ theme?: BootstrapTheme | null;
164
+ separator?: null | 'arrow';
165
+ withoutBar?: boolean;
166
+ noWrap?: boolean;
167
+ className?: string | null;
168
+ }
169
+ declare function Breadcrumb({ items, theme, separator, withoutBar, noWrap, className, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
170
+
171
+ interface DropdownProps {
172
+ items?: MenuItem[];
173
+ children?: React.ReactNode | null;
174
+ visible?: boolean;
175
+ align?: DropdownAlign | null;
176
+ className?: string | null;
177
+ itemClassName?: string | null;
178
+ onClickItem?: ((...args: unknown[]) => void) | null;
179
+ onClickOutside?: ((...args: unknown[]) => void) | null;
180
+ }
181
+ declare function Dropdown({ items, children, visible, align, className, itemClassName, onClickItem, onClickOutside, }: DropdownProps): react_jsx_runtime.JSX.Element;
182
+
183
+ interface MenuProps {
184
+ items?: MenuItem[];
185
+ tagName?: string;
186
+ itemTagName?: string;
187
+ children?: React.ReactNode | null;
188
+ linkAsItem?: boolean;
189
+ className?: string | null;
190
+ itemClassName?: string | null;
191
+ linkClassName?: string | null;
192
+ hasSubMenuClassName?: string | null;
193
+ subMenuClassName?: string | null;
194
+ subMenuItemClassName?: string | null;
195
+ subMenuLinkClassName?: string | null;
196
+ hasDropdownClassName?: string | null;
197
+ dropdownClassName?: string | null;
198
+ dropdownItemClassName?: string | null;
199
+ dropdownLinkClassName?: string | null;
200
+ dropdownAlign?: DropdownAlign | null;
201
+ }
202
+ declare function Menu({ items, tagName, itemTagName, children, linkAsItem, className, itemClassName, linkClassName, hasSubMenuClassName, subMenuClassName, subMenuItemClassName, subMenuLinkClassName, hasDropdownClassName, dropdownClassName, dropdownItemClassName, dropdownLinkClassName, dropdownAlign, }: MenuProps): react_jsx_runtime.JSX.Element;
203
+
204
+ interface NavbarProps {
205
+ brand?: React.ReactNode | null;
206
+ brandLink?: string | null;
207
+ breadcrumbs?: React.ReactNode | null;
208
+ theme?: 'light' | 'dark' | 'primary' | null;
209
+ size?: 'sm' | 'md' | 'lg';
210
+ compact?: boolean;
211
+ noWrap?: boolean;
212
+ withoutCollapse?: boolean;
213
+ withoutCollapseToggle?: boolean;
214
+ children?: React.ReactNode | null;
215
+ className?: string | null;
216
+ brandClassName?: string | null;
217
+ breadCrumbsClassName?: string | null;
218
+ collapseClassName?: string | null;
219
+ }
220
+ declare function Navbar({ brand, brandLink, breadcrumbs, theme, size, compact, noWrap, withoutCollapse, withoutCollapseToggle, children, className, brandClassName, breadCrumbsClassName, collapseClassName, }: NavbarProps): react_jsx_runtime.JSX.Element;
221
+
222
+ interface PaginationMenuProps {
223
+ page?: number;
224
+ lastPage?: number;
225
+ maxPages?: number;
226
+ total?: number;
227
+ url?: string | null;
228
+ query?: Record<string, unknown> | null;
229
+ withPreviousNext?: boolean;
230
+ className?: string | null;
231
+ paginationClassName?: string | null;
232
+ itemClassName?: string | null;
233
+ linkClassName?: string | null;
234
+ onClickPage?: ((...args: unknown[]) => void) | null;
235
+ }
236
+ declare function PaginationMenu({ page: parentPage, lastPage: parentLastPage, maxPages: parentMaxPages, total: parentTotal, url, query, withPreviousNext, className, paginationClassName, itemClassName, linkClassName, onClickPage, }: PaginationMenuProps): react_jsx_runtime.JSX.Element;
237
+
238
+ interface TabsMenuProps {
239
+ items?: MenuItem[];
240
+ size?: ButtonSize | null;
241
+ theme?: ButtonTheme;
242
+ renderItemButton?: ((...args: unknown[]) => void) | null;
243
+ buttonClassName?: string | null;
244
+ className?: string | null;
245
+ onClickItem?: ((...args: unknown[]) => void) | null;
246
+ }
247
+ declare function TabsMenu({ items, size, theme, renderItemButton, buttonClassName, className, onClickItem, }: TabsMenuProps): react_jsx_runtime.JSX.Element;
248
+
249
+ declare const _default$1: {
250
+ (props: any): react_jsx_runtime.JSX.Element;
251
+ displayName: string;
252
+ };
253
+
254
+ interface ModalProps {
255
+ id?: string | null;
256
+ title?: string | null;
257
+ position?: 'center' | 'top';
258
+ children?: React.ReactNode | null;
259
+ }
260
+ declare function Modal({ id, children, position, title }: ModalProps): react_jsx_runtime.JSX.Element;
261
+
262
+ interface ModalDialogProps {
263
+ title?: Label | null;
264
+ header?: React.ReactNode | null;
265
+ children?: React.ReactNode | null;
266
+ footer?: React.ReactNode | null;
267
+ size?: string | null;
268
+ buttons?: Button[] | null;
269
+ onClose?: ((...args: unknown[]) => void) | null;
270
+ className?: string | null;
271
+ bodyClassName?: string | null;
272
+ }
273
+ declare function ModalDialog({ title, header, children, buttons, footer, size, onClose, className, bodyClassName, }: ModalDialogProps): react_jsx_runtime.JSX.Element;
274
+
275
+ interface ModalPortalProps {
276
+ id?: string | null;
277
+ data?: Record<string, unknown> | null;
278
+ children?: React.ReactNode | null;
279
+ }
280
+ declare function ModalPortal({ id, data, children }: ModalPortalProps): react_jsx_runtime.JSX.Element;
281
+
282
+ declare const _default: {
283
+ (props: any): react_jsx_runtime.JSX.Element;
284
+ displayName: string;
285
+ };
286
+
287
+ interface PanelProps {
288
+ id?: string | null;
289
+ title?: string | null;
290
+ children?: React.ReactNode | null;
291
+ }
292
+ declare function Panel({ id, children, title }: PanelProps): react_jsx_runtime.JSX.Element;
293
+
294
+ interface PanelPortalProps {
295
+ id?: string | null;
296
+ data?: Record<string, unknown> | null;
297
+ children?: React.ReactNode | null;
298
+ }
299
+ declare function PanelPortal({ id, data, children }: PanelPortalProps): any;
300
+
301
+ interface CardProps {
302
+ href?: string | null;
303
+ header?: React.ReactNode | null;
304
+ image?: React.ReactNode | null;
305
+ imageAlt?: string | null;
306
+ imageOverlay?: boolean;
307
+ beforeBody?: React.ReactNode | null;
308
+ title?: Label | null;
309
+ subtitle?: Label | null;
310
+ children?: React.ReactNode | null;
311
+ afterBody?: React.ReactNode | null;
312
+ links?: {
313
+ label?: Label;
314
+ href?: string;
315
+ }[] | null;
316
+ linksInSameBody?: boolean;
317
+ footer?: React.ReactNode | null;
318
+ theme?: null | 'dark' | 'primary' | 'light';
319
+ className?: string | null;
320
+ imageClassName?: string | null;
321
+ headerClassName?: string | null;
322
+ titleClassName?: string | null;
323
+ subtitleClassName?: string | null;
324
+ bodyClassName?: string | null;
325
+ footerClassName?: string | null;
326
+ onClick?: ((...args: unknown[]) => void) | null;
327
+ onClickBody?: ((...args: unknown[]) => void) | null;
328
+ onClickFooter?: ((...args: unknown[]) => void) | null;
329
+ }
330
+ declare function Card({ href, header, image, imageAlt, imageOverlay, beforeBody, title, subtitle, children, afterBody, links, linksInSameBody, footer, theme, className, imageClassName, headerClassName, titleClassName, subtitleClassName, bodyClassName, footerClassName, onClick, onClickBody, onClickFooter, }: CardProps): react_jsx_runtime.JSX.Element;
331
+
332
+ interface CollapsablePanelProps {
333
+ title?: React.ReactNode | null;
334
+ children?: React.ReactNode | null;
335
+ className?: string | null;
336
+ topClassName?: string | null;
337
+ contentClassName?: string | null;
338
+ openedClassName?: string | null;
339
+ buttonClassName?: string | null;
340
+ }
341
+ declare function CollapsablePanel({ title, children, className, topClassName, contentClassName, openedClassName, buttonClassName, }: CollapsablePanelProps): react_jsx_runtime.JSX.Element;
342
+
343
+ interface CloseProps {
344
+ stroke?: string;
345
+ border?: string;
346
+ fill?: string;
347
+ className?: string | null;
348
+ }
349
+ declare function Close({ stroke, border, fill, className, }: CloseProps): react_jsx_runtime.JSX.Element;
350
+
351
+ interface DateProps {
352
+ date?: string | null;
353
+ withTime?: boolean;
354
+ timeSeparator?: React.ReactNode;
355
+ }
356
+ declare function Date({ date, withTime, timeSeparator }: DateProps): react_jsx_runtime.JSX.Element;
357
+
358
+ interface DetectorProps {
359
+ throttleDelay?: number | null;
360
+ threshold?: number[];
361
+ onEnter?: ((...args: unknown[]) => void) | null;
362
+ onLeave?: ((...args: unknown[]) => void) | null;
363
+ onChange?: ((...args: unknown[]) => void) | null;
364
+ disabled?: boolean;
365
+ children?: React.ReactNode | null;
366
+ className?: string | null;
367
+ }
368
+ declare function Detector({ throttleDelay, threshold, onEnter, onLeave, onChange, disabled, children, className, }: DetectorProps): react_jsx_runtime.JSX.Element;
369
+
370
+ interface ElementComponentProps {
371
+ name: string;
372
+ components: Record<string, unknown>;
373
+ props?: Record<string, unknown>;
374
+ isPlaceholder?: boolean;
375
+ className?: string | null;
376
+ placeholderProps?: Record<string, unknown> | null;
377
+ }
378
+ declare function ElementComponent({ name, components, props, isPlaceholder, className, placeholderProps, }: ElementComponentProps): react_jsx_runtime.JSX.Element | "Bad component name" | "Bad component";
379
+
380
+ interface EmptyProps {
381
+ children?: React.ReactNode | null;
382
+ withoutBorder?: boolean;
383
+ light?: boolean;
384
+ className?: string | null;
385
+ }
386
+ declare function Empty({ children, withoutBorder, light, className, }: EmptyProps): react_jsx_runtime.JSX.Element;
387
+
388
+ interface FontFacesProps {
389
+ fonts?: Font[];
390
+ formats?: (string | {
391
+ name?: string;
392
+ format?: string;
393
+ })[];
394
+ }
395
+ declare function FontFaces({ fonts, formats, }: FontFacesProps): react_jsx_runtime.JSX.Element;
396
+
397
+ interface LabelProps {
398
+ children: Label$1;
399
+ isHtml?: boolean;
400
+ values?: Record<string, unknown>;
401
+ }
402
+ declare function Label$1({ children, isHtml, values }: LabelProps): any;
403
+
404
+ interface LinkProps {
405
+ href?: string;
406
+ external?: boolean;
407
+ target?: string;
408
+ children?: Label | null;
409
+ rel?: string;
410
+ withoutStyle?: boolean;
411
+ className?: string | null;
412
+ }
413
+ declare function Link({ href, external, children, target, rel, className, withoutStyle, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
414
+
415
+ interface MediaProps {
416
+ thumbnail?: React.ReactNode | null;
417
+ thumbnailAlign?: 'top' | 'center' | 'bottom';
418
+ children?: React.ReactNode | null;
419
+ title?: Label | null;
420
+ className?: string | null;
421
+ thumbnailClassName?: string | null;
422
+ bodyClassName?: string | null;
423
+ titleClassName?: string | null;
424
+ }
425
+ declare function Media({ thumbnail, thumbnailAlign, children, title, className, thumbnailClassName, bodyClassName, titleClassName, }: MediaProps): react_jsx_runtime.JSX.Element;
426
+
427
+ interface MetaProps {
428
+ title?: string | null;
429
+ url?: string | null;
430
+ metadata?: unknown | null;
431
+ fullTitle?: string | null;
432
+ suffix?: string;
433
+ children?: React.ReactNode | null;
434
+ }
435
+ declare function Meta({ title, url, metadata, fullTitle, suffix, children, }: MetaProps): react_jsx_runtime.JSX.Element;
436
+
437
+ interface SlideshowProps {
438
+ items?: React.ReactNode[];
439
+ auto?: boolean;
440
+ delay?: number;
441
+ width?: string | number | null;
442
+ height?: string | number | null;
443
+ className?: string | null;
444
+ children?: React.ReactNode | null;
445
+ }
446
+ declare function Slideshow({ items, auto, delay, width, height, className, children, }: SlideshowProps): react_jsx_runtime.JSX.Element;
447
+
448
+ interface SpinnerProps {
449
+ animated?: boolean;
450
+ color?: string;
451
+ strokeWidth?: number;
452
+ className?: string | null;
453
+ }
454
+ declare function Spinner({ animated, color, strokeWidth, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
455
+
456
+ declare function AdFrame({ width, height, className }: {
457
+ width: any;
458
+ height: any;
459
+ className: any;
460
+ }): react_jsx_runtime.JSX.Element;
461
+
462
+ declare function AdImage({ width, height, className }: {
463
+ width: any;
464
+ height: any;
465
+ className: any;
466
+ }): react_jsx_runtime.JSX.Element;
467
+
468
+ declare function Audio({ width, height, className }: {
469
+ width?: string;
470
+ height?: string;
471
+ className: any;
472
+ }): react_jsx_runtime.JSX.Element;
473
+
474
+ declare function Button$1({ width, height, className }: {
475
+ width?: string;
476
+ height?: string;
477
+ className: any;
478
+ }): react_jsx_runtime.JSX.Element;
479
+
480
+ declare function Image({ width, height, className, ...props }: {
481
+ [x: string]: any;
482
+ width: any;
483
+ height: any;
484
+ className: any;
485
+ }): react_jsx_runtime.JSX.Element;
486
+
487
+ declare function Line(props: any): react_jsx_runtime.JSX.Element;
488
+
489
+ declare function Map(props: any): react_jsx_runtime.JSX.Element;
490
+
491
+ declare function MapPath(props: any): react_jsx_runtime.JSX.Element;
492
+
493
+ declare function Quote(props: any): react_jsx_runtime.JSX.Element;
494
+
495
+ declare function ShortText(props: any): react_jsx_runtime.JSX.Element;
496
+
497
+ declare function Subtitle(props: any): react_jsx_runtime.JSX.Element;
498
+
499
+ declare function TextPlaceholder(props: any): react_jsx_runtime.JSX.Element;
500
+
501
+ declare function Timeline(props: any): react_jsx_runtime.JSX.Element;
502
+
503
+ declare function Title(props: any): react_jsx_runtime.JSX.Element;
504
+
505
+ declare function Video({ width, height, className }: {
506
+ width: any;
507
+ height: any;
508
+ className: any;
509
+ }): react_jsx_runtime.JSX.Element;
510
+
511
+ declare function Video360({ width, height, className }: {
512
+ width: any;
513
+ height: any;
514
+ className: any;
515
+ }): react_jsx_runtime.JSX.Element;
516
+
517
+ declare function VideoLoop({ width, height, className }: {
518
+ width: any;
519
+ height: any;
520
+ className: any;
521
+ }): react_jsx_runtime.JSX.Element;
522
+
523
+ interface ScreenSizerProps {
524
+ width?: number | null;
525
+ height?: number | null;
526
+ fit?: null | 'cover' | 'contain';
527
+ screenWidth?: number;
528
+ screenHeight?: number;
529
+ className?: string | null;
530
+ children: React.ReactNode;
531
+ }
532
+ declare function ScreenSizer({ width, height, fit, screenWidth, screenHeight, className, children, }: ScreenSizerProps): react_jsx_runtime.JSX.Element;
533
+
534
+ interface ScreenProps {
535
+ screen: StoryComponent;
536
+ renderContext?: RenderContext | null;
537
+ screenState?: string | null;
538
+ index?: number | null;
539
+ active?: boolean;
540
+ preload?: boolean;
541
+ current?: boolean;
542
+ component?: React.ReactNode | null;
543
+ components?: Record<string, Component> | null;
544
+ className?: string | null;
545
+ mediaRef?: ((...args: unknown[]) => void) | null;
546
+ }
547
+ declare function Screen({ screen, renderContext, screenState, index, active, current, preload, components, component, className, mediaRef, }: ScreenProps): react_jsx_runtime.JSX.Element;
548
+
549
+ interface ScreenPlaceholderProps {
550
+ screen: Component;
551
+ layout?: string;
552
+ screenWidth?: number;
553
+ screenHeight?: number;
554
+ screenState?: string | null;
555
+ withSize?: boolean;
556
+ className?: string | null;
557
+ }
558
+ declare function ScreenPlaceholder({ screen, layout, screenWidth, screenHeight, screenState, withSize, className, ...props }: ScreenPlaceholderProps): react_jsx_runtime.JSX.Element;
559
+
560
+ interface ScreenPreviewProps {
561
+ screen: Component;
562
+ screenState?: string | null;
563
+ width?: number;
564
+ height?: number;
565
+ screenWidth?: number;
566
+ screenHeight?: number;
567
+ className?: string | null;
568
+ withSize?: boolean;
569
+ hidden?: boolean;
570
+ }
571
+ declare function ScreenPreview({ screen, screenState, width, height, screenWidth, screenHeight, className, withSize, fit, hidden, ...props }: ScreenPreviewProps): react_jsx_runtime.JSX.Element;
572
+
573
+ interface ScreenElementProps {
574
+ children?: React.ReactNode | null;
575
+ placeholder?: string | React.ReactNode | null;
576
+ preview?: React.ReactNode | null;
577
+ empty?: React.ReactNode | null;
578
+ emptyLabel?: Label | null;
579
+ isEmpty?: boolean;
580
+ placeholderProps?: Record<string, unknown> | null;
581
+ emptyClassName?: string | null;
582
+ }
583
+ declare function ScreenElement({ children, placeholder, empty, emptyLabel, preview, isEmpty, placeholderProps, emptyClassName, }: ScreenElementProps): any;
584
+
585
+ interface ScreensProps {
586
+ screens: StoryComponent[];
587
+ screen?: string | null;
588
+ className?: string | null;
589
+ }
590
+ declare function Screens({ screens, screen: screenId, className }: ScreensProps): react_jsx_runtime.JSX.Element;
591
+
592
+ interface TransitionsProps {
593
+ fullscreen?: boolean;
594
+ playing?: boolean;
595
+ delay?: number;
596
+ transitions?: Transitions$1 | null;
597
+ onComplete?: ((...args: unknown[]) => void) | null;
598
+ disabled?: boolean;
599
+ children?: React.ReactNode | null;
600
+ }
601
+ declare function Transitions$1({ fullscreen, playing, delay, transitions, onComplete, disabled, children, }: TransitionsProps): any;
602
+
603
+ interface TransitionsStaggerProps {
604
+ transitions?: Transitions | null;
605
+ stagger?: number;
606
+ playing?: boolean;
607
+ disabled?: boolean;
608
+ delay?: number;
609
+ fullscreen?: boolean;
610
+ children?: React.ReactNode | null;
611
+ }
612
+ declare function TransitionsStagger({ transitions, stagger, playing, disabled, delay, fullscreen, children, }: TransitionsStaggerProps): any;
613
+
614
+ interface HighlightStyleProps {
615
+ selector?: string | null;
616
+ highlightSelector?: string;
617
+ style?: Record<string, string | number> | null;
618
+ }
619
+ declare function HighlightStyle({ selector, highlightSelector, style, }: HighlightStyleProps): react_jsx_runtime.JSX.Element;
620
+
621
+ interface LinkStyleProps {
622
+ selector?: string | null;
623
+ linkSelector?: string;
624
+ style?: Record<string, string | number> | null;
625
+ }
626
+ declare function LinkStyle({ selector, linkSelector, style }: LinkStyleProps): react_jsx_runtime.JSX.Element;
627
+
628
+ export { ArrowIcon, BackButton, Breadcrumb, Button$2 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label$1 as Label, Link, LinkIcon, LinkStyle, Media, Menu, Meta, Modal, ModalDialog, ModalPortal, _default$1 as Modals, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, _default as Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button$1 as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen, ScreenElement, ScreenPlaceholder, ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions$1 as Transitions, TransitionsStagger, UnmuteIcon };