@openwebf/react-cupertino-ui 0.2.0 → 0.2.2

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.
package/dist/index.d.mts CHANGED
@@ -56,8 +56,9 @@ interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{}>
56
56
  *
57
57
  * @example
58
58
  * ```tsx
59
+ *
59
60
  * <FlutterCupertinoTimerPicker
60
- * // Add example props here
61
+ * // Add props here
61
62
  * >
62
63
  * Content
63
64
  * </FlutterCupertinoTimerPicker>
@@ -136,19 +137,16 @@ interface FlutterCupertinoTextareaProps {
136
137
  */
137
138
  className?: string;
138
139
  }
139
- interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{
140
- focus(): void;
141
- blur(): void;
142
- clear(): void;
143
- }> {
140
+ interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{}> {
144
141
  }
145
142
  /**
146
143
  * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component
147
144
  *
148
145
  * @example
149
146
  * ```tsx
147
+ *
150
148
  * <FlutterCupertinoTextarea
151
- * // Add example props here
149
+ * // Add props here
152
150
  * >
153
151
  * Content
154
152
  * </FlutterCupertinoTextarea>
@@ -209,6 +207,15 @@ interface FlutterCupertinoTabBarProps {
209
207
  */
210
208
  className?: string;
211
209
  }
210
+ /**
211
+ * Element interface with methods accessible via ref
212
+ * @example
213
+ * ```tsx
214
+ * const ref = useRef<FlutterCupertinoTabBarElement>(null);
215
+ * // Call methods on the element
216
+ * ref.current?.finishRefresh('success');
217
+ * ```
218
+ */
212
219
  interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
213
220
  switchTab(path: string): void;
