@ionic/react 9.0.11-nightly.20261109 → 9.0.11-nightly.20261110

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 (4) hide show
  1. package/dist/index.js +119 -97
  2. package/dist/index.js.map +1 -1
  3. package/dist/types/components/components.d.ts +75 -79
  4. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -3,8 +3,8 @@ import React, { useContext, useRef, useEffect, createElement, useState, useMemo,
3
3
  import { getPlatforms as getPlatforms$1, isPlatform as isPlatform$1, componentOnReady, createAnimation, actionSheetController, alertController, toastController, modalController, popoverController, loadingController, initialize } from '@ionic/core/components';
4
4
  export { IonicSafeString, IonicSlides, LogLevel, createAnimation, createGesture, getIonPageElement, getTimeGivenProgression, iosTransitionAnimation, mdTransitionAnimation, openURL } from '@ionic/core/components';
5
5
  import { createComponent } from '@stencil/react-output-target/runtime';
6
- import { defineCustomElement as defineCustomElement$3, IonAccordionGroup as IonAccordionGroup$1 } from '@ionic/core/components/ion-accordion-group.js';
7
6
  import { defineCustomElement as defineCustomElement$2, IonAccordion as IonAccordion$1 } from '@ionic/core/components/ion-accordion.js';
7
+ import { defineCustomElement as defineCustomElement$3, IonAccordionGroup as IonAccordionGroup$1 } from '@ionic/core/components/ion-accordion-group.js';
8
8
  import { defineCustomElement as defineCustomElement$4, IonAvatar as IonAvatar$1 } from '@ionic/core/components/ion-avatar.js';
9
9
  import { defineCustomElement as defineCustomElement$5, IonBackdrop as IonBackdrop$1 } from '@ionic/core/components/ion-backdrop.js';
10
10
  import { defineCustomElement as defineCustomElement$6, IonBadge as IonBadge$1 } from '@ionic/core/components/ion-badge.js';
@@ -18,53 +18,53 @@ import { defineCustomElement as defineCustomElement$d, IonCheckbox as IonCheckbo
18
18
  import { defineCustomElement as defineCustomElement$e, IonChip as IonChip$1 } from '@ionic/core/components/ion-chip.js';
19
19
  import { defineCustomElement as defineCustomElement$f, IonCol as IonCol$1 } from '@ionic/core/components/ion-col.js';
20
20
  import { defineCustomElement as defineCustomElement$g, IonContent as IonContent$1 } from '@ionic/core/components/ion-content.js';
21
- import { defineCustomElement as defineCustomElement$i, IonDatetimeButton as IonDatetimeButton$1 } from '@ionic/core/components/ion-datetime-button.js';
22
21
  import { defineCustomElement as defineCustomElement$h, IonDatetime as IonDatetime$1 } from '@ionic/core/components/ion-datetime.js';
23
- import { defineCustomElement as defineCustomElement$k, IonFabList as IonFabList$1 } from '@ionic/core/components/ion-fab-list.js';
22
+ import { defineCustomElement as defineCustomElement$i, IonDatetimeButton as IonDatetimeButton$1 } from '@ionic/core/components/ion-datetime-button.js';
24
23
  import { defineCustomElement as defineCustomElement$j, IonFab as IonFab$1 } from '@ionic/core/components/ion-fab.js';
24
+ import { defineCustomElement as defineCustomElement$k, IonFabList as IonFabList$1 } from '@ionic/core/components/ion-fab-list.js';
25
25
  import { defineCustomElement as defineCustomElement$l, IonFooter as IonFooter$1 } from '@ionic/core/components/ion-footer.js';
26
26
  import { defineCustomElement as defineCustomElement$m, IonGrid as IonGrid$1 } from '@ionic/core/components/ion-grid.js';
27
27
  import { defineCustomElement as defineCustomElement$n, IonHeader as IonHeader$1 } from '@ionic/core/components/ion-header.js';
28
28
  import { defineCustomElement as defineCustomElement$o, IonImg as IonImg$1 } from '@ionic/core/components/ion-img.js';
29
- import { defineCustomElement as defineCustomElement$q, IonInfiniteScrollContent as IonInfiniteScrollContent$1 } from '@ionic/core/components/ion-infinite-scroll-content.js';
30
29
  import { defineCustomElement as defineCustomElement$p, IonInfiniteScroll as IonInfiniteScroll$1 } from '@ionic/core/components/ion-infinite-scroll.js';
30
+ import { defineCustomElement as defineCustomElement$q, IonInfiniteScrollContent as IonInfiniteScrollContent$1 } from '@ionic/core/components/ion-infinite-scroll-content.js';
31
+ import { defineCustomElement as defineCustomElement$r, IonInput as IonInput$1 } from '@ionic/core/components/ion-input.js';
31
32
  import { defineCustomElement as defineCustomElement$s, IonInputOtp as IonInputOtp$1 } from '@ionic/core/components/ion-input-otp.js';
32
33
  import { defineCustomElement as defineCustomElement$t, IonInputPasswordToggle as IonInputPasswordToggle$1 } from '@ionic/core/components/ion-input-password-toggle.js';
33
- import { defineCustomElement as defineCustomElement$r, IonInput as IonInput$1 } from '@ionic/core/components/ion-input.js';
34
34
  import { defineCustomElement as defineCustomElement$u, IonItemDivider as IonItemDivider$1 } from '@ionic/core/components/ion-item-divider.js';
35
35
  import { defineCustomElement as defineCustomElement$v, IonItemGroup as IonItemGroup$1 } from '@ionic/core/components/ion-item-group.js';
36
36
  import { defineCustomElement as defineCustomElement$w, IonItemOptions as IonItemOptions$1 } from '@ionic/core/components/ion-item-options.js';
37
37
  import { defineCustomElement as defineCustomElement$x, IonItemSliding as IonItemSliding$1 } from '@ionic/core/components/ion-item-sliding.js';
38
38
  import { defineCustomElement as defineCustomElement$y, IonLabel as IonLabel$1 } from '@ionic/core/components/ion-label.js';
39
- import { defineCustomElement as defineCustomElement$A, IonListHeader as IonListHeader$1 } from '@ionic/core/components/ion-list-header.js';
40
39
  import { defineCustomElement as defineCustomElement$z, IonList as IonList$1 } from '@ionic/core/components/ion-list.js';
40
+ import { defineCustomElement as defineCustomElement$A, IonListHeader as IonListHeader$1 } from '@ionic/core/components/ion-list-header.js';
41
+ import { defineCustomElement as defineCustomElement$B, IonMenu as IonMenu$1 } from '@ionic/core/components/ion-menu.js';
41
42
  import { defineCustomElement as defineCustomElement$C, IonMenuButton as IonMenuButton$1 } from '@ionic/core/components/ion-menu-button.js';
42
43
  import { defineCustomElement as defineCustomElement$D, IonMenuToggle as IonMenuToggle$1 } from '@ionic/core/components/ion-menu-toggle.js';
43
- import { defineCustomElement as defineCustomElement$B, IonMenu as IonMenu$1 } from '@ionic/core/components/ion-menu.js';
44
- import { defineCustomElement as defineCustomElement$E, IonNavLink as IonNavLink$1 } from '@ionic/core/components/ion-nav-link.js';
45
44
  import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-nav.js';
45
+ import { defineCustomElement as defineCustomElement$E, IonNavLink as IonNavLink$1 } from '@ionic/core/components/ion-nav-link.js';
46
46
  import { defineCustomElement as defineCustomElement$F, IonNote as IonNote$1 } from '@ionic/core/components/ion-note.js';
47
- import { defineCustomElement as defineCustomElement$I, IonPickerColumnOption as IonPickerColumnOption$1 } from '@ionic/core/components/ion-picker-column-option.js';
48
- import { defineCustomElement as defineCustomElement$H, IonPickerColumn as IonPickerColumn$1 } from '@ionic/core/components/ion-picker-column.js';
49
47
  import { defineCustomElement as defineCustomElement$G, IonPicker as IonPicker$1 } from '@ionic/core/components/ion-picker.js';
48
+ import { defineCustomElement as defineCustomElement$H, IonPickerColumn as IonPickerColumn$1 } from '@ionic/core/components/ion-picker-column.js';
49
+ import { defineCustomElement as defineCustomElement$I, IonPickerColumnOption as IonPickerColumnOption$1 } from '@ionic/core/components/ion-picker-column-option.js';
50
50
  import { defineCustomElement as defineCustomElement$J, IonProgressBar as IonProgressBar$1 } from '@ionic/core/components/ion-progress-bar.js';
51
- import { defineCustomElement as defineCustomElement$L, IonRadioGroup as IonRadioGroup$1 } from '@ionic/core/components/ion-radio-group.js';
52
51
  import { defineCustomElement as defineCustomElement$K, IonRadio as IonRadio$1 } from '@ionic/core/components/ion-radio.js';
52
+ import { defineCustomElement as defineCustomElement$L, IonRadioGroup as IonRadioGroup$1 } from '@ionic/core/components/ion-radio-group.js';
53
53
  import { defineCustomElement as defineCustomElement$M, IonRange as IonRange$1 } from '@ionic/core/components/ion-range.js';
54
- import { defineCustomElement as defineCustomElement$O, IonRefresherContent as IonRefresherContent$1 } from '@ionic/core/components/ion-refresher-content.js';
55
54
  import { defineCustomElement as defineCustomElement$N, IonRefresher as IonRefresher$1 } from '@ionic/core/components/ion-refresher.js';
56
- import { defineCustomElement as defineCustomElement$Q, IonReorderGroup as IonReorderGroup$1 } from '@ionic/core/components/ion-reorder-group.js';
55
+ import { defineCustomElement as defineCustomElement$O, IonRefresherContent as IonRefresherContent$1 } from '@ionic/core/components/ion-refresher-content.js';
57
56
  import { defineCustomElement as defineCustomElement$P, IonReorder as IonReorder$1 } from '@ionic/core/components/ion-reorder.js';
57
+ import { defineCustomElement as defineCustomElement$Q, IonReorderGroup as IonReorderGroup$1 } from '@ionic/core/components/ion-reorder-group.js';
58
58
  import { defineCustomElement as defineCustomElement$R, IonRippleEffect as IonRippleEffect$1 } from '@ionic/core/components/ion-ripple-effect.js';
59
59
  import { defineCustomElement as defineCustomElement$S, IonRow as IonRow$1 } from '@ionic/core/components/ion-row.js';
60
60
  import { defineCustomElement as defineCustomElement$T, IonSearchbar as IonSearchbar$1 } from '@ionic/core/components/ion-searchbar.js';
61
+ import { defineCustomElement as defineCustomElement$U, IonSegment as IonSegment$1 } from '@ionic/core/components/ion-segment.js';
61
62
  import { defineCustomElement as defineCustomElement$V, IonSegmentButton as IonSegmentButton$1 } from '@ionic/core/components/ion-segment-button.js';
62
63
  import { defineCustomElement as defineCustomElement$W, IonSegmentContent as IonSegmentContent$1 } from '@ionic/core/components/ion-segment-content.js';
63
64
  import { defineCustomElement as defineCustomElement$X, IonSegmentView as IonSegmentView$1 } from '@ionic/core/components/ion-segment-view.js';
64
- import { defineCustomElement as defineCustomElement$U, IonSegment as IonSegment$1 } from '@ionic/core/components/ion-segment.js';
65
+ import { defineCustomElement as defineCustomElement$Y, IonSelect as IonSelect$1 } from '@ionic/core/components/ion-select.js';
65
66
  import { defineCustomElement as defineCustomElement$Z, IonSelectModal as IonSelectModal$1 } from '@ionic/core/components/ion-select-modal.js';
66
67
  import { defineCustomElement as defineCustomElement$_, IonSelectOption as IonSelectOption$1 } from '@ionic/core/components/ion-select-option.js';
67
- import { defineCustomElement as defineCustomElement$Y, IonSelect as IonSelect$1 } from '@ionic/core/components/ion-select.js';
68
68
  import { defineCustomElement as defineCustomElement$$, IonSkeletonText as IonSkeletonText$1 } from '@ionic/core/components/ion-skeleton-text.js';
69
69
  import { defineCustomElement as defineCustomElement$10, IonSpinner as IonSpinner$1 } from '@ionic/core/components/ion-spinner.js';
70
70
  import { defineCustomElement as defineCustomElement$11, IonSplitPane as IonSplitPane$1 } from '@ionic/core/components/ion-split-pane.js';
@@ -417,15 +417,17 @@ const IonAccordion = /*@__PURE__*/ createComponent({
417
417
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
418
418
  react: React,
419
419
  events: {},
420
- defineCustomElement: defineCustomElement$2
420
+ defineCustomElement: defineCustomElement$2,
421
421
  });
422
422
  const IonAccordionGroup = /*@__PURE__*/ createComponent({
423
423
  tagName: 'ion-accordion-group',
424
424
  elementClass: IonAccordionGroup$1,
425
425
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
426
426
  react: React,
427
- events: { onIonChange: 'ionChange' },
428
- defineCustomElement: defineCustomElement$3
427
+ events: {
428
+ onIonChange: 'ionChange'
429
+ },
430
+ defineCustomElement: defineCustomElement$3,
429
431
  });
430
432
  const IonAvatar = /*@__PURE__*/ createComponent({
431
433
  tagName: 'ion-avatar',
@@ -433,15 +435,17 @@ const IonAvatar = /*@__PURE__*/ createComponent({
433
435
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
434
436
  react: React,
435
437
  events: {},
436
- defineCustomElement: defineCustomElement$4
438
+ defineCustomElement: defineCustomElement$4,
437
439
  });
438
440
  const IonBackdrop = /*@__PURE__*/ createComponent({
439
441
  tagName: 'ion-backdrop',
440
442
  elementClass: IonBackdrop$1,
441
443
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
442
444
  react: React,
443
- events: { onIonBackdropTap: 'ionBackdropTap' },
444
- defineCustomElement: defineCustomElement$5
445
+ events: {
446
+ onIonBackdropTap: 'ionBackdropTap'
447
+ },
448
+ defineCustomElement: defineCustomElement$5,
445
449
  });
446
450
  const IonBadge = /*@__PURE__*/ createComponent({
447
451
  tagName: 'ion-badge',
@@ -449,15 +453,17 @@ const IonBadge = /*@__PURE__*/ createComponent({
449
453
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
450
454
  react: React,
451
455
  events: {},
452
- defineCustomElement: defineCustomElement$6
456
+ defineCustomElement: defineCustomElement$6,
453
457
  });
454
458
  const IonBreadcrumbs = /*@__PURE__*/ createComponent({
455
459
  tagName: 'ion-breadcrumbs',
456
460
  elementClass: IonBreadcrumbs$1,
457
461
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
458
462
  react: React,
459
- events: { onIonCollapsedClick: 'ionCollapsedClick' },
460
- defineCustomElement: defineCustomElement$7
463
+ events: {
464
+ onIonCollapsedClick: 'ionCollapsedClick'
465
+ },
466
+ defineCustomElement: defineCustomElement$7,
461
467
  });
462
468
  const IonButtons = /*@__PURE__*/ createComponent({
463
469
  tagName: 'ion-buttons',
@@ -465,7 +471,7 @@ const IonButtons = /*@__PURE__*/ createComponent({
465
471
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
466
472
  react: React,
467
473
  events: {},
468
- defineCustomElement: defineCustomElement$8
474
+ defineCustomElement: defineCustomElement$8,
469
475
  });
470
476
  const IonCardContent = /*@__PURE__*/ createComponent({
471
477
  tagName: 'ion-card-content',
@@ -473,7 +479,7 @@ const IonCardContent = /*@__PURE__*/ createComponent({
473
479
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
474
480
  react: React,
475
481
  events: {},
476
- defineCustomElement: defineCustomElement$9
482
+ defineCustomElement: defineCustomElement$9,
477
483
  });
478
484
  const IonCardHeader = /*@__PURE__*/ createComponent({
479
485
  tagName: 'ion-card-header',
@@ -481,7 +487,7 @@ const IonCardHeader = /*@__PURE__*/ createComponent({
481
487
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
482
488
  react: React,
483
489
  events: {},
484
- defineCustomElement: defineCustomElement$a
490
+ defineCustomElement: defineCustomElement$a,
485
491
  });
486
492
  const IonCardSubtitle = /*@__PURE__*/ createComponent({
487
493
  tagName: 'ion-card-subtitle',
@@ -489,7 +495,7 @@ const IonCardSubtitle = /*@__PURE__*/ createComponent({
489
495
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
490
496
  react: React,
491
497
  events: {},
492
- defineCustomElement: defineCustomElement$b
498
+ defineCustomElement: defineCustomElement$b,
493
499
  });
494
500
  const IonCardTitle = /*@__PURE__*/ createComponent({
495
501
  tagName: 'ion-card-title',
@@ -497,7 +503,7 @@ const IonCardTitle = /*@__PURE__*/ createComponent({
497
503
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
498
504
  react: React,
499
505
  events: {},
500
- defineCustomElement: defineCustomElement$c
506
+ defineCustomElement: defineCustomElement$c,
501
507
  });
502
508
  const IonCheckbox = /*@__PURE__*/ createComponent({
503
509
  tagName: 'ion-checkbox',
@@ -509,7 +515,7 @@ const IonCheckbox = /*@__PURE__*/ createComponent({
509
515
  onIonFocus: 'ionFocus',
510
516
  onIonBlur: 'ionBlur'
511
517
  },
512
- defineCustomElement: defineCustomElement$d
518
+ defineCustomElement: defineCustomElement$d,
513
519
  });
514
520
  const IonChip = /*@__PURE__*/ createComponent({
515
521
  tagName: 'ion-chip',
@@ -517,7 +523,7 @@ const IonChip = /*@__PURE__*/ createComponent({
517
523
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
518
524
  react: React,
519
525
  events: {},
520
- defineCustomElement: defineCustomElement$e
526
+ defineCustomElement: defineCustomElement$e,
521
527
  });
522
528
  const IonCol = /*@__PURE__*/ createComponent({
523
529
  tagName: 'ion-col',
@@ -525,7 +531,7 @@ const IonCol = /*@__PURE__*/ createComponent({
525
531
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
526
532
  react: React,
527
533
  events: {},
528
- defineCustomElement: defineCustomElement$f
534
+ defineCustomElement: defineCustomElement$f,
529
535
  });
530
536
  const IonContent = /*@__PURE__*/ createComponent({
531
537
  tagName: 'ion-content',
@@ -537,7 +543,7 @@ const IonContent = /*@__PURE__*/ createComponent({
537
543
  onIonScroll: 'ionScroll',
538
544
  onIonScrollEnd: 'ionScrollEnd'
539
545
  },
540
- defineCustomElement: defineCustomElement$g
546
+ defineCustomElement: defineCustomElement$g,
541
547
  });
542
548
  const IonDatetime = /*@__PURE__*/ createComponent({
543
549
  tagName: 'ion-datetime',
@@ -550,7 +556,7 @@ const IonDatetime = /*@__PURE__*/ createComponent({
550
556
  onIonFocus: 'ionFocus',
551
557
  onIonBlur: 'ionBlur'
552
558
  },
553
- defineCustomElement: defineCustomElement$h
559
+ defineCustomElement: defineCustomElement$h,
554
560
  });
555
561
  const IonDatetimeButton = /*@__PURE__*/ createComponent({
556
562
  tagName: 'ion-datetime-button',
@@ -558,7 +564,7 @@ const IonDatetimeButton = /*@__PURE__*/ createComponent({
558
564
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
559
565
  react: React,
560
566
  events: {},
561
- defineCustomElement: defineCustomElement$i
567
+ defineCustomElement: defineCustomElement$i,
562
568
  });
563
569
  const IonFab = /*@__PURE__*/ createComponent({
564
570
  tagName: 'ion-fab',
@@ -566,7 +572,7 @@ const IonFab = /*@__PURE__*/ createComponent({
566
572
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
567
573
  react: React,
568
574
  events: {},
569
- defineCustomElement: defineCustomElement$j
575
+ defineCustomElement: defineCustomElement$j,
570
576
  });
571
577
  const IonFabList = /*@__PURE__*/ createComponent({
572
578
  tagName: 'ion-fab-list',
@@ -574,7 +580,7 @@ const IonFabList = /*@__PURE__*/ createComponent({
574
580
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
575
581
  react: React,
576
582
  events: {},
577
- defineCustomElement: defineCustomElement$k
583
+ defineCustomElement: defineCustomElement$k,
578
584
  });
579
585
  const IonFooter = /*@__PURE__*/ createComponent({
580
586
  tagName: 'ion-footer',
@@ -582,7 +588,7 @@ const IonFooter = /*@__PURE__*/ createComponent({
582
588
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
583
589
  react: React,
584
590
  events: {},
585
- defineCustomElement: defineCustomElement$l
591
+ defineCustomElement: defineCustomElement$l,
586
592
  });
587
593
  const IonGrid = /*@__PURE__*/ createComponent({
588
594
  tagName: 'ion-grid',
@@ -590,7 +596,7 @@ const IonGrid = /*@__PURE__*/ createComponent({
590
596
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
591
597
  react: React,
592
598
  events: {},
593
- defineCustomElement: defineCustomElement$m
599
+ defineCustomElement: defineCustomElement$m,
594
600
  });
595
601
  const IonHeader = /*@__PURE__*/ createComponent({
596
602
  tagName: 'ion-header',
@@ -598,7 +604,7 @@ const IonHeader = /*@__PURE__*/ createComponent({
598
604
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
599
605
  react: React,
600
606
  events: {},
601
- defineCustomElement: defineCustomElement$n
607
+ defineCustomElement: defineCustomElement$n,
602
608
  });
603
609
  const IonImg = /*@__PURE__*/ createComponent({
604
610
  tagName: 'ion-img',
@@ -610,15 +616,17 @@ const IonImg = /*@__PURE__*/ createComponent({
610
616
  onIonImgDidLoad: 'ionImgDidLoad',
611
617
  onIonError: 'ionError'
612
618
  },
613
- defineCustomElement: defineCustomElement$o
619
+ defineCustomElement: defineCustomElement$o,
614
620
  });
615
621
  const IonInfiniteScroll = /*@__PURE__*/ createComponent({
616
622
  tagName: 'ion-infinite-scroll',
617
623
  elementClass: IonInfiniteScroll$1,
618
624
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
619
625
  react: React,
620
- events: { onIonInfinite: 'ionInfinite' },
621
- defineCustomElement: defineCustomElement$p
626
+ events: {
627
+ onIonInfinite: 'ionInfinite'
628
+ },
629
+ defineCustomElement: defineCustomElement$p,
622
630
  });
623
631
  const IonInfiniteScrollContent = /*@__PURE__*/ createComponent({
624
632
  tagName: 'ion-infinite-scroll-content',
@@ -626,7 +634,7 @@ const IonInfiniteScrollContent = /*@__PURE__*/ createComponent({
626
634
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
627
635
  react: React,
628
636
  events: {},
629
- defineCustomElement: defineCustomElement$q
637
+ defineCustomElement: defineCustomElement$q,
630
638
  });
631
639
  const IonInput = /*@__PURE__*/ createComponent({
632
640
  tagName: 'ion-input',
@@ -639,7 +647,7 @@ const IonInput = /*@__PURE__*/ createComponent({
639
647
  onIonBlur: 'ionBlur',
640
648
  onIonFocus: 'ionFocus'
641
649
  },
642
- defineCustomElement: defineCustomElement$r
650
+ defineCustomElement: defineCustomElement$r,
643
651
  });
644
652
  const IonInputOtp = /*@__PURE__*/ createComponent({
645
653
  tagName: 'ion-input-otp',
@@ -653,7 +661,7 @@ const IonInputOtp = /*@__PURE__*/ createComponent({
653
661
  onIonBlur: 'ionBlur',
654
662
  onIonFocus: 'ionFocus'
655
663
  },
656
- defineCustomElement: defineCustomElement$s
664
+ defineCustomElement: defineCustomElement$s,
657
665
  });
658
666
  const IonInputPasswordToggle = /*@__PURE__*/ createComponent({
659
667
  tagName: 'ion-input-password-toggle',
@@ -661,7 +669,7 @@ const IonInputPasswordToggle = /*@__PURE__*/ createComponent({
661
669
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
662
670
  react: React,
663
671
  events: {},
664
- defineCustomElement: defineCustomElement$t
672
+ defineCustomElement: defineCustomElement$t,
665
673
  });
666
674
  const IonItemDivider = /*@__PURE__*/ createComponent({
667
675
  tagName: 'ion-item-divider',
@@ -669,7 +677,7 @@ const IonItemDivider = /*@__PURE__*/ createComponent({
669
677
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
670
678
  react: React,
671
679
  events: {},
672
- defineCustomElement: defineCustomElement$u
680
+ defineCustomElement: defineCustomElement$u,
673
681
  });
674
682
  const IonItemGroup = /*@__PURE__*/ createComponent({
675
683
  tagName: 'ion-item-group',
@@ -677,23 +685,27 @@ const IonItemGroup = /*@__PURE__*/ createComponent({
677
685
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
678
686
  react: React,
679
687
  events: {},
680
- defineCustomElement: defineCustomElement$v
688
+ defineCustomElement: defineCustomElement$v,
681
689
  });
682
690
  const IonItemOptions = /*@__PURE__*/ createComponent({
683
691
  tagName: 'ion-item-options',
684
692
  elementClass: IonItemOptions$1,
685
693
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
686
694
  react: React,
687
- events: { onIonSwipe: 'ionSwipe' },
688
- defineCustomElement: defineCustomElement$w
695
+ events: {
696
+ onIonSwipe: 'ionSwipe'
697
+ },
698
+ defineCustomElement: defineCustomElement$w,
689
699
  });
690
700
  const IonItemSliding = /*@__PURE__*/ createComponent({
691
701
  tagName: 'ion-item-sliding',
692
702
  elementClass: IonItemSliding$1,
693
703
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
694
704
  react: React,
695
- events: { onIonDrag: 'ionDrag' },
696
- defineCustomElement: defineCustomElement$x
705
+ events: {
706
+ onIonDrag: 'ionDrag'
707
+ },
708
+ defineCustomElement: defineCustomElement$x,
697
709
  });
698
710
  const IonLabel = /*@__PURE__*/ createComponent({
699
711
  tagName: 'ion-label',
@@ -701,7 +713,7 @@ const IonLabel = /*@__PURE__*/ createComponent({
701
713
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
702
714
  react: React,
703
715
  events: {},
704
- defineCustomElement: defineCustomElement$y
716
+ defineCustomElement: defineCustomElement$y,
705
717
  });
706
718
  const IonList = /*@__PURE__*/ createComponent({
707
719
  tagName: 'ion-list',
@@ -709,7 +721,7 @@ const IonList = /*@__PURE__*/ createComponent({
709
721
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
710
722
  react: React,
711
723
  events: {},
712
- defineCustomElement: defineCustomElement$z
724
+ defineCustomElement: defineCustomElement$z,
713
725
  });
714
726
  const IonListHeader = /*@__PURE__*/ createComponent({
715
727
  tagName: 'ion-list-header',
@@ -717,7 +729,7 @@ const IonListHeader = /*@__PURE__*/ createComponent({
717
729
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
718
730
  react: React,
719
731
  events: {},
720
- defineCustomElement: defineCustomElement$A
732
+ defineCustomElement: defineCustomElement$A,
721
733
  });
722
734
  const IonMenu = /*@__PURE__*/ createComponent({
723
735
  tagName: 'ion-menu',
@@ -730,7 +742,7 @@ const IonMenu = /*@__PURE__*/ createComponent({
730
742
  onIonDidOpen: 'ionDidOpen',
731
743
  onIonDidClose: 'ionDidClose'
732
744
  },
733
- defineCustomElement: defineCustomElement$B
745
+ defineCustomElement: defineCustomElement$B,
734
746
  });
735
747
  const IonMenuButton = /*@__PURE__*/ createComponent({
736
748
  tagName: 'ion-menu-button',
@@ -738,7 +750,7 @@ const IonMenuButton = /*@__PURE__*/ createComponent({
738
750
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
739
751
  react: React,
740
752
  events: {},
741
- defineCustomElement: defineCustomElement$C
753
+ defineCustomElement: defineCustomElement$C,
742
754
  });
743
755
  const IonMenuToggle = /*@__PURE__*/ createComponent({
744
756
  tagName: 'ion-menu-toggle',
@@ -746,7 +758,7 @@ const IonMenuToggle = /*@__PURE__*/ createComponent({
746
758
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
747
759
  react: React,
748
760
  events: {},
749
- defineCustomElement: defineCustomElement$D
761
+ defineCustomElement: defineCustomElement$D,
750
762
  });
751
763
  const IonNavLink = /*@__PURE__*/ createComponent({
752
764
  tagName: 'ion-nav-link',
@@ -754,7 +766,7 @@ const IonNavLink = /*@__PURE__*/ createComponent({
754
766
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
755
767
  react: React,
756
768
  events: {},
757
- defineCustomElement: defineCustomElement$E
769
+ defineCustomElement: defineCustomElement$E,
758
770
  });
759
771
  const IonNote = /*@__PURE__*/ createComponent({
760
772
  tagName: 'ion-note',
@@ -762,7 +774,7 @@ const IonNote = /*@__PURE__*/ createComponent({
762
774
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
763
775
  react: React,
764
776
  events: {},
765
- defineCustomElement: defineCustomElement$F
777
+ defineCustomElement: defineCustomElement$F,
766
778
  });
767
779
  const IonPicker = /*@__PURE__*/ createComponent({
768
780
  tagName: 'ion-picker',
@@ -770,15 +782,17 @@ const IonPicker = /*@__PURE__*/ createComponent({
770
782
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
771
783
  react: React,
772
784
  events: {},
773
- defineCustomElement: defineCustomElement$G
785
+ defineCustomElement: defineCustomElement$G,
774
786
  });
775
787
  const IonPickerColumn = /*@__PURE__*/ createComponent({
776
788
  tagName: 'ion-picker-column',
777
789
  elementClass: IonPickerColumn$1,
778
790
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
779
791
  react: React,
780
- events: { onIonChange: 'ionChange' },
781
- defineCustomElement: defineCustomElement$H
792
+ events: {
793
+ onIonChange: 'ionChange'
794
+ },
795
+ defineCustomElement: defineCustomElement$H,
782
796
  });
783
797
  const IonPickerColumnOption = /*@__PURE__*/ createComponent({
784
798
  tagName: 'ion-picker-column-option',
@@ -786,7 +800,7 @@ const IonPickerColumnOption = /*@__PURE__*/ createComponent({
786
800
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
787
801
  react: React,
788
802
  events: {},
789
- defineCustomElement: defineCustomElement$I
803
+ defineCustomElement: defineCustomElement$I,
790
804
  });
791
805
  const IonProgressBar = /*@__PURE__*/ createComponent({
792
806
  tagName: 'ion-progress-bar',
@@ -794,7 +808,7 @@ const IonProgressBar = /*@__PURE__*/ createComponent({
794
808
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
795
809
  react: React,
796
810
  events: {},
797
- defineCustomElement: defineCustomElement$J
811
+ defineCustomElement: defineCustomElement$J,
798
812
  });
799
813
  const IonRadio = /*@__PURE__*/ createComponent({
800
814
  tagName: 'ion-radio',
@@ -805,15 +819,17 @@ const IonRadio = /*@__PURE__*/ createComponent({
805
819
  onIonFocus: 'ionFocus',
806
820
  onIonBlur: 'ionBlur'
807
821
  },
808
- defineCustomElement: defineCustomElement$K
822
+ defineCustomElement: defineCustomElement$K,
809
823
  });
810
824
  const IonRadioGroup = /*@__PURE__*/ createComponent({
811
825
  tagName: 'ion-radio-group',
812
826
  elementClass: IonRadioGroup$1,
813
827
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
814
828
  react: React,
815
- events: { onIonChange: 'ionChange' },
816
- defineCustomElement: defineCustomElement$L
829
+ events: {
830
+ onIonChange: 'ionChange'
831
+ },
832
+ defineCustomElement: defineCustomElement$L,
817
833
  });
818
834
  const IonRange = /*@__PURE__*/ createComponent({
819
835
  tagName: 'ion-range',
@@ -828,7 +844,7 @@ const IonRange = /*@__PURE__*/ createComponent({
828
844
  onIonKnobMoveStart: 'ionKnobMoveStart',
829
845
  onIonKnobMoveEnd: 'ionKnobMoveEnd'
830
846
  },
831
- defineCustomElement: defineCustomElement$M
847
+ defineCustomElement: defineCustomElement$M,
832
848
  });
833
849
  const IonRefresher = /*@__PURE__*/ createComponent({
834
850
  tagName: 'ion-refresher',
@@ -842,7 +858,7 @@ const IonRefresher = /*@__PURE__*/ createComponent({
842
858
  onIonPullStart: 'ionPullStart',
843
859
  onIonPullEnd: 'ionPullEnd'
844
860
  },
845
- defineCustomElement: defineCustomElement$N
861
+ defineCustomElement: defineCustomElement$N,
846
862
  });
847
863
  const IonRefresherContent = /*@__PURE__*/ createComponent({
848
864
  tagName: 'ion-refresher-content',
@@ -850,7 +866,7 @@ const IonRefresherContent = /*@__PURE__*/ createComponent({
850
866
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
851
867
  react: React,
852
868
  events: {},
853
- defineCustomElement: defineCustomElement$O
869
+ defineCustomElement: defineCustomElement$O,
854
870
  });
855
871
  const IonReorder = /*@__PURE__*/ createComponent({
856
872
  tagName: 'ion-reorder',
@@ -858,7 +874,7 @@ const IonReorder = /*@__PURE__*/ createComponent({
858
874
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
859
875
  react: React,
860
876
  events: {},
861
- defineCustomElement: defineCustomElement$P
877
+ defineCustomElement: defineCustomElement$P,
862
878
  });
863
879
  const IonReorderGroup = /*@__PURE__*/ createComponent({
864
880
  tagName: 'ion-reorder-group',
@@ -871,7 +887,7 @@ const IonReorderGroup = /*@__PURE__*/ createComponent({
871
887
  onIonReorderMove: 'ionReorderMove',
872
888
  onIonReorderEnd: 'ionReorderEnd'
873
889
  },
874
- defineCustomElement: defineCustomElement$Q
890
+ defineCustomElement: defineCustomElement$Q,
875
891
  });
876
892
  const IonRippleEffect = /*@__PURE__*/ createComponent({
877
893
  tagName: 'ion-ripple-effect',
@@ -879,7 +895,7 @@ const IonRippleEffect = /*@__PURE__*/ createComponent({
879
895
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
880
896
  react: React,
881
897
  events: {},
882
- defineCustomElement: defineCustomElement$R
898
+ defineCustomElement: defineCustomElement$R,
883
899
  });
884
900
  const IonRow = /*@__PURE__*/ createComponent({
885
901
  tagName: 'ion-row',
@@ -887,7 +903,7 @@ const IonRow = /*@__PURE__*/ createComponent({
887
903
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
888
904
  react: React,
889
905
  events: {},
890
- defineCustomElement: defineCustomElement$S
906
+ defineCustomElement: defineCustomElement$S,
891
907
  });
892
908
  const IonSearchbar = /*@__PURE__*/ createComponent({
893
909
  tagName: 'ion-searchbar',
@@ -902,15 +918,17 @@ const IonSearchbar = /*@__PURE__*/ createComponent({
902
918
  onIonBlur: 'ionBlur',
903
919
  onIonFocus: 'ionFocus'
904
920
  },
905
- defineCustomElement: defineCustomElement$T
921
+ defineCustomElement: defineCustomElement$T,
906
922
  });
907
923
  const IonSegment = /*@__PURE__*/ createComponent({
908
924
  tagName: 'ion-segment',
909
925
  elementClass: IonSegment$1,
910
926
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
911
927
  react: React,
912
- events: { onIonChange: 'ionChange' },
913
- defineCustomElement: defineCustomElement$U
928
+ events: {
929
+ onIonChange: 'ionChange'
930
+ },
931
+ defineCustomElement: defineCustomElement$U,
914
932
  });
915
933
  const IonSegmentButton = /*@__PURE__*/ createComponent({
916
934
  tagName: 'ion-segment-button',
@@ -918,7 +936,7 @@ const IonSegmentButton = /*@__PURE__*/ createComponent({
918
936
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
919
937
  react: React,
920
938
  events: {},
921
- defineCustomElement: defineCustomElement$V
939
+ defineCustomElement: defineCustomElement$V,
922
940
  });
923
941
  const IonSegmentContent = /*@__PURE__*/ createComponent({
924
942
  tagName: 'ion-segment-content',
@@ -926,15 +944,17 @@ const IonSegmentContent = /*@__PURE__*/ createComponent({
926
944
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
927
945
  react: React,
928
946
  events: {},
929
- defineCustomElement: defineCustomElement$W
947
+ defineCustomElement: defineCustomElement$W,
930
948
  });
931
949
  const IonSegmentView = /*@__PURE__*/ createComponent({
932
950
  tagName: 'ion-segment-view',
933
951
  elementClass: IonSegmentView$1,
934
952
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
935
953
  react: React,
936
- events: { onIonSegmentViewScroll: 'ionSegmentViewScroll' },
937
- defineCustomElement: defineCustomElement$X
954
+ events: {
955
+ onIonSegmentViewScroll: 'ionSegmentViewScroll'
956
+ },
957
+ defineCustomElement: defineCustomElement$X,
938
958
  });
939
959
  const IonSelect = /*@__PURE__*/ createComponent({
940
960
  tagName: 'ion-select',
@@ -948,7 +968,7 @@ const IonSelect = /*@__PURE__*/ createComponent({
948
968
  onIonFocus: 'ionFocus',
949
969
  onIonBlur: 'ionBlur'
950
970
  },
951
- defineCustomElement: defineCustomElement$Y
971
+ defineCustomElement: defineCustomElement$Y,
952
972
  });
953
973
  const IonSelectModal = /*@__PURE__*/ createComponent({
954
974
  tagName: 'ion-select-modal',
@@ -956,7 +976,7 @@ const IonSelectModal = /*@__PURE__*/ createComponent({
956
976
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
957
977
  react: React,
958
978
  events: {},
959
- defineCustomElement: defineCustomElement$Z
979
+ defineCustomElement: defineCustomElement$Z,
960
980
  });
961
981
  const IonSelectOption = /*@__PURE__*/ createComponent({
962
982
  tagName: 'ion-select-option',
@@ -964,7 +984,7 @@ const IonSelectOption = /*@__PURE__*/ createComponent({
964
984
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
965
985
  react: React,
966
986
  events: {},
967
- defineCustomElement: defineCustomElement$_
987
+ defineCustomElement: defineCustomElement$_,
968
988
  });
969
989
  const IonSkeletonText = /*@__PURE__*/ createComponent({
970
990
  tagName: 'ion-skeleton-text',
@@ -972,7 +992,7 @@ const IonSkeletonText = /*@__PURE__*/ createComponent({
972
992
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
973
993
  react: React,
974
994
  events: {},
975
- defineCustomElement: defineCustomElement$$
995
+ defineCustomElement: defineCustomElement$$,
976
996
  });
977
997
  const IonSpinner = /*@__PURE__*/ createComponent({
978
998
  tagName: 'ion-spinner',
@@ -980,15 +1000,17 @@ const IonSpinner = /*@__PURE__*/ createComponent({
980
1000
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
981
1001
  react: React,
982
1002
  events: {},
983
- defineCustomElement: defineCustomElement$10
1003
+ defineCustomElement: defineCustomElement$10,
984
1004
  });
985
1005
  const IonSplitPane = /*@__PURE__*/ createComponent({
986
1006
  tagName: 'ion-split-pane',
987
1007
  elementClass: IonSplitPane$1,
988
1008
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
989
1009
  react: React,
990
- events: { onIonSplitPaneVisible: 'ionSplitPaneVisible' },
991
- defineCustomElement: defineCustomElement$11
1010
+ events: {
1011
+ onIonSplitPaneVisible: 'ionSplitPaneVisible'
1012
+ },
1013
+ defineCustomElement: defineCustomElement$11,
992
1014
  });
993
1015
  const IonTab = /*@__PURE__*/ createComponent({
994
1016
  tagName: 'ion-tab',
@@ -996,7 +1018,7 @@ const IonTab = /*@__PURE__*/ createComponent({
996
1018
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
997
1019
  react: React,
998
1020
  events: {},
999
- defineCustomElement: defineCustomElement$1
1021
+ defineCustomElement: defineCustomElement$1,
1000
1022
  });
1001
1023
  const IonText = /*@__PURE__*/ createComponent({
1002
1024
  tagName: 'ion-text',
@@ -1004,7 +1026,7 @@ const IonText = /*@__PURE__*/ createComponent({
1004
1026
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1005
1027
  react: React,
1006
1028
  events: {},
1007
- defineCustomElement: defineCustomElement$12
1029
+ defineCustomElement: defineCustomElement$12,
1008
1030
  });
1009
1031
  const IonTextarea = /*@__PURE__*/ createComponent({
1010
1032
  tagName: 'ion-textarea',
@@ -1017,7 +1039,7 @@ const IonTextarea = /*@__PURE__*/ createComponent({
1017
1039
  onIonBlur: 'ionBlur',
1018
1040
  onIonFocus: 'ionFocus'
1019
1041
  },
1020
- defineCustomElement: defineCustomElement$13
1042
+ defineCustomElement: defineCustomElement$13,
1021
1043
  });
1022
1044
  const IonThumbnail = /*@__PURE__*/ createComponent({
1023
1045
  tagName: 'ion-thumbnail',
@@ -1025,7 +1047,7 @@ const IonThumbnail = /*@__PURE__*/ createComponent({
1025
1047
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1026
1048
  react: React,
1027
1049
  events: {},
1028
- defineCustomElement: defineCustomElement$14
1050
+ defineCustomElement: defineCustomElement$14,
1029
1051
  });
1030
1052
  const IonTitle = /*@__PURE__*/ createComponent({
1031
1053
  tagName: 'ion-title',
@@ -1033,7 +1055,7 @@ const IonTitle = /*@__PURE__*/ createComponent({
1033
1055
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1034
1056
  react: React,
1035
1057
  events: {},
1036
- defineCustomElement: defineCustomElement$15
1058
+ defineCustomElement: defineCustomElement$15,
1037
1059
  });
1038
1060
  const IonToggle = /*@__PURE__*/ createComponent({
1039
1061
  tagName: 'ion-toggle',
@@ -1045,7 +1067,7 @@ const IonToggle = /*@__PURE__*/ createComponent({
1045
1067
  onIonFocus: 'ionFocus',
1046
1068
  onIonBlur: 'ionBlur'
1047
1069
  },
1048
- defineCustomElement: defineCustomElement$16
1070
+ defineCustomElement: defineCustomElement$16,
1049
1071
  });
1050
1072
  const IonToolbar = /*@__PURE__*/ createComponent({
1051
1073
  tagName: 'ion-toolbar',
@@ -1053,7 +1075,7 @@ const IonToolbar = /*@__PURE__*/ createComponent({
1053
1075
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1054
1076
  react: React,
1055
1077
  events: {},
1056
- defineCustomElement: defineCustomElement$17
1078
+ defineCustomElement: defineCustomElement$17,
1057
1079
  });
1058
1080
 
1059
1081
  const dashToPascalCase = (str) => str