214
221
  }> {
@@ -218,11 +225,17 @@ interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
218
225
  *
219
226
  * @example
220
227
  * ```tsx
228
+ * const ref = useRef<FlutterCupertinoTabBarElement>(null);
229
+ *
221
230
  * <FlutterCupertinoTabBar
222
- * // Add example props here
231
+ * ref={ref}
232
+ * // Add props here
223
233
  * >
224
234
  * Content
225
235
  * </FlutterCupertinoTabBar>
236
+ *
237
+ * // Call methods on the element
238
+ * ref.current?.finishRefresh('success');
226
239
  * ```
227
240
  */
228
241
  declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
@@ -266,8 +279,9 @@ interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
266
279
  *
267
280
  * @example
268
281
  * ```tsx
282
+ *
269
283
  * <FlutterCupertinoTabBarItem
270
- * // Add example props here
284
+ * // Add props here
271
285
  * >
272
286
  * Content
273
287
  * </FlutterCupertinoTabBarItem>
@@ -297,17 +311,16 @@ interface FlutterCupertinoTabProps {
297
311
  */
298
312
  className?: string;
299
313
  }
300
- interface FlutterCupertinoTabElement extends WebFElementWithMethods<{
301
- switchTab(index: number): void;
302
- }> {
314
+ interface FlutterCupertinoTabElement extends WebFElementWithMethods<{}> {
303
315
  }
304
316
  /**
305
317
  * FlutterCupertinoTab - WebF FlutterCupertinoTab component
306
318
  *
307
319
  * @example
308
320
  * ```tsx
321
+ *
309
322
  * <FlutterCupertinoTab
310
- * // Add example props here
323
+ * // Add props here
311
324
  * >
312
325
  * Content
313
326
  * </FlutterCupertinoTab>
@@ -344,8 +357,9 @@ interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{}> {
344
357
  *
345
358
  * @example
346
359
  * ```tsx
360
+ *
347
361
  * <FlutterCupertinoTabItem
348
- * // Add example props here
362
+ * // Add props here
349
363
  * >
350
364
  * Content
351
365
  * </FlutterCupertinoTabItem>
@@ -402,8 +416,9 @@ interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{}> {
402
416
  *
403
417
  * @example
404
418
  * ```tsx
419
+ *
405
420
  * <FlutterCupertinoSwitch
406
- * // Add example props here
421
+ * // Add props here
407
422
  * >
408
423
  * Content
409
424
  * </FlutterCupertinoSwitch>
@@ -466,18 +481,16 @@ interface FlutterCupertinoSliderProps {
466
481
  */
467
482
  className?: string;
468
483
  }
469
- interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{
470
- getValue(): number;
471
- setValue(val: number): void;
472
- }> {
484
+ interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{}> {
473
485
  }
474
486
  /**
475
487
  * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component
476
488
  *
477
489
  * @example
478
490
  * ```tsx
491
+ *
479
492
  * <FlutterCupertinoSlider
480
- * // Add example props here
493
+ * // Add props here
481
494
  * >
482
495
  * Content
483
496
  * </FlutterCupertinoSlider>
@@ -564,21 +577,16 @@ interface FlutterCupertinoSearchInputProps {
564
577
  */
565
578
  className?: string;
566
579
  }
567
- interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{
568
- getValue(): string;
569
- setValue(value: string): void;
570
- focus(): void;
571
- blur(): void;
572
- clear(): void;
573
- }> {
580
+ interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{}> {
574
581
  }
575
582
  /**
576
583
  * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component
577
584
  *
578
585
  * @example
579
586
  * ```tsx
587
+ *
580
588
  * <FlutterCupertinoSearchInput
581
- * // Add example props here
589
+ * // Add props here
582
590
  * >
583
591
  * Content
584
592
  * </FlutterCupertinoSearchInput>
@@ -645,8 +653,9 @@ interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{}> {
645
653
  *
646
654
  * @example
647
655
  * ```tsx
656
+ *
648
657
  * <FlutterCupertinoRadio
649
- * // Add example props here
658
+ * // Add props here
650
659
  * >
651
660
  * Content
652
661
  * </FlutterCupertinoRadio>
@@ -693,8 +702,9 @@ interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{}> {
693
702
  *
694
703
  * @example
695
704
  * ```tsx
705
+ *
696
706
  * <FlutterCupertinoPicker
697
- * // Add example props here
707
+ * // Add props here
698
708
  * >
699
709
  * Content
700
710
  * </FlutterCupertinoPicker>
@@ -749,18 +759,16 @@ interface FlutterCupertinoModalPopupProps {
749
759
  */
750
760
  className?: string;
751
761
  }
752
- interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{
753
- show(): void;
754
- hide(): void;
755
- }> {
762
+ interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{}> {
756
763
  }
757
764
  /**
758
765
  * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component
759
766
  *
760
767
  * @example
761
768
  * ```tsx
769
+ *
762
770
  * <FlutterCupertinoModalPopup
763
- * // Add example props here
771
+ * // Add props here
764
772
  * >
765
773
  * Content
766
774
  * </FlutterCupertinoModalPopup>
@@ -833,20 +841,16 @@ interface FlutterCupertinoInputProps {
833
841
  */
834
842
  className?: string;
835
843
  }
836
- interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
837
- getValue(): string;
838
- setValue(value: string): void;
839
- focus(): void;
840
- blur(): void;
841
- }> {
844
+ interface FlutterCupertinoInputElement extends WebFElementWithMethods<{}> {
842
845
  }
843
846
  /**
844
847
  * FlutterCupertinoInput - WebF FlutterCupertinoInput component
845
848
  *
846
849
  * @example
847
850
  * ```tsx
851
+ *
848
852
  * <FlutterCupertinoInput
849
- * // Add example props here
853
+ * // Add props here
850
854
  * >
851
855
  * Content
852
856
  * </FlutterCupertinoInput>
@@ -889,8 +893,9 @@ interface FlutterCupertinoIconElement extends WebFElementWithMethods<{}> {
889
893
  *
890
894
  * @example
891
895
  * ```tsx
896
+ *
892
897
  * <FlutterCupertinoIcon
893
- * // Add example props here
898
+ * // Add props here
894
899
  * >
895
900
  * Content
896
901
  * </FlutterCupertinoIcon>
@@ -982,8 +987,9 @@ interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{}> {
982
987
  *
983
988
  * @example
984
989
  * ```tsx
990
+ *
985
991
  * <FlutterCupertinoDatePicker
986
- * // Add example props here
992
+ * // Add props here
987
993
  * >
988
994
  * Content
989
995
  * </FlutterCupertinoDatePicker>
@@ -995,13 +1001,6 @@ declare const FlutterCupertinoDatePicker: React.ForwardRefExoticComponent<Flutte
995
1001
  children?: React.ReactNode;
996
1002
  } & React.RefAttributes<FlutterCupertinoDatePickerElement>>;
997
1003
 
998
- interface ContextMenuAction {
999
- text: string;
1000
- icon?: string;
1001
- destructive?: boolean;
1002
- default?: boolean;
1003
- event?: string;
1004
- }
1005
1004
  interface FlutterCupertinoContextMenuProps {
1006
1005
  /**
1007
1006
  * enableHapticFeedback property
@@ -1021,17 +1020,16 @@ interface FlutterCupertinoContextMenuProps {
1021
1020
  */
1022
1021
  className?: string;
1023
1022
  }
1024
- interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{
1025
- setActions(actions: ContextMenuAction[]): void;
1026
- }> {
1023
+ interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{}> {
1027
1024
  }
1028
1025
  /**
1029
1026
  * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component
1030
1027
  *
1031
1028
  * @example
1032
1029
  * ```tsx
1030
+ *
1033
1031
  * <FlutterCupertinoContextMenu
1034
- * // Add example props here
1032
+ * // Add props here
1035
1033
  * >
1036
1034
  * Content
1037
1035
  * </FlutterCupertinoContextMenu>
@@ -1103,8 +1101,9 @@ interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{}> {
1103
1101
  *
1104
1102
  * @example
1105
1103
  * ```tsx
1104
+ *
1106
1105
  * <FlutterCupertinoCheckbox
1107
- * // Add example props here
1106
+ * // Add props here
1108
1107
  * >
1109
1108
  * Content
1110
1109
  * </FlutterCupertinoCheckbox>
@@ -1161,8 +1160,9 @@ interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{}> {
1161
1160
  *
1162
1161
  * @example
1163
1162
  * ```tsx
1163
+ *
1164
1164
  * <FlutterCupertinoButton
1165
- * // Add example props here
1165
+ * // Add props here
1166
1166
  * >
1167
1167
  * Content
1168
1168
  * </FlutterCupertinoButton>
package/dist/index.d.ts CHANGED
@@ -56,8 +56,9 @@ interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{}>
56
56
  *
57
57
  * @example
58
58
  * ```tsx
59
+ *
59
60
  * <FlutterCupertinoTimerPicker
60
- * // Add example props here
61
+ * // Add props here
61
62
  * >
62
63
  * Content
63
64
  * </FlutterCupertinoTimerPicker>
@@ -136,19 +137,16 @@ interface FlutterCupertinoTextareaProps {
136
137
  */
137
138
  className?: string;
138
139
  }
139
- interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{
140
- focus(): void;
141
- blur(): void;
142
- clear(): void;
143
- }> {
140
+ interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{}> {
144
141
  }
145
142
  /**
146
143
  * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component
147
144
  *
148
145
  * @example
149
146
  * ```tsx
147
+ *
150
148
  * <FlutterCupertinoTextarea
151
- * // Add example props here
149
+ * // Add props here
152
150
  * >
153
151
  * Content
154
152
  * </FlutterCupertinoTextarea>
@@ -209,6 +207,15 @@ interface FlutterCupertinoTabBarProps {
209
207
  */
210
208
  className?: string;
211
209
  }
210
+ /**
211
+ * Element interface with methods accessible via ref
212
+ * @example
213
+ * ```tsx
214
+ * const ref = useRef<FlutterCupertinoTabBarElement>(null);
215
+ * // Call methods on the element
216
+ * ref.current?.finishRefresh('success');
217
+ * ```
218
+ */
212
219
  interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
213
220
  switchTab(path: string): void;
214
221
  }> {
@@ -218,11 +225,17 @@ interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
218
225
  *
219
226
  * @example
220
227
  * ```tsx
228
+ * const ref = useRef<FlutterCupertinoTabBarElement>(null);
229
+ *
221
230
  * <FlutterCupertinoTabBar
222
- * // Add example props here
231
+ * ref={ref}
232
+ * // Add props here
223
233
  * >
224
234
  * Content
225
235
  * </FlutterCupertinoTabBar>
236
+ *
237
+ * // Call methods on the element
238
+ * ref.current?.finishRefresh('success');
226
239
  * ```
227
240
  */
228
241
  declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
@@ -266,8 +279,9 @@ interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
266
279
  *
267
280
  * @example
268
281
  * ```tsx
282
+ *
269
283
  * <FlutterCupertinoTabBarItem
270
- * // Add example props here
284
+ * // Add props here
271
285
  * >
272
286
  * Content
273
287
  * </FlutterCupertinoTabBarItem>
@@ -297,17 +311,16 @@ interface FlutterCupertinoTabProps {
297
311
  */
298
312
  className?: string;
299
313
  }
300
- interface FlutterCupertinoTabElement extends WebFElementWithMethods<{
301
- switchTab(index: number): void;
302
- }> {
314
+ interface FlutterCupertinoTabElement extends WebFElementWithMethods<{}> {
303
315
  }
304
316
  /**
305
317
  * FlutterCupertinoTab - WebF FlutterCupertinoTab component
306
318
  *
307
319
  * @example
308
320
  * ```tsx
321
+ *
309
322
  * <FlutterCupertinoTab
310
- * // Add example props here
323
+ * // Add props here
311
324
  * >
312
325
  * Content
313
326
  * </FlutterCupertinoTab>
@@ -344,8 +357,9 @@ interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{}> {
344
357
  *
345
358
  * @example
346
359
  * ```tsx
360
+ *
347
361
  * <FlutterCupertinoTabItem
348
- * // Add example props here
362
+ * // Add props here
349
363
  * >
350
364
  * Content
351
365
  * </FlutterCupertinoTabItem>
@@ -402,8 +416,9 @@ interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{}> {
402
416
  *
403
417
  * @example
404
418
  * ```tsx
419
+ *
405
420
  * <FlutterCupertinoSwitch
406
- * // Add example props here
421
+ * // Add props here
407
422
  * >
408
423
  * Content
409
424
  * </FlutterCupertinoSwitch>
@@ -466,18 +481,16 @@ interface FlutterCupertinoSliderProps {
466
481
  */
467
482
  className?: string;
468
483
  }
469
- interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{
470
- getValue(): number;
471
- setValue(val: number): void;
472
- }> {
484
+ interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{}> {
473
485
  }
474
486
  /**
475
487
  * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component
476
488
  *
477
489
  * @example
478
490
  * ```tsx
491
+ *
479
492
  * <FlutterCupertinoSlider
480
- * // Add example props here
493
+ * // Add props here
481
494
  * >
482
495
  * Content
483
496
  * </FlutterCupertinoSlider>
@@ -564,21 +577,16 @@ interface FlutterCupertinoSearchInputProps {
564
577
  */
565
578
  className?: string;
566
579
  }
567
- interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{
568
- getValue(): string;
569
- setValue(value: string): void;
570
- focus(): void;
571
- blur(): void;
572
- clear(): void;
573
- }> {
580
+ interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{}> {
574
581
  }
575
582
  /**
576
583
  * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component
577
584
  *
578
585
  * @example
579
586
  * ```tsx
587
+ *
580
588
  * <FlutterCupertinoSearchInput
581
- * // Add example props here
589
+ * // Add props here
582
590
  * >
583
591
  * Content
584
592
  * </FlutterCupertinoSearchInput>
@@ -645,8 +653,9 @@ interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{}> {
645
653
  *
646
654
  * @example
647
655
  * ```tsx
656
+ *
648
657
  * <FlutterCupertinoRadio
649
- * // Add example props here
658
+ * // Add props here
650
659
  * >
651
660
  * Content
652
661
  * </FlutterCupertinoRadio>
@@ -693,8 +702,9 @@ interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{}> {
693
702
  *
694
703
  * @example
695
704
  * ```tsx
705
+ *
696
706
  * <FlutterCupertinoPicker
697
- * // Add example props here
707
+ * // Add props here
698
708
  * >
699
709
  * Content
700
710
  * </FlutterCupertinoPicker>
@@ -749,18 +759,16 @@ interface FlutterCupertinoModalPopupProps {
749
759
  */
750
760
  className?: string;
751
761
  }
752
- interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{
753
- show(): void;
754
- hide(): void;
755
- }> {
762
+ interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{}> {
756
763
  }
757
764
  /**
758
765
  * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component
759
766
  *
760
767
  * @example
761
768
  * ```tsx
769
+ *
762
770
  * <FlutterCupertinoModalPopup
763
- * // Add example props here
771
+ * // Add props here
764
772
  * >
765
773
  * Content
766
774
  * </FlutterCupertinoModalPopup>
@@ -833,20 +841,16 @@ interface FlutterCupertinoInputProps {
833
841
  */
834
842
  className?: string;
835
843
  }
836
- interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
837
- getValue(): string;
838
- setValue(value: string): void;
839
- focus(): void;
840
- blur(): void;
841
- }> {
844
+ interface FlutterCupertinoInputElement extends WebFElementWithMethods<{}> {
842
845
  }
843
846
  /**
844
847
  * FlutterCupertinoInput - WebF FlutterCupertinoInput component
845
848
  *
846
849
  * @example
847
850
  * ```tsx
851
+ *
848
852
  * <FlutterCupertinoInput
849
- * // Add example props here
853
+ * // Add props here
850
854
  * >
851
855
  * Content
852
856
  * </FlutterCupertinoInput>
@@ -889,8 +893,9 @@ interface FlutterCupertinoIconElement extends WebFElementWithMethods<{}> {
889
893
  *
890
894
  * @example
891
895
  * ```tsx
896
+ *
892
897
  * <FlutterCupertinoIcon
893
- * // Add example props here
898
+ * // Add props here
894
899
  * >
895
900
  * Content
896
901
  * </FlutterCupertinoIcon>
@@ -982,8 +987,9 @@ interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{}> {
982
987
  *
983
988
  * @example
984
989
  * ```tsx
990
+ *
985
991
  * <FlutterCupertinoDatePicker
986
- * // Add example props here
992
+ * // Add props here
987
993
  * >
988
994
  * Content
989
995
  * </FlutterCupertinoDatePicker>
@@ -995,13 +1001,6 @@ declare const FlutterCupertinoDatePicker: React.ForwardRefExoticComponent<Flutte
995
1001
  children?: React.ReactNode;
996
1002
  } & React.RefAttributes<FlutterCupertinoDatePickerElement>>;
997
1003
 
998
- interface ContextMenuAction {
999
- text: string;
1000
- icon?: string;
1001
- destructive?: boolean;
1002
- default?: boolean;
1003
- event?: string;
1004
- }
1005
1004
  interface FlutterCupertinoContextMenuProps {
1006
1005
  /**
1007
1006
  * enableHapticFeedback property
@@ -1021,17 +1020,16 @@ interface FlutterCupertinoContextMenuProps {
1021
1020
  */
1022
1021
  className?: string;
1023
1022
  }
1024
- interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{
1025
- setActions(actions: ContextMenuAction[]): void;
1026
- }> {
1023
+ interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{}> {
1027
1024
  }
1028
1025
  /**
1029
1026
  * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component
1030
1027
  *
1031
1028
  * @example
1032
1029
  * ```tsx
1030
+ *
1033
1031
  * <FlutterCupertinoContextMenu
1034
- * // Add example props here
1032
+ * // Add props here
1035
1033
  * >
1036
1034
  * Content
1037
1035
  * </FlutterCupertinoContextMenu>
@@ -1103,8 +1101,9 @@ interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{}> {
1103
1101
  *
1104
1102
  * @example
1105
1103
  * ```tsx
1104
+ *
1106
1105
  * <FlutterCupertinoCheckbox
1107
- * // Add example props here
1106
+ * // Add props here
1108
1107
  * >
1109
1108
  * Content
1110
1109
  * </FlutterCupertinoCheckbox>
@@ -1161,8 +1160,9 @@ interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{}> {
1161
1160
  *
1162
1161
  * @example
1163
1162
  * ```tsx
1163
+ *
1164
1164
  * <FlutterCupertinoButton
1165
- * // Add example props here
1165
+ * // Add props here
1166
1166
  * >
1167
1167
  * Content
1168
1168
  * </FlutterCupertinoButton>
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/lib/src/timer-picker.tsx","../src/lib/src/textarea.tsx","../src/lib/src/tab_bar.tsx","../src/lib/src/tab.tsx","../src/lib/src/switch.tsx","../src/lib/src/slider.tsx","../src/lib/src/search-input.tsx","../src/lib/src/radio.tsx","../src/lib/src/picker.tsx","../src/lib/src/modal-popup.tsx","../src/lib/src/input.tsx","../src/lib/src/icon.tsx","../src/lib/src/date-picker.tsx","../src/lib/src/context-menu.tsx","../src/lib/src/checkbox.tsx","../src/lib/src/button.tsx","../src/utils/createComponent.ts"],"sourcesContent":["/*\n * Generated by TSDL, don't edit this file directly.\n */\nexport { FlutterCupertinoTimerPicker, FlutterCupertinoTimerPickerElement } from \"./lib/src/timer-picker\";\nexport { FlutterCupertinoTextarea, FlutterCupertinoTextareaElement } from \"./lib/src/textarea\";\nexport { FlutterCupertinoTabBar, FlutterCupertinoTabBarElement } from \"./lib/src/tab_bar\";\nexport { FlutterCupertinoTabBarItem, FlutterCupertinoTabBarItemElement } from \"./lib/src/tab_bar\";\nexport { FlutterCupertinoTab, FlutterCupertinoTabElement } from \"./lib/src/tab\";\nexport { FlutterCupertinoTabItem, FlutterCupertinoTabItemElement } from \"./lib/src/tab\";\nexport { FlutterCupertinoSwitch, FlutterCupertinoSwitchElement } from \"./lib/src/switch\";\nexport { FlutterCupertinoSlider, FlutterCupertinoSliderElement } from \"./lib/src/slider\";\nexport { FlutterCupertinoSearchInput, FlutterCupertinoSearchInputElement } from \"./lib/src/search-input\";\nexport { FlutterCupertinoRadio, FlutterCupertinoRadioElement } from \"./lib/src/radio\";\nexport { FlutterCupertinoPicker, FlutterCupertinoPickerElement } from \"./lib/src/picker\";\nexport { FlutterCupertinoModalPopup, FlutterCupertinoModalPopupElement } from \"./lib/src/modal-popup\";\nexport { FlutterCupertinoInput, FlutterCupertinoInputElement } from \"./lib/src/input\";\nexport { FlutterCupertinoIcon, FlutterCupertinoIconElement } from \"./lib/src/icon\";\nexport { FlutterCupertinoDatePicker, FlutterCupertinoDatePickerElement } from \"./lib/src/date-picker\";\nexport { FlutterCupertinoContextMenu, FlutterCupertinoContextMenuElement } from \"./lib/src/context-menu\";\nexport { FlutterCupertinoCheckbox, FlutterCupertinoCheckboxElement } from \"./lib/src/checkbox\";\nexport { FlutterCupertinoButton, FlutterCupertinoButtonElement } from \"./lib/src/button\";\nexport { createComponent } from \"./utils/createComponent\";","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTimerPickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * initialTimerDuration property\n * @default undefined\n */\n initialTimerDuration?: number;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: number;\n /**\n * secondInterval property\n * @default undefined\n */\n secondInterval?: number;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTimerPicker - WebF FlutterCupertinoTimerPicker component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTimerPicker\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTimerPicker>\n * ```\n */\nexport const FlutterCupertinoTimerPicker = createWebFComponent<FlutterCupertinoTimerPickerElement, FlutterCupertinoTimerPickerProps>({\n tagName: 'flutter-cupertino-timer-picker',\n displayName: 'FlutterCupertinoTimerPicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'initialTimerDuration',\n 'minuteInterval',\n 'secondInterval',\n 'backgroundColor',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n initialTimerDuration: 'initial-timer-duration',\n minuteInterval: 'minute-interval',\n secondInterval: 'second-interval',\n backgroundColor: 'background-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTextareaProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * maxLength property\n * @default undefined\n */\n maxLength?: number;\n /**\n * rows property\n * @default undefined\n */\n rows?: number;\n /**\n * showCount property\n * @default undefined\n */\n showCount?: boolean;\n /**\n * autoSize property\n * @default undefined\n */\n autoSize?: boolean;\n /**\n * transparent property\n * @default undefined\n */\n transparent?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * complete event handler\n */\n onComplete?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{\n focus(): void;\n blur(): void;\n clear(): void;\n}> {}\n/**\n * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTextarea\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTextarea>\n * ```\n */\nexport const FlutterCupertinoTextarea = createWebFComponent<FlutterCupertinoTextareaElement, FlutterCupertinoTextareaProps>({\n tagName: 'flutter-cupertino-textarea',\n displayName: 'FlutterCupertinoTextarea',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'maxLength',\n 'rows',\n 'showCount',\n 'autoSize',\n 'transparent',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n maxLength: 'max-length',\n showCount: 'show-count',\n autoSize: 'auto-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onComplete',\n eventName: 'complete',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype CupertinoTabBarIcon = \"home\" | \"house\" | \"house_fill\" | \"search\" | \"search_circle\" | \"search_circle_fill\" | \"add\" | \"add_circled\" | \"add_circled_solid\" | \"plus\" | \"plus_circle\" | \"plus_circle_fill\" | \"person\" | \"person_fill\" | \"person_circle\" | \"person_circle_fill\" | \"profile_circled\" | \"bell\" | \"bell_fill\" | \"bell_circle\" | \"bell_circle_fill\" | \"chat_bubble\" | \"chat_bubble_fill\" | \"chat_bubble_2\" | \"chat_bubble_2_fill\" | \"mail\" | \"mail_solid\" | \"envelope\" | \"envelope_fill\" | \"phone\" | \"phone_fill\" | \"compass\" | \"compass_fill\" | \"location\" | \"location_fill\" | \"map\" | \"map_fill\" | \"photo\" | \"photo_fill\" | \"camera\" | \"camera_fill\" | \"video_camera\" | \"video_camera_solid\" | \"play\" | \"play_fill\" | \"play_circle\" | \"play_circle_fill\" | \"gear\" | \"gear_solid\" | \"settings\" | \"settings_solid\" | \"ellipsis\" | \"ellipsis_circle\" | \"ellipsis_circle_fill\" | \"creditcard\" | \"creditcard_fill\" | \"cart\" | \"cart_fill\" | \"bag\" | \"bag_fill\" | \"doc\" | \"doc_fill\" | \"doc_text\" | \"doc_text_fill\" | \"folder\" | \"folder_fill\" | \"book\" | \"book_fill\" | \"heart\" | \"heart_fill\" | \"star\" | \"star_fill\" | \"hand_thumbsup\" | \"hand_thumbsup_fill\" | \"bookmark\" | \"bookmark_fill\" | \"money_dollar\" | \"money_dollar_circle\" | \"money_dollar_circle_fill\" | \"info\" | \"info_circle\" | \"info_circle_fill\" | \"question\" | \"question_circle\" | \"question_circle_fill\" | \"exclamationmark\" | \"exclamationmark_circle\" | \"exclamationmark_circle_fill\";\ntype int = number;\nexport interface FlutterCupertinoTabBarProps {\n /**\n * currentIndex property\n * @default undefined\n */\n currentIndex?: string;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * iconSize property\n * @default undefined\n */\n iconSize?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * tabchange event handler\n */\n onTabchange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{\n switchTab(path: string): void;\n}> {}\n/**\n * FlutterCupertinoTabBar - WebF FlutterCupertinoTabBar component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTabBar\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTabBar>\n * ```\n */\nexport const FlutterCupertinoTabBar = createWebFComponent<FlutterCupertinoTabBarElement, FlutterCupertinoTabBarProps>({\n tagName: 'flutter-cupertino-tab-bar',\n displayName: 'FlutterCupertinoTabBar',\n // Map props to attributes\n attributeProps: [\n 'currentIndex',\n 'backgroundColor',\n 'activeColor',\n 'inactiveColor',\n 'iconSize',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n currentIndex: 'current-index',\n backgroundColor: 'background-color',\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n iconSize: 'icon-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onTabchange',\n eventName: 'tabchange',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabBarItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * icon property\n * @default undefined\n */\n icon?: CupertinoTabBarIcon;\n /**\n * path property\n * @default undefined\n */\n path?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabBarItem - WebF FlutterCupertinoTabBarItem component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTabBarItem\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTabBarItem>\n * ```\n */\nexport const FlutterCupertinoTabBarItem = createWebFComponent<FlutterCupertinoTabBarItemElement, FlutterCupertinoTabBarItemProps>({\n tagName: 'flutter-cupertino-tab-bar-item',\n displayName: 'FlutterCupertinoTabBarItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n 'icon',\n 'path',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype int = number;\nexport interface FlutterCupertinoTabProps {\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabElement extends WebFElementWithMethods<{\n switchTab(index: number): void;\n}> {}\n/**\n * FlutterCupertinoTab - WebF FlutterCupertinoTab component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTab\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTab>\n * ```\n */\nexport const FlutterCupertinoTab = createWebFComponent<FlutterCupertinoTabElement, FlutterCupertinoTabProps>({\n tagName: 'flutter-cupertino-tab',\n displayName: 'FlutterCupertinoTab',\n // Map props to attributes\n attributeProps: [\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabItem - WebF FlutterCupertinoTabItem component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTabItem\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTabItem>\n * ```\n */\nexport const FlutterCupertinoTabItem = createWebFComponent<FlutterCupertinoTabItemElement, FlutterCupertinoTabItemProps>({\n tagName: 'flutter-cupertino-tab-item',\n displayName: 'FlutterCupertinoTabItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSwitchProps {\n /**\n * checked property\n * @default undefined\n */\n checked?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSwitch - WebF FlutterCupertinoSwitch component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoSwitch\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoSwitch>\n * ```\n */\nexport const FlutterCupertinoSwitch = createWebFComponent<FlutterCupertinoSwitchElement, FlutterCupertinoSwitchProps>({\n tagName: 'flutter-cupertino-switch',\n displayName: 'FlutterCupertinoSwitch',\n // Map props to attributes\n attributeProps: [\n 'checked',\n 'disabled',\n 'activeColor',\n 'inactiveColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSliderProps {\n /**\n * val property\n * @default undefined\n */\n val?: number;\n /**\n * min property\n * @default undefined\n */\n min?: number;\n /**\n * max property\n * @default undefined\n */\n max?: number;\n /**\n * step property\n * @default undefined\n */\n step?: number;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * changestart event handler\n */\n onChangestart?: (event: CustomEvent) => void;\n /**\n * changeend event handler\n */\n onChangeend?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{\n getValue(): number;\n setValue(val: number): void;\n}> {}\n/**\n * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoSlider\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoSlider>\n * ```\n */\nexport const FlutterCupertinoSlider = createWebFComponent<FlutterCupertinoSliderElement, FlutterCupertinoSliderProps>({\n tagName: 'flutter-cupertino-slider',\n displayName: 'FlutterCupertinoSlider',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'min',\n 'max',\n 'step',\n 'disabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangestart',\n eventName: 'changestart',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangeend',\n eventName: 'changeend',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSearchInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * prefixIcon property\n * @default undefined\n */\n prefixIcon?: string;\n /**\n * suffixIcon property\n * @default undefined\n */\n suffixIcon?: string;\n /**\n * suffixModel property\n * @default undefined\n */\n suffixModel?: string;\n /**\n * itemColor property\n * @default undefined\n */\n itemColor?: string;\n /**\n * itemSize property\n * @default undefined\n */\n itemSize?: number;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * search event handler\n */\n onSearch?: (event: CustomEvent) => void;\n /**\n * clear event handler\n */\n onClear?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{\n getValue(): string;\n setValue(value: string): void;\n focus(): void;\n blur(): void;\n clear(): void;\n}> {}\n/**\n * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoSearchInput\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoSearchInput>\n * ```\n */\nexport const FlutterCupertinoSearchInput = createWebFComponent<FlutterCupertinoSearchInputElement, FlutterCupertinoSearchInputProps>({\n tagName: 'flutter-cupertino-search-input',\n displayName: 'FlutterCupertinoSearchInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'type',\n 'prefixIcon',\n 'suffixIcon',\n 'suffixModel',\n 'itemColor',\n 'itemSize',\n 'autofocus',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n prefixIcon: 'prefix-icon',\n suffixIcon: 'suffix-icon',\n suffixModel: 'suffix-model',\n itemColor: 'item-color',\n itemSize: 'item-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSearch',\n eventName: 'search',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onClear',\n eventName: 'clear',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoRadioProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * groupValue property\n * @default undefined\n */\n groupValue?: string;\n /**\n * useCheckmarkStyle property\n * @default undefined\n */\n useCheckmarkStyle?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoRadio - WebF FlutterCupertinoRadio component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoRadio\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoRadio>\n * ```\n */\nexport const FlutterCupertinoRadio = createWebFComponent<FlutterCupertinoRadioElement, FlutterCupertinoRadioProps>({\n tagName: 'flutter-cupertino-radio',\n displayName: 'FlutterCupertinoRadio',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'groupValue',\n 'useCheckmarkStyle',\n 'disabled',\n 'activeColor',\n 'focusColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n groupValue: 'group-value',\n useCheckmarkStyle: 'use-checkmark-style',\n activeColor: 'active-color',\n focusColor: 'focus-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoPickerProps {\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * itemHeight property\n * @default undefined\n */\n itemHeight?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoPicker - WebF FlutterCupertinoPicker component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoPicker\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoPicker>\n * ```\n */\nexport const FlutterCupertinoPicker = createWebFComponent<FlutterCupertinoPickerElement, FlutterCupertinoPickerProps>({\n tagName: 'flutter-cupertino-picker',\n displayName: 'FlutterCupertinoPicker',\n // Map props to attributes\n attributeProps: [\n 'height',\n 'itemHeight',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n itemHeight: 'item-height',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoModalPopupProps {\n /**\n * visible property\n * @default undefined\n */\n visible?: boolean;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * surfacePainted property\n * @default undefined\n */\n surfacePainted?: boolean;\n /**\n * maskClosable property\n * @default undefined\n */\n maskClosable?: boolean;\n /**\n * backgroundOpacity property\n * @default undefined\n */\n backgroundOpacity?: number;\n /**\n * close event handler\n */\n onClose?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{\n show(): void;\n hide(): void;\n}> {}\n/**\n * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoModalPopup\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoModalPopup>\n * ```\n */\nexport const FlutterCupertinoModalPopup = createWebFComponent<FlutterCupertinoModalPopupElement, FlutterCupertinoModalPopupProps>({\n tagName: 'flutter-cupertino-modal-popup',\n displayName: 'FlutterCupertinoModalPopup',\n // Map props to attributes\n attributeProps: [\n 'visible',\n 'height',\n 'surfacePainted',\n 'maskClosable',\n 'backgroundOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n surfacePainted: 'surface-painted',\n maskClosable: 'mask-closable',\n backgroundOpacity: 'background-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClose',\n eventName: 'close',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * clearable property\n * @default undefined\n */\n clearable?: boolean;\n /**\n * maxlength property\n * @default undefined\n */\n maxlength?: number;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * submit event handler\n */\n onSubmit?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoInputElement extends WebFElementWithMethods<{\n getValue(): string;\n setValue(value: string): void;\n focus(): void;\n blur(): void;\n}> {}\n/**\n * FlutterCupertinoInput - WebF FlutterCupertinoInput component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoInput\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoInput>\n * ```\n */\nexport const FlutterCupertinoInput = createWebFComponent<FlutterCupertinoInputElement, FlutterCupertinoInputProps>({\n tagName: 'flutter-cupertino-input',\n displayName: 'FlutterCupertinoInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'type',\n 'disabled',\n 'autofocus',\n 'clearable',\n 'maxlength',\n 'readonly',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSubmit',\n eventName: 'submit',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoIconProps {\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * label property\n * @default undefined\n */\n label?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoIconElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoIcon - WebF FlutterCupertinoIcon component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoIcon\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoIcon>\n * ```\n */\nexport const FlutterCupertinoIcon = createWebFComponent<FlutterCupertinoIconElement, FlutterCupertinoIconProps>({\n tagName: 'flutter-cupertino-icon',\n displayName: 'FlutterCupertinoIcon',\n // Map props to attributes\n attributeProps: [\n 'type',\n 'label',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoDatePickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * minimumDate property\n * @default undefined\n */\n minimumDate?: string;\n /**\n * maximumDate property\n * @default undefined\n */\n maximumDate?: string;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: string;\n /**\n * value property\n * @default undefined\n */\n value?: string;\n /**\n * minimumYear property\n * @default undefined\n */\n minimumYear?: string;\n /**\n * maximumYear property\n * @default undefined\n */\n maximumYear?: string;\n /**\n * showDayOfWeek property\n * @default undefined\n */\n showDayOfWeek?: string;\n /**\n * dateOrder property\n * @default undefined\n */\n dateOrder?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * use24H property\n * @default undefined\n */\n use24H?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoDatePicker - WebF FlutterCupertinoDatePicker component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoDatePicker\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoDatePicker>\n * ```\n */\nexport const FlutterCupertinoDatePicker = createWebFComponent<FlutterCupertinoDatePickerElement, FlutterCupertinoDatePickerProps>({\n tagName: 'flutter-cupertino-date-picker',\n displayName: 'FlutterCupertinoDatePicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'minimumDate',\n 'maximumDate',\n 'minuteInterval',\n 'value',\n 'minimumYear',\n 'maximumYear',\n 'showDayOfWeek',\n 'dateOrder',\n 'height',\n 'use24H',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n minimumDate: 'minimum-date',\n maximumDate: 'maximum-date',\n minuteInterval: 'minute-interval',\n minimumYear: 'minimum-year',\n maximumYear: 'maximum-year',\n showDayOfWeek: 'show-day-of-week',\n dateOrder: 'date-order',\n use24H: 'use-24-h',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ninterface ContextMenuAction {\n text: string;\n icon?: string;\n destructive?: boolean;\n default?: boolean;\n event?: string;\n}\nexport interface FlutterCupertinoContextMenuProps {\n /**\n * enableHapticFeedback property\n * @default undefined\n */\n enableHapticFeedback?: boolean;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{\n setActions(actions: ContextMenuAction[]): void;\n}> {}\n/**\n * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoContextMenu\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoContextMenu>\n * ```\n */\nexport const FlutterCupertinoContextMenu = createWebFComponent<FlutterCupertinoContextMenuElement, FlutterCupertinoContextMenuProps>({\n tagName: 'flutter-cupertino-context-menu',\n displayName: 'FlutterCupertinoContextMenu',\n // Map props to attributes\n attributeProps: [\n 'enableHapticFeedback',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n enableHapticFeedback: 'enable-haptic-feedback',\n },\n // Event handlers\n events: [\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoCheckboxProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * checkColor property\n * @default undefined\n */\n checkColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * fillColorSelected property\n * @default undefined\n */\n fillColorSelected?: string;\n /**\n * fillColorDisabled property\n * @default undefined\n */\n fillColorDisabled?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoCheckbox - WebF FlutterCupertinoCheckbox component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoCheckbox\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoCheckbox>\n * ```\n */\nexport const FlutterCupertinoCheckbox = createWebFComponent<FlutterCupertinoCheckboxElement, FlutterCupertinoCheckboxProps>({\n tagName: 'flutter-cupertino-checkbox',\n displayName: 'FlutterCupertinoCheckbox',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'disabled',\n 'activeColor',\n 'checkColor',\n 'focusColor',\n 'fillColorSelected',\n 'fillColorDisabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n checkColor: 'check-color',\n focusColor: 'focus-color',\n fillColorSelected: 'fill-color-selected',\n fillColorDisabled: 'fill-color-disabled',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoButtonProps {\n /**\n * variant property\n * @default undefined\n */\n variant?: string;\n /**\n * size property\n * @default undefined\n */\n size?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * pressedOpacity property\n * @default undefined\n */\n pressedOpacity?: string;\n /**\n * click event handler\n */\n onClick?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoButton - WebF FlutterCupertinoButton component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoButton\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoButton>\n * ```\n */\nexport const FlutterCupertinoButton = createWebFComponent<FlutterCupertinoButtonElement, FlutterCupertinoButtonProps>({\n tagName: 'flutter-cupertino-button',\n displayName: 'FlutterCupertinoButton',\n // Map props to attributes\n attributeProps: [\n 'variant',\n 'size',\n 'disabled',\n 'pressedOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n pressedOpacity: 'pressed-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClick',\n eventName: 'click',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","// @ts-nocheck\n/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-use-before-define */\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport React, { forwardRef, useLayoutEffect, createElement, MouseEventHandler, useCallback, useRef } from 'react'\n\nconst NODE_MODE = false\n// const DEV_MODE = true\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<I>, I> &\n ElementProps<I>\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // [preact/compat] missing type `PropsWithoutRef` · Issue #4124 · preactjs/preact is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n ElementProps<I>\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createComponent({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T\n}\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>\n\n// A map of expected event listener types based on EventNames.\n\nexport interface Options<E extends EventNames = {}> {\n tagName: string\n events?: E\n displayName?: string\n}\n\n// type Constructor<T> = { new (): T }\n\nconst reservedReactProperties = new Set(['children', 'localName', 'ref', 'style', 'className'])\n\nconst listenedEvents = new WeakMap<Element, Map<string, EventListenerObject>>()\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (node: Element, event: string, listener: (event?: Event) => void) => {\n let events = listenedEvents.get(node)\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()))\n }\n let handler = events.get(event)\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = { handleEvent: listener }))\n node.addEventListener(event, handler)\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event)\n node.removeEventListener(event, handler)\n }\n}\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(node: E, name: string, value: unknown, old: unknown, events?: EventNames) => {\n const event = events?.[name]\n // Dirty check event value.\n if (event !== undefined) {\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void)\n }\n return\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E]\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // react/packages/react-dom-bindings/src/client/DOMPropertyOperations.js at 899cb95f52cc83ab5ca1eb1e268\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if ((value === undefined || value === null) && name in HTMLElement.prototype) {\n node.removeAttribute(name)\n }\n}\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const createComponent = <E extends any, I extends any>({\n tagName,\n events,\n displayName\n}: Options): ReactWebComponent<E, I> => {\n const eventProps = new Set(Object.keys(events ?? {}))\n\n type Props = ComponentProps<I>\n const ReactComponent = forwardRef<I, Props>((props, ref) => {\n const prevElemPropsRef = useRef(new Map())\n const elementRef = useRef<E | null>(null)\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {}\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {}\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v\n continue\n }\n\n if (eventProps.has(k)) {\n elementProps[k] = v\n continue\n }\n\n reactProps[k] = v\n }\n\n // useLayoutEffect produces warnings during server rendering.\n\n // This one has no dependency array so it'll run on every re-render.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useLayoutEffect(() => {\n if (elementRef.current === null) {\n return\n }\n const newElemProps = new Map()\n for (const key in elementProps) {\n setProperty(elementRef.current, key, props[key], prevElemPropsRef.current.get(key), events)\n prevElemPropsRef.current.delete(key)\n newElemProps.set(key, props[key])\n }\n // \"Unset\" any props from previous render that no longer exist.\n // Setting to `undefined` seems like the correct thing to \"unset\"\n // but currently React will set it as `null`.\n // See Bug: Removal of custom element property sets it to `null` rather than `undefined` · Issue #28203 · f\n for (const [key, value] of prevElemPropsRef.current) {\n setProperty(elementRef.current, key, undefined, value, events)\n }\n prevElemPropsRef.current = newElemProps\n })\n\n // Empty dependency array so this will only run once after first render.\n useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration')\n }, [])\n // }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n (createElement.name === 'litPatchedCreateElement' || globalThis.litSsrReactEnabled) &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true\n }\n\n return createElement(tagName, {\n ...reactProps,\n ref: useCallback(\n (node: I) => {\n elementRef.current = node\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref !== null) {\n // eslint-disable-next-line no-param-reassign\n ref.current = node\n }\n },\n [ref]\n )\n })\n })\n\n ReactComponent.displayName = displayName\n\n return ReactComponent\n}\n"],"mappings":"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","names":["import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/lib/src/timer-picker.tsx","../src/lib/src/textarea.tsx","../src/lib/src/tab_bar.tsx","../src/lib/src/tab.tsx","../src/lib/src/switch.tsx","../src/lib/src/slider.tsx","../src/lib/src/search-input.tsx","../src/lib/src/radio.tsx","../src/lib/src/picker.tsx","../src/lib/src/modal-popup.tsx","../src/lib/src/input.tsx","../src/lib/src/icon.tsx","../src/lib/src/date-picker.tsx","../src/lib/src/context-menu.tsx","../src/lib/src/checkbox.tsx","../src/lib/src/button.tsx","../src/utils/createComponent.ts"],"sourcesContent":["/*\n * Generated by TSDL, don't edit this file directly.\n */\nexport { FlutterCupertinoTimerPicker, FlutterCupertinoTimerPickerElement } from \"./lib/src/timer-picker\";\nexport { FlutterCupertinoTextarea, FlutterCupertinoTextareaElement } from \"./lib/src/textarea\";\nexport { FlutterCupertinoTabBar, FlutterCupertinoTabBarElement } from \"./lib/src/tab_bar\";\nexport { FlutterCupertinoTabBarItem, FlutterCupertinoTabBarItemElement } from \"./lib/src/tab_bar\";\nexport { FlutterCupertinoTab, FlutterCupertinoTabElement } from \"./lib/src/tab\";\nexport { FlutterCupertinoTabItem, FlutterCupertinoTabItemElement } from \"./lib/src/tab\";\nexport { FlutterCupertinoSwitch, FlutterCupertinoSwitchElement } from \"./lib/src/switch\";\nexport { FlutterCupertinoSlider, FlutterCupertinoSliderElement } from \"./lib/src/slider\";\nexport { FlutterCupertinoSearchInput, FlutterCupertinoSearchInputElement } from \"./lib/src/search-input\";\nexport { FlutterCupertinoRadio, FlutterCupertinoRadioElement } from \"./lib/src/radio\";\nexport { FlutterCupertinoPicker, FlutterCupertinoPickerElement } from \"./lib/src/picker\";\nexport { FlutterCupertinoModalPopup, FlutterCupertinoModalPopupElement } from \"./lib/src/modal-popup\";\nexport { FlutterCupertinoInput, FlutterCupertinoInputElement } from \"./lib/src/input\";\nexport { FlutterCupertinoIcon, FlutterCupertinoIconElement } from \"./lib/src/icon\";\nexport { FlutterCupertinoDatePicker, FlutterCupertinoDatePickerElement } from \"./lib/src/date-picker\";\nexport { FlutterCupertinoContextMenu, FlutterCupertinoContextMenuElement } from \"./lib/src/context-menu\";\nexport { FlutterCupertinoCheckbox, FlutterCupertinoCheckboxElement } from \"./lib/src/checkbox\";\nexport { FlutterCupertinoButton, FlutterCupertinoButtonElement } from \"./lib/src/button\";\nexport { createComponent } from \"./utils/createComponent\";","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTimerPickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * initialTimerDuration property\n * @default undefined\n */\n initialTimerDuration?: number;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: number;\n /**\n * secondInterval property\n * @default undefined\n */\n secondInterval?: number;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTimerPicker - WebF FlutterCupertinoTimerPicker component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTimerPicker\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTimerPicker>\n * ```\n */\nexport const FlutterCupertinoTimerPicker = createWebFComponent<FlutterCupertinoTimerPickerElement, FlutterCupertinoTimerPickerProps>({\n tagName: 'flutter-cupertino-timer-picker',\n displayName: 'FlutterCupertinoTimerPicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'initialTimerDuration',\n 'minuteInterval',\n 'secondInterval',\n 'backgroundColor',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n initialTimerDuration: 'initial-timer-duration',\n minuteInterval: 'minute-interval',\n secondInterval: 'second-interval',\n backgroundColor: 'background-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTextareaProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * maxLength property\n * @default undefined\n */\n maxLength?: number;\n /**\n * rows property\n * @default undefined\n */\n rows?: number;\n /**\n * showCount property\n * @default undefined\n */\n showCount?: boolean;\n /**\n * autoSize property\n * @default undefined\n */\n autoSize?: boolean;\n /**\n * transparent property\n * @default undefined\n */\n transparent?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * complete event handler\n */\n onComplete?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTextarea\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTextarea>\n * ```\n */\nexport const FlutterCupertinoTextarea = createWebFComponent<FlutterCupertinoTextareaElement, FlutterCupertinoTextareaProps>({\n tagName: 'flutter-cupertino-textarea',\n displayName: 'FlutterCupertinoTextarea',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'maxLength',\n 'rows',\n 'showCount',\n 'autoSize',\n 'transparent',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n maxLength: 'max-length',\n showCount: 'show-count',\n autoSize: 'auto-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onComplete',\n eventName: 'complete',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype CupertinoTabBarIcon = \"home\" | \"house\" | \"house_fill\" | \"search\" | \"search_circle\" | \"search_circle_fill\" | \"add\" | \"add_circled\" | \"add_circled_solid\" | \"plus\" | \"plus_circle\" | \"plus_circle_fill\" | \"person\" | \"person_fill\" | \"person_circle\" | \"person_circle_fill\" | \"profile_circled\" | \"bell\" | \"bell_fill\" | \"bell_circle\" | \"bell_circle_fill\" | \"chat_bubble\" | \"chat_bubble_fill\" | \"chat_bubble_2\" | \"chat_bubble_2_fill\" | \"mail\" | \"mail_solid\" | \"envelope\" | \"envelope_fill\" | \"phone\" | \"phone_fill\" | \"compass\" | \"compass_fill\" | \"location\" | \"location_fill\" | \"map\" | \"map_fill\" | \"photo\" | \"photo_fill\" | \"camera\" | \"camera_fill\" | \"video_camera\" | \"video_camera_solid\" | \"play\" | \"play_fill\" | \"play_circle\" | \"play_circle_fill\" | \"gear\" | \"gear_solid\" | \"settings\" | \"settings_solid\" | \"ellipsis\" | \"ellipsis_circle\" | \"ellipsis_circle_fill\" | \"creditcard\" | \"creditcard_fill\" | \"cart\" | \"cart_fill\" | \"bag\" | \"bag_fill\" | \"doc\" | \"doc_fill\" | \"doc_text\" | \"doc_text_fill\" | \"folder\" | \"folder_fill\" | \"book\" | \"book_fill\" | \"heart\" | \"heart_fill\" | \"star\" | \"star_fill\" | \"hand_thumbsup\" | \"hand_thumbsup_fill\" | \"bookmark\" | \"bookmark_fill\" | \"money_dollar\" | \"money_dollar_circle\" | \"money_dollar_circle_fill\" | \"info\" | \"info_circle\" | \"info_circle_fill\" | \"question\" | \"question_circle\" | \"question_circle_fill\" | \"exclamationmark\" | \"exclamationmark_circle\" | \"exclamationmark_circle_fill\";\ntype int = number;\ninterface FlutterCupertinoTabBarMethods {\n switchTab(path: string): void;\n}\nexport interface FlutterCupertinoTabBarProps {\n /**\n * currentIndex property\n * @default undefined\n */\n currentIndex?: string;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * iconSize property\n * @default undefined\n */\n iconSize?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * tabchange event handler\n */\n onTabchange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\n/**\n * Element interface with methods accessible via ref\n * @example\n * ```tsx\n * const ref = useRef<FlutterCupertinoTabBarElement>(null);\n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{\n switchTab(path: string): void;\n}> {}\n/**\n * FlutterCupertinoTabBar - WebF FlutterCupertinoTabBar component\n * \n * @example\n * ```tsx\n * const ref = useRef<FlutterCupertinoTabBarElement>(null);\n * \n * <FlutterCupertinoTabBar\n * ref={ref}\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTabBar>\n * \n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport const FlutterCupertinoTabBar = createWebFComponent<FlutterCupertinoTabBarElement, FlutterCupertinoTabBarProps>({\n tagName: 'flutter-cupertino-tab-bar',\n displayName: 'FlutterCupertinoTabBar',\n // Map props to attributes\n attributeProps: [\n 'currentIndex',\n 'backgroundColor',\n 'activeColor',\n 'inactiveColor',\n 'iconSize',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n currentIndex: 'current-index',\n backgroundColor: 'background-color',\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n iconSize: 'icon-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onTabchange',\n eventName: 'tabchange',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabBarItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * icon property\n * @default undefined\n */\n icon?: CupertinoTabBarIcon;\n /**\n * path property\n * @default undefined\n */\n path?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabBarItem - WebF FlutterCupertinoTabBarItem component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTabBarItem\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTabBarItem>\n * ```\n */\nexport const FlutterCupertinoTabBarItem = createWebFComponent<FlutterCupertinoTabBarItemElement, FlutterCupertinoTabBarItemProps>({\n tagName: 'flutter-cupertino-tab-bar-item',\n displayName: 'FlutterCupertinoTabBarItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n 'icon',\n 'path',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype int = number;\nexport interface FlutterCupertinoTabProps {\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTab - WebF FlutterCupertinoTab component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTab\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTab>\n * ```\n */\nexport const FlutterCupertinoTab = createWebFComponent<FlutterCupertinoTabElement, FlutterCupertinoTabProps>({\n tagName: 'flutter-cupertino-tab',\n displayName: 'FlutterCupertinoTab',\n // Map props to attributes\n attributeProps: [\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabItem - WebF FlutterCupertinoTabItem component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTabItem\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTabItem>\n * ```\n */\nexport const FlutterCupertinoTabItem = createWebFComponent<FlutterCupertinoTabItemElement, FlutterCupertinoTabItemProps>({\n tagName: 'flutter-cupertino-tab-item',\n displayName: 'FlutterCupertinoTabItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSwitchProps {\n /**\n * checked property\n * @default undefined\n */\n checked?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSwitch - WebF FlutterCupertinoSwitch component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoSwitch\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoSwitch>\n * ```\n */\nexport const FlutterCupertinoSwitch = createWebFComponent<FlutterCupertinoSwitchElement, FlutterCupertinoSwitchProps>({\n tagName: 'flutter-cupertino-switch',\n displayName: 'FlutterCupertinoSwitch',\n // Map props to attributes\n attributeProps: [\n 'checked',\n 'disabled',\n 'activeColor',\n 'inactiveColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSliderProps {\n /**\n * val property\n * @default undefined\n */\n val?: number;\n /**\n * min property\n * @default undefined\n */\n min?: number;\n /**\n * max property\n * @default undefined\n */\n max?: number;\n /**\n * step property\n * @default undefined\n */\n step?: number;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * changestart event handler\n */\n onChangestart?: (event: CustomEvent) => void;\n /**\n * changeend event handler\n */\n onChangeend?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoSlider\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoSlider>\n * ```\n */\nexport const FlutterCupertinoSlider = createWebFComponent<FlutterCupertinoSliderElement, FlutterCupertinoSliderProps>({\n tagName: 'flutter-cupertino-slider',\n displayName: 'FlutterCupertinoSlider',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'min',\n 'max',\n 'step',\n 'disabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangestart',\n eventName: 'changestart',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangeend',\n eventName: 'changeend',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSearchInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * prefixIcon property\n * @default undefined\n */\n prefixIcon?: string;\n /**\n * suffixIcon property\n * @default undefined\n */\n suffixIcon?: string;\n /**\n * suffixModel property\n * @default undefined\n */\n suffixModel?: string;\n /**\n * itemColor property\n * @default undefined\n */\n itemColor?: string;\n /**\n * itemSize property\n * @default undefined\n */\n itemSize?: number;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * search event handler\n */\n onSearch?: (event: CustomEvent) => void;\n /**\n * clear event handler\n */\n onClear?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoSearchInput\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoSearchInput>\n * ```\n */\nexport const FlutterCupertinoSearchInput = createWebFComponent<FlutterCupertinoSearchInputElement, FlutterCupertinoSearchInputProps>({\n tagName: 'flutter-cupertino-search-input',\n displayName: 'FlutterCupertinoSearchInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'type',\n 'prefixIcon',\n 'suffixIcon',\n 'suffixModel',\n 'itemColor',\n 'itemSize',\n 'autofocus',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n prefixIcon: 'prefix-icon',\n suffixIcon: 'suffix-icon',\n suffixModel: 'suffix-model',\n itemColor: 'item-color',\n itemSize: 'item-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSearch',\n eventName: 'search',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onClear',\n eventName: 'clear',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoRadioProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * groupValue property\n * @default undefined\n */\n groupValue?: string;\n /**\n * useCheckmarkStyle property\n * @default undefined\n */\n useCheckmarkStyle?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoRadio - WebF FlutterCupertinoRadio component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoRadio\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoRadio>\n * ```\n */\nexport const FlutterCupertinoRadio = createWebFComponent<FlutterCupertinoRadioElement, FlutterCupertinoRadioProps>({\n tagName: 'flutter-cupertino-radio',\n displayName: 'FlutterCupertinoRadio',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'groupValue',\n 'useCheckmarkStyle',\n 'disabled',\n 'activeColor',\n 'focusColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n groupValue: 'group-value',\n useCheckmarkStyle: 'use-checkmark-style',\n activeColor: 'active-color',\n focusColor: 'focus-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoPickerProps {\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * itemHeight property\n * @default undefined\n */\n itemHeight?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoPicker - WebF FlutterCupertinoPicker component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoPicker\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoPicker>\n * ```\n */\nexport const FlutterCupertinoPicker = createWebFComponent<FlutterCupertinoPickerElement, FlutterCupertinoPickerProps>({\n tagName: 'flutter-cupertino-picker',\n displayName: 'FlutterCupertinoPicker',\n // Map props to attributes\n attributeProps: [\n 'height',\n 'itemHeight',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n itemHeight: 'item-height',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoModalPopupProps {\n /**\n * visible property\n * @default undefined\n */\n visible?: boolean;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * surfacePainted property\n * @default undefined\n */\n surfacePainted?: boolean;\n /**\n * maskClosable property\n * @default undefined\n */\n maskClosable?: boolean;\n /**\n * backgroundOpacity property\n * @default undefined\n */\n backgroundOpacity?: number;\n /**\n * close event handler\n */\n onClose?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoModalPopup\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoModalPopup>\n * ```\n */\nexport const FlutterCupertinoModalPopup = createWebFComponent<FlutterCupertinoModalPopupElement, FlutterCupertinoModalPopupProps>({\n tagName: 'flutter-cupertino-modal-popup',\n displayName: 'FlutterCupertinoModalPopup',\n // Map props to attributes\n attributeProps: [\n 'visible',\n 'height',\n 'surfacePainted',\n 'maskClosable',\n 'backgroundOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n surfacePainted: 'surface-painted',\n maskClosable: 'mask-closable',\n backgroundOpacity: 'background-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClose',\n eventName: 'close',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * clearable property\n * @default undefined\n */\n clearable?: boolean;\n /**\n * maxlength property\n * @default undefined\n */\n maxlength?: number;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * submit event handler\n */\n onSubmit?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoInputElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoInput - WebF FlutterCupertinoInput component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoInput\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoInput>\n * ```\n */\nexport const FlutterCupertinoInput = createWebFComponent<FlutterCupertinoInputElement, FlutterCupertinoInputProps>({\n tagName: 'flutter-cupertino-input',\n displayName: 'FlutterCupertinoInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'type',\n 'disabled',\n 'autofocus',\n 'clearable',\n 'maxlength',\n 'readonly',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSubmit',\n eventName: 'submit',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoIconProps {\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * label property\n * @default undefined\n */\n label?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoIconElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoIcon - WebF FlutterCupertinoIcon component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoIcon\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoIcon>\n * ```\n */\nexport const FlutterCupertinoIcon = createWebFComponent<FlutterCupertinoIconElement, FlutterCupertinoIconProps>({\n tagName: 'flutter-cupertino-icon',\n displayName: 'FlutterCupertinoIcon',\n // Map props to attributes\n attributeProps: [\n 'type',\n 'label',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoDatePickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * minimumDate property\n * @default undefined\n */\n minimumDate?: string;\n /**\n * maximumDate property\n * @default undefined\n */\n maximumDate?: string;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: string;\n /**\n * value property\n * @default undefined\n */\n value?: string;\n /**\n * minimumYear property\n * @default undefined\n */\n minimumYear?: string;\n /**\n * maximumYear property\n * @default undefined\n */\n maximumYear?: string;\n /**\n * showDayOfWeek property\n * @default undefined\n */\n showDayOfWeek?: string;\n /**\n * dateOrder property\n * @default undefined\n */\n dateOrder?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * use24H property\n * @default undefined\n */\n use24H?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoDatePicker - WebF FlutterCupertinoDatePicker component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoDatePicker\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoDatePicker>\n * ```\n */\nexport const FlutterCupertinoDatePicker = createWebFComponent<FlutterCupertinoDatePickerElement, FlutterCupertinoDatePickerProps>({\n tagName: 'flutter-cupertino-date-picker',\n displayName: 'FlutterCupertinoDatePicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'minimumDate',\n 'maximumDate',\n 'minuteInterval',\n 'value',\n 'minimumYear',\n 'maximumYear',\n 'showDayOfWeek',\n 'dateOrder',\n 'height',\n 'use24H',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n minimumDate: 'minimum-date',\n maximumDate: 'maximum-date',\n minuteInterval: 'minute-interval',\n minimumYear: 'minimum-year',\n maximumYear: 'maximum-year',\n showDayOfWeek: 'show-day-of-week',\n dateOrder: 'date-order',\n use24H: 'use-24-h',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ninterface ContextMenuAction {\n text: string;\n icon?: string;\n destructive?: boolean;\n default?: boolean;\n event?: string;\n}\nexport interface FlutterCupertinoContextMenuProps {\n /**\n * enableHapticFeedback property\n * @default undefined\n */\n enableHapticFeedback?: boolean;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoContextMenu\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoContextMenu>\n * ```\n */\nexport const FlutterCupertinoContextMenu = createWebFComponent<FlutterCupertinoContextMenuElement, FlutterCupertinoContextMenuProps>({\n tagName: 'flutter-cupertino-context-menu',\n displayName: 'FlutterCupertinoContextMenu',\n // Map props to attributes\n attributeProps: [\n 'enableHapticFeedback',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n enableHapticFeedback: 'enable-haptic-feedback',\n },\n // Event handlers\n events: [\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoCheckboxProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * checkColor property\n * @default undefined\n */\n checkColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * fillColorSelected property\n * @default undefined\n */\n fillColorSelected?: string;\n /**\n * fillColorDisabled property\n * @default undefined\n */\n fillColorDisabled?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoCheckbox - WebF FlutterCupertinoCheckbox component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoCheckbox\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoCheckbox>\n * ```\n */\nexport const FlutterCupertinoCheckbox = createWebFComponent<FlutterCupertinoCheckboxElement, FlutterCupertinoCheckboxProps>({\n tagName: 'flutter-cupertino-checkbox',\n displayName: 'FlutterCupertinoCheckbox',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'disabled',\n 'activeColor',\n 'checkColor',\n 'focusColor',\n 'fillColorSelected',\n 'fillColorDisabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n checkColor: 'check-color',\n focusColor: 'focus-color',\n fillColorSelected: 'fill-color-selected',\n fillColorDisabled: 'fill-color-disabled',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoButtonProps {\n /**\n * variant property\n * @default undefined\n */\n variant?: string;\n /**\n * size property\n * @default undefined\n */\n size?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * pressedOpacity property\n * @default undefined\n */\n pressedOpacity?: string;\n /**\n * click event handler\n */\n onClick?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoButton - WebF FlutterCupertinoButton component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoButton\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoButton>\n * ```\n */\nexport const FlutterCupertinoButton = createWebFComponent<FlutterCupertinoButtonElement, FlutterCupertinoButtonProps>({\n tagName: 'flutter-cupertino-button',\n displayName: 'FlutterCupertinoButton',\n // Map props to attributes\n attributeProps: [\n 'variant',\n 'size',\n 'disabled',\n 'pressedOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n pressedOpacity: 'pressed-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClick',\n eventName: 'click',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","// @ts-nocheck\n/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-use-before-define */\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport React, { forwardRef, useLayoutEffect, createElement, MouseEventHandler, useCallback, useRef } from 'react'\n\nconst NODE_MODE = false\n// const DEV_MODE = true\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<I>, I> &\n ElementProps<I>\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // [preact/compat] missing type `PropsWithoutRef` · Issue #4124 · preactjs/preact is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n ElementProps<I>\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createComponent({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T\n}\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>\n\n// A map of expected event listener types based on EventNames.\n\nexport interface Options<E extends EventNames = {}> {\n tagName: string\n events?: E\n displayName?: string\n}\n\n// type Constructor<T> = { new (): T }\n\nconst reservedReactProperties = new Set(['children', 'localName', 'ref', 'style', 'className'])\n\nconst listenedEvents = new WeakMap<Element, Map<string, EventListenerObject>>()\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (node: Element, event: string, listener: (event?: Event) => void) => {\n let events = listenedEvents.get(node)\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()))\n }\n let handler = events.get(event)\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = { handleEvent: listener }))\n node.addEventListener(event, handler)\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event)\n node.removeEventListener(event, handler)\n }\n}\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(node: E, name: string, value: unknown, old: unknown, events?: EventNames) => {\n const event = events?.[name]\n // Dirty check event value.\n if (event !== undefined) {\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void)\n }\n return\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E]\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // react/packages/react-dom-bindings/src/client/DOMPropertyOperations.js at 899cb95f52cc83ab5ca1eb1e268\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if ((value === undefined || value === null) && name in HTMLElement.prototype) {\n node.removeAttribute(name)\n }\n}\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const createComponent = <E extends any, I extends any>({\n tagName,\n events,\n displayName\n}: Options): ReactWebComponent<E, I> => {\n const eventProps = new Set(Object.keys(events ?? {}))\n\n type Props = ComponentProps<I>\n const ReactComponent = forwardRef<I, Props>((props, ref) => {\n const prevElemPropsRef = useRef(new Map())\n const elementRef = useRef<E | null>(null)\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {}\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {}\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v\n continue\n }\n\n if (eventProps.has(k)) {\n elementProps[k] = v\n continue\n }\n\n reactProps[k] = v\n }\n\n // useLayoutEffect produces warnings during server rendering.\n\n // This one has no dependency array so it'll run on every re-render.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useLayoutEffect(() => {\n if (elementRef.current === null) {\n return\n }\n const newElemProps = new Map()\n for (const key in elementProps) {\n setProperty(elementRef.current, key, props[key], prevElemPropsRef.current.get(key), events)\n prevElemPropsRef.current.delete(key)\n newElemProps.set(key, props[key])\n }\n // \"Unset\" any props from previous render that no longer exist.\n // Setting to `undefined` seems like the correct thing to \"unset\"\n // but currently React will set it as `null`.\n // See Bug: Removal of custom element property sets it to `null` rather than `undefined` · Issue #28203 · f\n for (const [key, value] of prevElemPropsRef.current) {\n setProperty(elementRef.current, key, undefined, value, events)\n }\n prevElemPropsRef.current = newElemProps\n })\n\n // Empty dependency array so this will only run once after first render.\n useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration')\n }, [])\n // }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n (createElement.name === 'litPatchedCreateElement' || globalThis.litSsrReactEnabled) &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true\n }\n\n return createElement(tagName, {\n ...reactProps,\n ref: useCallback(\n (node: I) => {\n elementRef.current = node\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref !== null) {\n // eslint-disable-next-line no-param-reassign\n ref.current = node\n }\n },\n [ref]\n )\n })\n })\n\n ReactComponent.displayName = displayName\n\n return ReactComponent\n}\n"],"mappings":"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","names":["import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui","import_react_core_ui"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/lib/src/timer-picker.tsx","../src/lib/src/textarea.tsx","../src/lib/src/tab_bar.tsx","../src/lib/src/tab.tsx","../src/lib/src/switch.tsx","../src/lib/src/slider.tsx","../src/lib/src/search-input.tsx","../src/lib/src/radio.tsx","../src/lib/src/picker.tsx","../src/lib/src/modal-popup.tsx","../src/lib/src/input.tsx","../src/lib/src/icon.tsx","../src/lib/src/date-picker.tsx","../src/lib/src/context-menu.tsx","../src/lib/src/checkbox.tsx","../src/lib/src/button.tsx","../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTimerPickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * initialTimerDuration property\n * @default undefined\n */\n initialTimerDuration?: number;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: number;\n /**\n * secondInterval property\n * @default undefined\n */\n secondInterval?: number;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTimerPicker - WebF FlutterCupertinoTimerPicker component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTimerPicker\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTimerPicker>\n * ```\n */\nexport const FlutterCupertinoTimerPicker = createWebFComponent<FlutterCupertinoTimerPickerElement, FlutterCupertinoTimerPickerProps>({\n tagName: 'flutter-cupertino-timer-picker',\n displayName: 'FlutterCupertinoTimerPicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'initialTimerDuration',\n 'minuteInterval',\n 'secondInterval',\n 'backgroundColor',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n initialTimerDuration: 'initial-timer-duration',\n minuteInterval: 'minute-interval',\n secondInterval: 'second-interval',\n backgroundColor: 'background-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTextareaProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * maxLength property\n * @default undefined\n */\n maxLength?: number;\n /**\n * rows property\n * @default undefined\n */\n rows?: number;\n /**\n * showCount property\n * @default undefined\n */\n showCount?: boolean;\n /**\n * autoSize property\n * @default undefined\n */\n autoSize?: boolean;\n /**\n * transparent property\n * @default undefined\n */\n transparent?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * complete event handler\n */\n onComplete?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{\n focus(): void;\n blur(): void;\n clear(): void;\n}> {}\n/**\n * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTextarea\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTextarea>\n * ```\n */\nexport const FlutterCupertinoTextarea = createWebFComponent<FlutterCupertinoTextareaElement, FlutterCupertinoTextareaProps>({\n tagName: 'flutter-cupertino-textarea',\n displayName: 'FlutterCupertinoTextarea',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'maxLength',\n 'rows',\n 'showCount',\n 'autoSize',\n 'transparent',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n maxLength: 'max-length',\n showCount: 'show-count',\n autoSize: 'auto-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onComplete',\n eventName: 'complete',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype CupertinoTabBarIcon = \"home\" | \"house\" | \"house_fill\" | \"search\" | \"search_circle\" | \"search_circle_fill\" | \"add\" | \"add_circled\" | \"add_circled_solid\" | \"plus\" | \"plus_circle\" | \"plus_circle_fill\" | \"person\" | \"person_fill\" | \"person_circle\" | \"person_circle_fill\" | \"profile_circled\" | \"bell\" | \"bell_fill\" | \"bell_circle\" | \"bell_circle_fill\" | \"chat_bubble\" | \"chat_bubble_fill\" | \"chat_bubble_2\" | \"chat_bubble_2_fill\" | \"mail\" | \"mail_solid\" | \"envelope\" | \"envelope_fill\" | \"phone\" | \"phone_fill\" | \"compass\" | \"compass_fill\" | \"location\" | \"location_fill\" | \"map\" | \"map_fill\" | \"photo\" | \"photo_fill\" | \"camera\" | \"camera_fill\" | \"video_camera\" | \"video_camera_solid\" | \"play\" | \"play_fill\" | \"play_circle\" | \"play_circle_fill\" | \"gear\" | \"gear_solid\" | \"settings\" | \"settings_solid\" | \"ellipsis\" | \"ellipsis_circle\" | \"ellipsis_circle_fill\" | \"creditcard\" | \"creditcard_fill\" | \"cart\" | \"cart_fill\" | \"bag\" | \"bag_fill\" | \"doc\" | \"doc_fill\" | \"doc_text\" | \"doc_text_fill\" | \"folder\" | \"folder_fill\" | \"book\" | \"book_fill\" | \"heart\" | \"heart_fill\" | \"star\" | \"star_fill\" | \"hand_thumbsup\" | \"hand_thumbsup_fill\" | \"bookmark\" | \"bookmark_fill\" | \"money_dollar\" | \"money_dollar_circle\" | \"money_dollar_circle_fill\" | \"info\" | \"info_circle\" | \"info_circle_fill\" | \"question\" | \"question_circle\" | \"question_circle_fill\" | \"exclamationmark\" | \"exclamationmark_circle\" | \"exclamationmark_circle_fill\";\ntype int = number;\nexport interface FlutterCupertinoTabBarProps {\n /**\n * currentIndex property\n * @default undefined\n */\n currentIndex?: string;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * iconSize property\n * @default undefined\n */\n iconSize?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * tabchange event handler\n */\n onTabchange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{\n switchTab(path: string): void;\n}> {}\n/**\n * FlutterCupertinoTabBar - WebF FlutterCupertinoTabBar component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTabBar\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTabBar>\n * ```\n */\nexport const FlutterCupertinoTabBar = createWebFComponent<FlutterCupertinoTabBarElement, FlutterCupertinoTabBarProps>({\n tagName: 'flutter-cupertino-tab-bar',\n displayName: 'FlutterCupertinoTabBar',\n // Map props to attributes\n attributeProps: [\n 'currentIndex',\n 'backgroundColor',\n 'activeColor',\n 'inactiveColor',\n 'iconSize',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n currentIndex: 'current-index',\n backgroundColor: 'background-color',\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n iconSize: 'icon-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onTabchange',\n eventName: 'tabchange',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabBarItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * icon property\n * @default undefined\n */\n icon?: CupertinoTabBarIcon;\n /**\n * path property\n * @default undefined\n */\n path?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabBarItem - WebF FlutterCupertinoTabBarItem component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTabBarItem\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTabBarItem>\n * ```\n */\nexport const FlutterCupertinoTabBarItem = createWebFComponent<FlutterCupertinoTabBarItemElement, FlutterCupertinoTabBarItemProps>({\n tagName: 'flutter-cupertino-tab-bar-item',\n displayName: 'FlutterCupertinoTabBarItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n 'icon',\n 'path',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype int = number;\nexport interface FlutterCupertinoTabProps {\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabElement extends WebFElementWithMethods<{\n switchTab(index: number): void;\n}> {}\n/**\n * FlutterCupertinoTab - WebF FlutterCupertinoTab component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTab\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTab>\n * ```\n */\nexport const FlutterCupertinoTab = createWebFComponent<FlutterCupertinoTabElement, FlutterCupertinoTabProps>({\n tagName: 'flutter-cupertino-tab',\n displayName: 'FlutterCupertinoTab',\n // Map props to attributes\n attributeProps: [\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabItem - WebF FlutterCupertinoTabItem component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoTabItem\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoTabItem>\n * ```\n */\nexport const FlutterCupertinoTabItem = createWebFComponent<FlutterCupertinoTabItemElement, FlutterCupertinoTabItemProps>({\n tagName: 'flutter-cupertino-tab-item',\n displayName: 'FlutterCupertinoTabItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSwitchProps {\n /**\n * checked property\n * @default undefined\n */\n checked?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSwitch - WebF FlutterCupertinoSwitch component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoSwitch\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoSwitch>\n * ```\n */\nexport const FlutterCupertinoSwitch = createWebFComponent<FlutterCupertinoSwitchElement, FlutterCupertinoSwitchProps>({\n tagName: 'flutter-cupertino-switch',\n displayName: 'FlutterCupertinoSwitch',\n // Map props to attributes\n attributeProps: [\n 'checked',\n 'disabled',\n 'activeColor',\n 'inactiveColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSliderProps {\n /**\n * val property\n * @default undefined\n */\n val?: number;\n /**\n * min property\n * @default undefined\n */\n min?: number;\n /**\n * max property\n * @default undefined\n */\n max?: number;\n /**\n * step property\n * @default undefined\n */\n step?: number;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * changestart event handler\n */\n onChangestart?: (event: CustomEvent) => void;\n /**\n * changeend event handler\n */\n onChangeend?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{\n getValue(): number;\n setValue(val: number): void;\n}> {}\n/**\n * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoSlider\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoSlider>\n * ```\n */\nexport const FlutterCupertinoSlider = createWebFComponent<FlutterCupertinoSliderElement, FlutterCupertinoSliderProps>({\n tagName: 'flutter-cupertino-slider',\n displayName: 'FlutterCupertinoSlider',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'min',\n 'max',\n 'step',\n 'disabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangestart',\n eventName: 'changestart',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangeend',\n eventName: 'changeend',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSearchInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * prefixIcon property\n * @default undefined\n */\n prefixIcon?: string;\n /**\n * suffixIcon property\n * @default undefined\n */\n suffixIcon?: string;\n /**\n * suffixModel property\n * @default undefined\n */\n suffixModel?: string;\n /**\n * itemColor property\n * @default undefined\n */\n itemColor?: string;\n /**\n * itemSize property\n * @default undefined\n */\n itemSize?: number;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * search event handler\n */\n onSearch?: (event: CustomEvent) => void;\n /**\n * clear event handler\n */\n onClear?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{\n getValue(): string;\n setValue(value: string): void;\n focus(): void;\n blur(): void;\n clear(): void;\n}> {}\n/**\n * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoSearchInput\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoSearchInput>\n * ```\n */\nexport const FlutterCupertinoSearchInput = createWebFComponent<FlutterCupertinoSearchInputElement, FlutterCupertinoSearchInputProps>({\n tagName: 'flutter-cupertino-search-input',\n displayName: 'FlutterCupertinoSearchInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'type',\n 'prefixIcon',\n 'suffixIcon',\n 'suffixModel',\n 'itemColor',\n 'itemSize',\n 'autofocus',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n prefixIcon: 'prefix-icon',\n suffixIcon: 'suffix-icon',\n suffixModel: 'suffix-model',\n itemColor: 'item-color',\n itemSize: 'item-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSearch',\n eventName: 'search',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onClear',\n eventName: 'clear',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoRadioProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * groupValue property\n * @default undefined\n */\n groupValue?: string;\n /**\n * useCheckmarkStyle property\n * @default undefined\n */\n useCheckmarkStyle?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoRadio - WebF FlutterCupertinoRadio component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoRadio\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoRadio>\n * ```\n */\nexport const FlutterCupertinoRadio = createWebFComponent<FlutterCupertinoRadioElement, FlutterCupertinoRadioProps>({\n tagName: 'flutter-cupertino-radio',\n displayName: 'FlutterCupertinoRadio',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'groupValue',\n 'useCheckmarkStyle',\n 'disabled',\n 'activeColor',\n 'focusColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n groupValue: 'group-value',\n useCheckmarkStyle: 'use-checkmark-style',\n activeColor: 'active-color',\n focusColor: 'focus-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoPickerProps {\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * itemHeight property\n * @default undefined\n */\n itemHeight?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoPicker - WebF FlutterCupertinoPicker component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoPicker\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoPicker>\n * ```\n */\nexport const FlutterCupertinoPicker = createWebFComponent<FlutterCupertinoPickerElement, FlutterCupertinoPickerProps>({\n tagName: 'flutter-cupertino-picker',\n displayName: 'FlutterCupertinoPicker',\n // Map props to attributes\n attributeProps: [\n 'height',\n 'itemHeight',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n itemHeight: 'item-height',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoModalPopupProps {\n /**\n * visible property\n * @default undefined\n */\n visible?: boolean;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * surfacePainted property\n * @default undefined\n */\n surfacePainted?: boolean;\n /**\n * maskClosable property\n * @default undefined\n */\n maskClosable?: boolean;\n /**\n * backgroundOpacity property\n * @default undefined\n */\n backgroundOpacity?: number;\n /**\n * close event handler\n */\n onClose?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{\n show(): void;\n hide(): void;\n}> {}\n/**\n * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoModalPopup\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoModalPopup>\n * ```\n */\nexport const FlutterCupertinoModalPopup = createWebFComponent<FlutterCupertinoModalPopupElement, FlutterCupertinoModalPopupProps>({\n tagName: 'flutter-cupertino-modal-popup',\n displayName: 'FlutterCupertinoModalPopup',\n // Map props to attributes\n attributeProps: [\n 'visible',\n 'height',\n 'surfacePainted',\n 'maskClosable',\n 'backgroundOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n surfacePainted: 'surface-painted',\n maskClosable: 'mask-closable',\n backgroundOpacity: 'background-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClose',\n eventName: 'close',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * clearable property\n * @default undefined\n */\n clearable?: boolean;\n /**\n * maxlength property\n * @default undefined\n */\n maxlength?: number;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * submit event handler\n */\n onSubmit?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoInputElement extends WebFElementWithMethods<{\n getValue(): string;\n setValue(value: string): void;\n focus(): void;\n blur(): void;\n}> {}\n/**\n * FlutterCupertinoInput - WebF FlutterCupertinoInput component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoInput\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoInput>\n * ```\n */\nexport const FlutterCupertinoInput = createWebFComponent<FlutterCupertinoInputElement, FlutterCupertinoInputProps>({\n tagName: 'flutter-cupertino-input',\n displayName: 'FlutterCupertinoInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'type',\n 'disabled',\n 'autofocus',\n 'clearable',\n 'maxlength',\n 'readonly',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSubmit',\n eventName: 'submit',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoIconProps {\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * label property\n * @default undefined\n */\n label?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoIconElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoIcon - WebF FlutterCupertinoIcon component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoIcon\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoIcon>\n * ```\n */\nexport const FlutterCupertinoIcon = createWebFComponent<FlutterCupertinoIconElement, FlutterCupertinoIconProps>({\n tagName: 'flutter-cupertino-icon',\n displayName: 'FlutterCupertinoIcon',\n // Map props to attributes\n attributeProps: [\n 'type',\n 'label',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoDatePickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * minimumDate property\n * @default undefined\n */\n minimumDate?: string;\n /**\n * maximumDate property\n * @default undefined\n */\n maximumDate?: string;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: string;\n /**\n * value property\n * @default undefined\n */\n value?: string;\n /**\n * minimumYear property\n * @default undefined\n */\n minimumYear?: string;\n /**\n * maximumYear property\n * @default undefined\n */\n maximumYear?: string;\n /**\n * showDayOfWeek property\n * @default undefined\n */\n showDayOfWeek?: string;\n /**\n * dateOrder property\n * @default undefined\n */\n dateOrder?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * use24H property\n * @default undefined\n */\n use24H?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoDatePicker - WebF FlutterCupertinoDatePicker component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoDatePicker\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoDatePicker>\n * ```\n */\nexport const FlutterCupertinoDatePicker = createWebFComponent<FlutterCupertinoDatePickerElement, FlutterCupertinoDatePickerProps>({\n tagName: 'flutter-cupertino-date-picker',\n displayName: 'FlutterCupertinoDatePicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'minimumDate',\n 'maximumDate',\n 'minuteInterval',\n 'value',\n 'minimumYear',\n 'maximumYear',\n 'showDayOfWeek',\n 'dateOrder',\n 'height',\n 'use24H',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n minimumDate: 'minimum-date',\n maximumDate: 'maximum-date',\n minuteInterval: 'minute-interval',\n minimumYear: 'minimum-year',\n maximumYear: 'maximum-year',\n showDayOfWeek: 'show-day-of-week',\n dateOrder: 'date-order',\n use24H: 'use-24-h',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ninterface ContextMenuAction {\n text: string;\n icon?: string;\n destructive?: boolean;\n default?: boolean;\n event?: string;\n}\nexport interface FlutterCupertinoContextMenuProps {\n /**\n * enableHapticFeedback property\n * @default undefined\n */\n enableHapticFeedback?: boolean;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{\n setActions(actions: ContextMenuAction[]): void;\n}> {}\n/**\n * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoContextMenu\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoContextMenu>\n * ```\n */\nexport const FlutterCupertinoContextMenu = createWebFComponent<FlutterCupertinoContextMenuElement, FlutterCupertinoContextMenuProps>({\n tagName: 'flutter-cupertino-context-menu',\n displayName: 'FlutterCupertinoContextMenu',\n // Map props to attributes\n attributeProps: [\n 'enableHapticFeedback',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n enableHapticFeedback: 'enable-haptic-feedback',\n },\n // Event handlers\n events: [\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoCheckboxProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * checkColor property\n * @default undefined\n */\n checkColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * fillColorSelected property\n * @default undefined\n */\n fillColorSelected?: string;\n /**\n * fillColorDisabled property\n * @default undefined\n */\n fillColorDisabled?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoCheckbox - WebF FlutterCupertinoCheckbox component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoCheckbox\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoCheckbox>\n * ```\n */\nexport const FlutterCupertinoCheckbox = createWebFComponent<FlutterCupertinoCheckboxElement, FlutterCupertinoCheckboxProps>({\n tagName: 'flutter-cupertino-checkbox',\n displayName: 'FlutterCupertinoCheckbox',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'disabled',\n 'activeColor',\n 'checkColor',\n 'focusColor',\n 'fillColorSelected',\n 'fillColorDisabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n checkColor: 'check-color',\n focusColor: 'focus-color',\n fillColorSelected: 'fill-color-selected',\n fillColorDisabled: 'fill-color-disabled',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoButtonProps {\n /**\n * variant property\n * @default undefined\n */\n variant?: string;\n /**\n * size property\n * @default undefined\n */\n size?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * pressedOpacity property\n * @default undefined\n */\n pressedOpacity?: string;\n /**\n * click event handler\n */\n onClick?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoButton - WebF FlutterCupertinoButton component\n * \n * @example\n * ```tsx\n * <FlutterCupertinoButton\n * // Add example props here\n * >\n * Content\n * </FlutterCupertinoButton>\n * ```\n */\nexport const FlutterCupertinoButton = createWebFComponent<FlutterCupertinoButtonElement, FlutterCupertinoButtonProps>({\n tagName: 'flutter-cupertino-button',\n displayName: 'FlutterCupertinoButton',\n // Map props to attributes\n attributeProps: [\n 'variant',\n 'size',\n 'disabled',\n 'pressedOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n pressedOpacity: 'pressed-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClick',\n eventName: 'click',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","// @ts-nocheck\n/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-use-before-define */\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport React, { forwardRef, useLayoutEffect, createElement, MouseEventHandler, useCallback, useRef } from 'react'\n\nconst NODE_MODE = false\n// const DEV_MODE = true\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<I>, I> &\n ElementProps<I>\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // [preact/compat] missing type `PropsWithoutRef` · Issue #4124 · preactjs/preact is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n ElementProps<I>\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createComponent({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T\n}\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>\n\n// A map of expected event listener types based on EventNames.\n\nexport interface Options<E extends EventNames = {}> {\n tagName: string\n events?: E\n displayName?: string\n}\n\n// type Constructor<T> = { new (): T }\n\nconst reservedReactProperties = new Set(['children', 'localName', 'ref', 'style', 'className'])\n\nconst listenedEvents = new WeakMap<Element, Map<string, EventListenerObject>>()\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (node: Element, event: string, listener: (event?: Event) => void) => {\n let events = listenedEvents.get(node)\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()))\n }\n let handler = events.get(event)\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = { handleEvent: listener }))\n node.addEventListener(event, handler)\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event)\n node.removeEventListener(event, handler)\n }\n}\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(node: E, name: string, value: unknown, old: unknown, events?: EventNames) => {\n const event = events?.[name]\n // Dirty check event value.\n if (event !== undefined) {\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void)\n }\n return\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E]\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // react/packages/react-dom-bindings/src/client/DOMPropertyOperations.js at 899cb95f52cc83ab5ca1eb1e268\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if ((value === undefined || value === null) && name in HTMLElement.prototype) {\n node.removeAttribute(name)\n }\n}\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const createComponent = <E extends any, I extends any>({\n tagName,\n events,\n displayName\n}: Options): ReactWebComponent<E, I> => {\n const eventProps = new Set(Object.keys(events ?? {}))\n\n type Props = ComponentProps<I>\n const ReactComponent = forwardRef<I, Props>((props, ref) => {\n const prevElemPropsRef = useRef(new Map())\n const elementRef = useRef<E | null>(null)\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {}\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {}\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v\n continue\n }\n\n if (eventProps.has(k)) {\n elementProps[k] = v\n continue\n }\n\n reactProps[k] = v\n }\n\n // useLayoutEffect produces warnings during server rendering.\n\n // This one has no dependency array so it'll run on every re-render.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useLayoutEffect(() => {\n if (elementRef.current === null) {\n return\n }\n const newElemProps = new Map()\n for (const key in elementProps) {\n setProperty(elementRef.current, key, props[key], prevElemPropsRef.current.get(key), events)\n prevElemPropsRef.current.delete(key)\n newElemProps.set(key, props[key])\n }\n // \"Unset\" any props from previous render that no longer exist.\n // Setting to `undefined` seems like the correct thing to \"unset\"\n // but currently React will set it as `null`.\n // See Bug: Removal of custom element property sets it to `null` rather than `undefined` · Issue #28203 · f\n for (const [key, value] of prevElemPropsRef.current) {\n setProperty(elementRef.current, key, undefined, value, events)\n }\n prevElemPropsRef.current = newElemProps\n })\n\n // Empty dependency array so this will only run once after first render.\n useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration')\n }, [])\n // }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n (createElement.name === 'litPatchedCreateElement' || globalThis.litSsrReactEnabled) &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true\n }\n\n return createElement(tagName, {\n ...reactProps,\n ref: useCallback(\n (node: I) => {\n elementRef.current = node\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref !== null) {\n // eslint-disable-next-line no-param-reassign\n ref.current = node\n }\n },\n [ref]\n )\n })\n })\n\n ReactComponent.displayName = displayName\n\n return ReactComponent\n}\n"],"mappings":"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","names":["createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent"]}
1
+ {"version":3,"sources":["../src/lib/src/timer-picker.tsx","../src/lib/src/textarea.tsx","../src/lib/src/tab_bar.tsx","../src/lib/src/tab.tsx","../src/lib/src/switch.tsx","../src/lib/src/slider.tsx","../src/lib/src/search-input.tsx","../src/lib/src/radio.tsx","../src/lib/src/picker.tsx","../src/lib/src/modal-popup.tsx","../src/lib/src/input.tsx","../src/lib/src/icon.tsx","../src/lib/src/date-picker.tsx","../src/lib/src/context-menu.tsx","../src/lib/src/checkbox.tsx","../src/lib/src/button.tsx","../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTimerPickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * initialTimerDuration property\n * @default undefined\n */\n initialTimerDuration?: number;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: number;\n /**\n * secondInterval property\n * @default undefined\n */\n secondInterval?: number;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTimerPicker - WebF FlutterCupertinoTimerPicker component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTimerPicker\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTimerPicker>\n * ```\n */\nexport const FlutterCupertinoTimerPicker = createWebFComponent<FlutterCupertinoTimerPickerElement, FlutterCupertinoTimerPickerProps>({\n tagName: 'flutter-cupertino-timer-picker',\n displayName: 'FlutterCupertinoTimerPicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'initialTimerDuration',\n 'minuteInterval',\n 'secondInterval',\n 'backgroundColor',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n initialTimerDuration: 'initial-timer-duration',\n minuteInterval: 'minute-interval',\n secondInterval: 'second-interval',\n backgroundColor: 'background-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoTextareaProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * maxLength property\n * @default undefined\n */\n maxLength?: number;\n /**\n * rows property\n * @default undefined\n */\n rows?: number;\n /**\n * showCount property\n * @default undefined\n */\n showCount?: boolean;\n /**\n * autoSize property\n * @default undefined\n */\n autoSize?: boolean;\n /**\n * transparent property\n * @default undefined\n */\n transparent?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * complete event handler\n */\n onComplete?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTextarea\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTextarea>\n * ```\n */\nexport const FlutterCupertinoTextarea = createWebFComponent<FlutterCupertinoTextareaElement, FlutterCupertinoTextareaProps>({\n tagName: 'flutter-cupertino-textarea',\n displayName: 'FlutterCupertinoTextarea',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'maxLength',\n 'rows',\n 'showCount',\n 'autoSize',\n 'transparent',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n maxLength: 'max-length',\n showCount: 'show-count',\n autoSize: 'auto-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onComplete',\n eventName: 'complete',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype CupertinoTabBarIcon = \"home\" | \"house\" | \"house_fill\" | \"search\" | \"search_circle\" | \"search_circle_fill\" | \"add\" | \"add_circled\" | \"add_circled_solid\" | \"plus\" | \"plus_circle\" | \"plus_circle_fill\" | \"person\" | \"person_fill\" | \"person_circle\" | \"person_circle_fill\" | \"profile_circled\" | \"bell\" | \"bell_fill\" | \"bell_circle\" | \"bell_circle_fill\" | \"chat_bubble\" | \"chat_bubble_fill\" | \"chat_bubble_2\" | \"chat_bubble_2_fill\" | \"mail\" | \"mail_solid\" | \"envelope\" | \"envelope_fill\" | \"phone\" | \"phone_fill\" | \"compass\" | \"compass_fill\" | \"location\" | \"location_fill\" | \"map\" | \"map_fill\" | \"photo\" | \"photo_fill\" | \"camera\" | \"camera_fill\" | \"video_camera\" | \"video_camera_solid\" | \"play\" | \"play_fill\" | \"play_circle\" | \"play_circle_fill\" | \"gear\" | \"gear_solid\" | \"settings\" | \"settings_solid\" | \"ellipsis\" | \"ellipsis_circle\" | \"ellipsis_circle_fill\" | \"creditcard\" | \"creditcard_fill\" | \"cart\" | \"cart_fill\" | \"bag\" | \"bag_fill\" | \"doc\" | \"doc_fill\" | \"doc_text\" | \"doc_text_fill\" | \"folder\" | \"folder_fill\" | \"book\" | \"book_fill\" | \"heart\" | \"heart_fill\" | \"star\" | \"star_fill\" | \"hand_thumbsup\" | \"hand_thumbsup_fill\" | \"bookmark\" | \"bookmark_fill\" | \"money_dollar\" | \"money_dollar_circle\" | \"money_dollar_circle_fill\" | \"info\" | \"info_circle\" | \"info_circle_fill\" | \"question\" | \"question_circle\" | \"question_circle_fill\" | \"exclamationmark\" | \"exclamationmark_circle\" | \"exclamationmark_circle_fill\";\ntype int = number;\ninterface FlutterCupertinoTabBarMethods {\n switchTab(path: string): void;\n}\nexport interface FlutterCupertinoTabBarProps {\n /**\n * currentIndex property\n * @default undefined\n */\n currentIndex?: string;\n /**\n * backgroundColor property\n * @default undefined\n */\n backgroundColor?: string;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * iconSize property\n * @default undefined\n */\n iconSize?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * tabchange event handler\n */\n onTabchange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\n/**\n * Element interface with methods accessible via ref\n * @example\n * ```tsx\n * const ref = useRef<FlutterCupertinoTabBarElement>(null);\n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{\n switchTab(path: string): void;\n}> {}\n/**\n * FlutterCupertinoTabBar - WebF FlutterCupertinoTabBar component\n * \n * @example\n * ```tsx\n * const ref = useRef<FlutterCupertinoTabBarElement>(null);\n * \n * <FlutterCupertinoTabBar\n * ref={ref}\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTabBar>\n * \n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport const FlutterCupertinoTabBar = createWebFComponent<FlutterCupertinoTabBarElement, FlutterCupertinoTabBarProps>({\n tagName: 'flutter-cupertino-tab-bar',\n displayName: 'FlutterCupertinoTabBar',\n // Map props to attributes\n attributeProps: [\n 'currentIndex',\n 'backgroundColor',\n 'activeColor',\n 'inactiveColor',\n 'iconSize',\n 'height',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n currentIndex: 'current-index',\n backgroundColor: 'background-color',\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n iconSize: 'icon-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onTabchange',\n eventName: 'tabchange',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabBarItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * icon property\n * @default undefined\n */\n icon?: CupertinoTabBarIcon;\n /**\n * path property\n * @default undefined\n */\n path?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabBarItem - WebF FlutterCupertinoTabBarItem component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTabBarItem\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTabBarItem>\n * ```\n */\nexport const FlutterCupertinoTabBarItem = createWebFComponent<FlutterCupertinoTabBarItemElement, FlutterCupertinoTabBarItemProps>({\n tagName: 'flutter-cupertino-tab-bar-item',\n displayName: 'FlutterCupertinoTabBarItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n 'icon',\n 'path',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ntype int = number;\nexport interface FlutterCupertinoTabProps {\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTab - WebF FlutterCupertinoTab component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTab\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTab>\n * ```\n */\nexport const FlutterCupertinoTab = createWebFComponent<FlutterCupertinoTabElement, FlutterCupertinoTabProps>({\n tagName: 'flutter-cupertino-tab',\n displayName: 'FlutterCupertinoTab',\n // Map props to attributes\n attributeProps: [\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});\nexport interface FlutterCupertinoTabItemProps {\n /**\n * title property\n * @default undefined\n */\n title?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoTabItem - WebF FlutterCupertinoTabItem component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoTabItem\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoTabItem>\n * ```\n */\nexport const FlutterCupertinoTabItem = createWebFComponent<FlutterCupertinoTabItemElement, FlutterCupertinoTabItemProps>({\n tagName: 'flutter-cupertino-tab-item',\n displayName: 'FlutterCupertinoTabItem',\n // Map props to attributes\n attributeProps: [\n 'title',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSwitchProps {\n /**\n * checked property\n * @default undefined\n */\n checked?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * inactiveColor property\n * @default undefined\n */\n inactiveColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSwitch - WebF FlutterCupertinoSwitch component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoSwitch\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoSwitch>\n * ```\n */\nexport const FlutterCupertinoSwitch = createWebFComponent<FlutterCupertinoSwitchElement, FlutterCupertinoSwitchProps>({\n tagName: 'flutter-cupertino-switch',\n displayName: 'FlutterCupertinoSwitch',\n // Map props to attributes\n attributeProps: [\n 'checked',\n 'disabled',\n 'activeColor',\n 'inactiveColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n inactiveColor: 'inactive-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSliderProps {\n /**\n * val property\n * @default undefined\n */\n val?: number;\n /**\n * min property\n * @default undefined\n */\n min?: number;\n /**\n * max property\n * @default undefined\n */\n max?: number;\n /**\n * step property\n * @default undefined\n */\n step?: number;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * changestart event handler\n */\n onChangestart?: (event: CustomEvent) => void;\n /**\n * changeend event handler\n */\n onChangeend?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoSlider\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoSlider>\n * ```\n */\nexport const FlutterCupertinoSlider = createWebFComponent<FlutterCupertinoSliderElement, FlutterCupertinoSliderProps>({\n tagName: 'flutter-cupertino-slider',\n displayName: 'FlutterCupertinoSlider',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'min',\n 'max',\n 'step',\n 'disabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangestart',\n eventName: 'changestart',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onChangeend',\n eventName: 'changeend',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoSearchInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * prefixIcon property\n * @default undefined\n */\n prefixIcon?: string;\n /**\n * suffixIcon property\n * @default undefined\n */\n suffixIcon?: string;\n /**\n * suffixModel property\n * @default undefined\n */\n suffixModel?: string;\n /**\n * itemColor property\n * @default undefined\n */\n itemColor?: string;\n /**\n * itemSize property\n * @default undefined\n */\n itemSize?: number;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * search event handler\n */\n onSearch?: (event: CustomEvent) => void;\n /**\n * clear event handler\n */\n onClear?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoSearchInput\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoSearchInput>\n * ```\n */\nexport const FlutterCupertinoSearchInput = createWebFComponent<FlutterCupertinoSearchInputElement, FlutterCupertinoSearchInputProps>({\n tagName: 'flutter-cupertino-search-input',\n displayName: 'FlutterCupertinoSearchInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'disabled',\n 'type',\n 'prefixIcon',\n 'suffixIcon',\n 'suffixModel',\n 'itemColor',\n 'itemSize',\n 'autofocus',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n prefixIcon: 'prefix-icon',\n suffixIcon: 'suffix-icon',\n suffixModel: 'suffix-model',\n itemColor: 'item-color',\n itemSize: 'item-size',\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSearch',\n eventName: 'search',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onClear',\n eventName: 'clear',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoRadioProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * groupValue property\n * @default undefined\n */\n groupValue?: string;\n /**\n * useCheckmarkStyle property\n * @default undefined\n */\n useCheckmarkStyle?: boolean;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoRadio - WebF FlutterCupertinoRadio component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoRadio\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoRadio>\n * ```\n */\nexport const FlutterCupertinoRadio = createWebFComponent<FlutterCupertinoRadioElement, FlutterCupertinoRadioProps>({\n tagName: 'flutter-cupertino-radio',\n displayName: 'FlutterCupertinoRadio',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'groupValue',\n 'useCheckmarkStyle',\n 'disabled',\n 'activeColor',\n 'focusColor',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n groupValue: 'group-value',\n useCheckmarkStyle: 'use-checkmark-style',\n activeColor: 'active-color',\n focusColor: 'focus-color',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoPickerProps {\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * itemHeight property\n * @default undefined\n */\n itemHeight?: number;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoPicker - WebF FlutterCupertinoPicker component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoPicker\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoPicker>\n * ```\n */\nexport const FlutterCupertinoPicker = createWebFComponent<FlutterCupertinoPickerElement, FlutterCupertinoPickerProps>({\n tagName: 'flutter-cupertino-picker',\n displayName: 'FlutterCupertinoPicker',\n // Map props to attributes\n attributeProps: [\n 'height',\n 'itemHeight',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n itemHeight: 'item-height',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoModalPopupProps {\n /**\n * visible property\n * @default undefined\n */\n visible?: boolean;\n /**\n * height property\n * @default undefined\n */\n height?: number;\n /**\n * surfacePainted property\n * @default undefined\n */\n surfacePainted?: boolean;\n /**\n * maskClosable property\n * @default undefined\n */\n maskClosable?: boolean;\n /**\n * backgroundOpacity property\n * @default undefined\n */\n backgroundOpacity?: number;\n /**\n * close event handler\n */\n onClose?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoModalPopup\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoModalPopup>\n * ```\n */\nexport const FlutterCupertinoModalPopup = createWebFComponent<FlutterCupertinoModalPopupElement, FlutterCupertinoModalPopupProps>({\n tagName: 'flutter-cupertino-modal-popup',\n displayName: 'FlutterCupertinoModalPopup',\n // Map props to attributes\n attributeProps: [\n 'visible',\n 'height',\n 'surfacePainted',\n 'maskClosable',\n 'backgroundOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n surfacePainted: 'surface-painted',\n maskClosable: 'mask-closable',\n backgroundOpacity: 'background-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClose',\n eventName: 'close',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoInputProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * placeholder property\n * @default undefined\n */\n placeholder?: string;\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * autofocus property\n */\n autofocus: boolean;\n /**\n * clearable property\n * @default undefined\n */\n clearable?: boolean;\n /**\n * maxlength property\n * @default undefined\n */\n maxlength?: number;\n /**\n * readonly property\n * @default undefined\n */\n readonly?: boolean;\n /**\n * input event handler\n */\n onInput?: (event: CustomEvent) => void;\n /**\n * submit event handler\n */\n onSubmit?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoInputElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoInput - WebF FlutterCupertinoInput component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoInput\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoInput>\n * ```\n */\nexport const FlutterCupertinoInput = createWebFComponent<FlutterCupertinoInputElement, FlutterCupertinoInputProps>({\n tagName: 'flutter-cupertino-input',\n displayName: 'FlutterCupertinoInput',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'placeholder',\n 'type',\n 'disabled',\n 'autofocus',\n 'clearable',\n 'maxlength',\n 'readonly',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Event handlers\n events: [\n {\n propName: 'onInput',\n eventName: 'input',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n {\n propName: 'onSubmit',\n eventName: 'submit',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoIconProps {\n /**\n * type property\n * @default undefined\n */\n type?: string;\n /**\n * label property\n * @default undefined\n */\n label?: string;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoIconElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoIcon - WebF FlutterCupertinoIcon component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoIcon\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoIcon>\n * ```\n */\nexport const FlutterCupertinoIcon = createWebFComponent<FlutterCupertinoIconElement, FlutterCupertinoIconProps>({\n tagName: 'flutter-cupertino-icon',\n displayName: 'FlutterCupertinoIcon',\n // Map props to attributes\n attributeProps: [\n 'type',\n 'label',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n },\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoDatePickerProps {\n /**\n * mode property\n * @default undefined\n */\n mode?: string;\n /**\n * minimumDate property\n * @default undefined\n */\n minimumDate?: string;\n /**\n * maximumDate property\n * @default undefined\n */\n maximumDate?: string;\n /**\n * minuteInterval property\n * @default undefined\n */\n minuteInterval?: string;\n /**\n * value property\n * @default undefined\n */\n value?: string;\n /**\n * minimumYear property\n * @default undefined\n */\n minimumYear?: string;\n /**\n * maximumYear property\n * @default undefined\n */\n maximumYear?: string;\n /**\n * showDayOfWeek property\n * @default undefined\n */\n showDayOfWeek?: string;\n /**\n * dateOrder property\n * @default undefined\n */\n dateOrder?: string;\n /**\n * height property\n * @default undefined\n */\n height?: string;\n /**\n * use24H property\n * @default undefined\n */\n use24H?: boolean;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoDatePicker - WebF FlutterCupertinoDatePicker component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoDatePicker\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoDatePicker>\n * ```\n */\nexport const FlutterCupertinoDatePicker = createWebFComponent<FlutterCupertinoDatePickerElement, FlutterCupertinoDatePickerProps>({\n tagName: 'flutter-cupertino-date-picker',\n displayName: 'FlutterCupertinoDatePicker',\n // Map props to attributes\n attributeProps: [\n 'mode',\n 'minimumDate',\n 'maximumDate',\n 'minuteInterval',\n 'value',\n 'minimumYear',\n 'maximumYear',\n 'showDayOfWeek',\n 'dateOrder',\n 'height',\n 'use24H',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n minimumDate: 'minimum-date',\n maximumDate: 'maximum-date',\n minuteInterval: 'minute-interval',\n minimumYear: 'minimum-year',\n maximumYear: 'maximum-year',\n showDayOfWeek: 'show-day-of-week',\n dateOrder: 'date-order',\n use24H: 'use-24-h',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ninterface ContextMenuAction {\n text: string;\n icon?: string;\n destructive?: boolean;\n default?: boolean;\n event?: string;\n}\nexport interface FlutterCupertinoContextMenuProps {\n /**\n * enableHapticFeedback property\n * @default undefined\n */\n enableHapticFeedback?: boolean;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoContextMenu\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoContextMenu>\n * ```\n */\nexport const FlutterCupertinoContextMenu = createWebFComponent<FlutterCupertinoContextMenuElement, FlutterCupertinoContextMenuProps>({\n tagName: 'flutter-cupertino-context-menu',\n displayName: 'FlutterCupertinoContextMenu',\n // Map props to attributes\n attributeProps: [\n 'enableHapticFeedback',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n enableHapticFeedback: 'enable-haptic-feedback',\n },\n // Event handlers\n events: [\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoCheckboxProps {\n /**\n * val property\n * @default undefined\n */\n val?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * activeColor property\n * @default undefined\n */\n activeColor?: string;\n /**\n * checkColor property\n * @default undefined\n */\n checkColor?: string;\n /**\n * focusColor property\n * @default undefined\n */\n focusColor?: string;\n /**\n * fillColorSelected property\n * @default undefined\n */\n fillColorSelected?: string;\n /**\n * fillColorDisabled property\n * @default undefined\n */\n fillColorDisabled?: string;\n /**\n * change event handler\n */\n onChange?: (event: CustomEvent) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoCheckbox - WebF FlutterCupertinoCheckbox component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoCheckbox\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoCheckbox>\n * ```\n */\nexport const FlutterCupertinoCheckbox = createWebFComponent<FlutterCupertinoCheckboxElement, FlutterCupertinoCheckboxProps>({\n tagName: 'flutter-cupertino-checkbox',\n displayName: 'FlutterCupertinoCheckbox',\n // Map props to attributes\n attributeProps: [\n 'val',\n 'disabled',\n 'activeColor',\n 'checkColor',\n 'focusColor',\n 'fillColorSelected',\n 'fillColorDisabled',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n activeColor: 'active-color',\n checkColor: 'check-color',\n focusColor: 'focus-color',\n fillColorSelected: 'fill-color-selected',\n fillColorDisabled: 'fill-color-disabled',\n },\n // Event handlers\n events: [\n {\n propName: 'onChange',\n eventName: 'change',\n handler: (callback) => (event) => {\n callback((event as CustomEvent));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\nexport interface FlutterCupertinoButtonProps {\n /**\n * variant property\n * @default undefined\n */\n variant?: string;\n /**\n * size property\n * @default undefined\n */\n size?: string;\n /**\n * disabled property\n * @default undefined\n */\n disabled?: boolean;\n /**\n * pressedOpacity property\n * @default undefined\n */\n pressedOpacity?: string;\n /**\n * click event handler\n */\n onClick?: (event: Event) => void;\n /**\n * Additional CSS styles\n */\n style?: React.CSSProperties;\n /**\n * Children elements\n */\n children?: React.ReactNode;\n /**\n * Additional CSS class names\n */\n className?: string;\n}\nexport interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterCupertinoButton - WebF FlutterCupertinoButton component\n * \n * @example\n * ```tsx\n * \n * <FlutterCupertinoButton\n * // Add props here\n * >\n * Content\n * </FlutterCupertinoButton>\n * ```\n */\nexport const FlutterCupertinoButton = createWebFComponent<FlutterCupertinoButtonElement, FlutterCupertinoButtonProps>({\n tagName: 'flutter-cupertino-button',\n displayName: 'FlutterCupertinoButton',\n // Map props to attributes\n attributeProps: [\n 'variant',\n 'size',\n 'disabled',\n 'pressedOpacity',\n ],\n // Convert prop names to attribute names if needed\n attributeMap: {\n pressedOpacity: 'pressed-opacity',\n },\n // Event handlers\n events: [\n {\n propName: 'onClick',\n eventName: 'click',\n handler: (callback) => (event) => {\n callback((event as Event));\n },\n },\n ],\n // Default prop values\n defaultProps: {\n // Add default values here\n },\n});","// @ts-nocheck\n/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-use-before-define */\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport React, { forwardRef, useLayoutEffect, createElement, MouseEventHandler, useCallback, useRef } from 'react'\n\nconst NODE_MODE = false\n// const DEV_MODE = true\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<I>, I> &\n ElementProps<I>\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // [preact/compat] missing type `PropsWithoutRef` · Issue #4124 · preactjs/preact is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n ElementProps<I>\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createComponent({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T\n}\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>\n\n// A map of expected event listener types based on EventNames.\n\nexport interface Options<E extends EventNames = {}> {\n tagName: string\n events?: E\n displayName?: string\n}\n\n// type Constructor<T> = { new (): T }\n\nconst reservedReactProperties = new Set(['children', 'localName', 'ref', 'style', 'className'])\n\nconst listenedEvents = new WeakMap<Element, Map<string, EventListenerObject>>()\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (node: Element, event: string, listener: (event?: Event) => void) => {\n let events = listenedEvents.get(node)\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()))\n }\n let handler = events.get(event)\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = { handleEvent: listener }))\n node.addEventListener(event, handler)\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event)\n node.removeEventListener(event, handler)\n }\n}\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(node: E, name: string, value: unknown, old: unknown, events?: EventNames) => {\n const event = events?.[name]\n // Dirty check event value.\n if (event !== undefined) {\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void)\n }\n return\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E]\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // react/packages/react-dom-bindings/src/client/DOMPropertyOperations.js at 899cb95f52cc83ab5ca1eb1e268\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if ((value === undefined || value === null) && name in HTMLElement.prototype) {\n node.removeAttribute(name)\n }\n}\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const createComponent = <E extends any, I extends any>({\n tagName,\n events,\n displayName\n}: Options): ReactWebComponent<E, I> => {\n const eventProps = new Set(Object.keys(events ?? {}))\n\n type Props = ComponentProps<I>\n const ReactComponent = forwardRef<I, Props>((props, ref) => {\n const prevElemPropsRef = useRef(new Map())\n const elementRef = useRef<E | null>(null)\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {}\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {}\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v\n continue\n }\n\n if (eventProps.has(k)) {\n elementProps[k] = v\n continue\n }\n\n reactProps[k] = v\n }\n\n // useLayoutEffect produces warnings during server rendering.\n\n // This one has no dependency array so it'll run on every re-render.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useLayoutEffect(() => {\n if (elementRef.current === null) {\n return\n }\n const newElemProps = new Map()\n for (const key in elementProps) {\n setProperty(elementRef.current, key, props[key], prevElemPropsRef.current.get(key), events)\n prevElemPropsRef.current.delete(key)\n newElemProps.set(key, props[key])\n }\n // \"Unset\" any props from previous render that no longer exist.\n // Setting to `undefined` seems like the correct thing to \"unset\"\n // but currently React will set it as `null`.\n // See Bug: Removal of custom element property sets it to `null` rather than `undefined` · Issue #28203 · f\n for (const [key, value] of prevElemPropsRef.current) {\n setProperty(elementRef.current, key, undefined, value, events)\n }\n prevElemPropsRef.current = newElemProps\n })\n\n // Empty dependency array so this will only run once after first render.\n useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration')\n }, [])\n // }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n (createElement.name === 'litPatchedCreateElement' || globalThis.litSsrReactEnabled) &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true\n }\n\n return createElement(tagName, {\n ...reactProps,\n ref: useCallback(\n (node: I) => {\n elementRef.current = node\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref !== null) {\n // eslint-disable-next-line no-param-reassign\n ref.current = node\n }\n },\n [ref]\n )\n })\n })\n\n ReactComponent.displayName = displayName\n\n return ReactComponent\n}\n"],"mappings":"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","names":["createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent","createWebFComponent"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openwebf/react-cupertino-ui",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "iOS-style UI components for WebF applications. This package provides Flutter's Cupertino widgets wrapped as HTML custom elements for use in WebF.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",