@openwebf/react-cupertino-ui 0.3.16 → 0.3.17

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
@@ -329,44 +329,27 @@ declare const FlutterCupertinoSwitch: React.ForwardRefExoticComponent<FlutterCup
329
329
  children?: React.ReactNode;
330
330
  } & React.RefAttributes<FlutterCupertinoSwitchElement>>;
331
331
 
332
- interface FlutterCupertinoSliderProps {
333
- /**
334
- * Current value of the slider.
335
- * Default: 0.0.
336
- */
337
- val?: number;
332
+ interface FlutterCupertinoSlidingSegmentedControlProps {
338
333
  /**
339
- * Minimum value of the slider range.
340
- * Default: 0.0.
341
- */
342
- min?: number;
343
- /**
344
- * Maximum value of the slider range.
345
- * Default: 100.0.
334
+ * Zero-based index of the selected segment.
335
+ * Default: 0. Values outside range are clamped.
346
336
  */
347
- max?: number;
337
+ currentIndex?: number;
348
338
  /**
349
- * Number of discrete divisions between min and max.
350
- * When omitted, the slider is continuous.
339
+ * Background color of the segmented control track.
340
+ * Hex string: '#RRGGBB' or '#AARRGGBB'.
351
341
  */
352
- step?: number;
342
+ backgroundColor?: string;
353
343
  /**
354
- * Whether the slider is disabled.
355
- * Default: false.
344
+ * Color of the sliding thumb.
345
+ * Hex string: '#RRGGBB' or '#AARRGGBB'.
356
346
  */
357
- disabled?: boolean;
347
+ thumbColor?: string;
358
348
  /**
359
- * Fired whenever the slider value changes. detail = value.
349
+ * Fired when the selected segment changes.
350
+ * detail = zero-based selected index.
360
351
  */
361
352
  onChange?: (event: CustomEvent<number>) => void;
362
- /**
363
- * Fired when the user starts interacting with the slider.
364
- */
365
- onChangestart?: (event: CustomEvent<number>) => void;
366
- /**
367
- * Fired when the user stops interacting with the slider.
368
- */
369
- onChangeend?: (event: CustomEvent<number>) => void;
370
353
  /**
371
354
  * HTML id attribute
372
355
  */
@@ -384,61 +367,32 @@ interface FlutterCupertinoSliderProps {
384
367
  */
385
368
  className?: string;
386
369
  }
387
- /**
388
- * Element interface with methods accessible via ref
389
- * @example
390
- * ```tsx
391
- * const ref = useRef<FlutterCupertinoSliderElement>(null);
392
- * // Call methods on the element
393
- * ref.current?.finishRefresh('success');
394
- * ```
395
- */
396
- interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{
397
- /**
398
- * Get the current value.
399
- */
400
- getValue(): number;
401
- /**
402
- * Set the current value (clamped between min and max).
403
- */
404
- setValue(val: number): void;
405
- }> {
370
+ interface FlutterCupertinoSlidingSegmentedControlElement extends WebFElementWithMethods<{}> {
406
371
  }
407
372
  /**
408
- * Properties for <flutter-cupertino-slider>
409
- iOS-style continuous or stepped slider.
373
+ * Properties for <flutter-cupertino-sliding-segmented-control>
374
+ iOS-style segmented control with a sliding thumb.
410
375
  *
411
376
  * @example
412
377
  * ```tsx
413
- * const ref = useRef<FlutterCupertinoSliderElement>(null);
414
378
  *
415
- * <FlutterCupertinoSlider
416
- * ref={ref}
379
+ * <FlutterCupertinoSlidingSegmentedControl
417
380
  * // Add props here
418
381
  * >
419
382
  * Content
420
- * </FlutterCupertinoSlider>
421
- *
422
- * // Call methods on the element
423
- * ref.current?.finishRefresh('success');
383
+ * </FlutterCupertinoSlidingSegmentedControl>
424
384
  * ```
425
385
  */
426
- declare const FlutterCupertinoSlider: React.ForwardRefExoticComponent<FlutterCupertinoSliderProps & {
386
+ declare const FlutterCupertinoSlidingSegmentedControl: React.ForwardRefExoticComponent<FlutterCupertinoSlidingSegmentedControlProps & {
427
387
  className?: string;
428
388
  style?: React.CSSProperties;
429
389
  children?: React.ReactNode;
430
- } & React.RefAttributes<FlutterCupertinoSliderElement>>;
431
-
432
- interface FlutterCupertinoSegmentedTabProps {
390
+ } & React.RefAttributes<FlutterCupertinoSlidingSegmentedControlElement>>;
391
+ interface FlutterCupertinoSlidingSegmentedControlItemProps {
433
392
  /**
434
- * Zero-based index of the selected segment.
435
- * Default: 0.
436
- */
437
- currentIndex?: number;
438
- /**
439
- * Fired when the selected segment changes. detail = selected index
393
+ * Text label shown for this segment.
440
394
  */
441
- onChange?: (event: CustomEvent<number>) => void;
395
+ title?: string;
442
396
  /**
443
397
  * HTML id attribute
444
398
  */
@@ -456,32 +410,66 @@ interface FlutterCupertinoSegmentedTabProps {
456
410
  */
457
411
  className?: string;
458
412
  }
459
- interface FlutterCupertinoSegmentedTabElement extends WebFElementWithMethods<{}> {
413
+ interface FlutterCupertinoSlidingSegmentedControlItemElement extends WebFElementWithMethods<{}> {
460
414
  }
461
415
  /**
462
- * Properties for <flutter-cupertino-segmented-tab>
463
- Sliding segmented control with tabbed content.
416
+ * Segment item for <flutter-cupertino-sliding-segmented-control>.
417
+ Acts as a logical segment with a title.
464
418
  *
465
419
  * @example
466
420
  * ```tsx
467
421
  *
468
- * <FlutterCupertinoSegmentedTab
422
+ * <FlutterCupertinoSlidingSegmentedControlItem
469
423
  * // Add props here
470
424
  * >
471
425
  * Content
472
- * </FlutterCupertinoSegmentedTab>
426
+ * </FlutterCupertinoSlidingSegmentedControlItem>
473
427
  * ```
474
428
  */
475
- declare const FlutterCupertinoSegmentedTab: React.ForwardRefExoticComponent<FlutterCupertinoSegmentedTabProps & {
429
+ declare const FlutterCupertinoSlidingSegmentedControlItem: React.ForwardRefExoticComponent<FlutterCupertinoSlidingSegmentedControlItemProps & {
476
430
  className?: string;
477
431
  style?: React.CSSProperties;
478
432
  children?: React.ReactNode;
479
- } & React.RefAttributes<FlutterCupertinoSegmentedTabElement>>;
480
- interface FlutterCupertinoSegmentedTabItemProps {
433
+ } & React.RefAttributes<FlutterCupertinoSlidingSegmentedControlItemElement>>;
434
+
435
+ interface FlutterCupertinoSliderProps {
481
436
  /**
482
- * Label text shown in the segment.
437
+ * Current value of the slider.
438
+ * Default: 0.0.
483
439
  */
484
- title?: string;
440
+ val?: number;
441
+ /**
442
+ * Minimum value of the slider range.
443
+ * Default: 0.0.
444
+ */
445
+ min?: number;
446
+ /**
447
+ * Maximum value of the slider range.
448
+ * Default: 100.0.
449
+ */
450
+ max?: number;
451
+ /**
452
+ * Number of discrete divisions between min and max.
453
+ * When omitted, the slider is continuous.
454
+ */
455
+ step?: number;
456
+ /**
457
+ * Whether the slider is disabled.
458
+ * Default: false.
459
+ */
460
+ disabled?: boolean;
461
+ /**
462
+ * Fired whenever the slider value changes. detail = value.
463
+ */
464
+ onChange?: (event: CustomEvent<number>) => void;
465
+ /**
466
+ * Fired when the user starts interacting with the slider.
467
+ */
468
+ onChangestart?: (event: CustomEvent<number>) => void;
469
+ /**
470
+ * Fired when the user stops interacting with the slider.
471
+ */
472
+ onChangeend?: (event: CustomEvent<number>) => void;
485
473
  /**
486
474
  * HTML id attribute
487
475
  */
@@ -499,27 +487,50 @@ interface FlutterCupertinoSegmentedTabItemProps {
499
487
  */
500
488
  className?: string;
501
489
  }
502
- interface FlutterCupertinoSegmentedTabItemElement extends WebFElementWithMethods<{}> {
490
+ /**
491
+ * Element interface with methods accessible via ref
492
+ * @example
493
+ * ```tsx
494
+ * const ref = useRef<FlutterCupertinoSliderElement>(null);
495
+ * // Call methods on the element
496
+ * ref.current?.finishRefresh('success');
497
+ * ```
498
+ */
499
+ interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{
500
+ /**
501
+ * Get the current value.
502
+ */
503
+ getValue(): number;
504
+ /**
505
+ * Set the current value (clamped between min and max).
506
+ */
507
+ setValue(val: number): void;
508
+ }> {
503
509
  }
504
510
  /**
505
- * Properties for <flutter-cupertino-segmented-tab-item>
506
- Child item representing a single segment.
511
+ * Properties for <flutter-cupertino-slider>
512
+ iOS-style continuous or stepped slider.
507
513
  *
508
514
  * @example
509
515
  * ```tsx
516
+ * const ref = useRef<FlutterCupertinoSliderElement>(null);
510
517
  *
511
- * <FlutterCupertinoSegmentedTabItem
518
+ * <FlutterCupertinoSlider
519
+ * ref={ref}
512
520
  * // Add props here
513
521
  * >
514
522
  * Content
515
- * </FlutterCupertinoSegmentedTabItem>
523
+ * </FlutterCupertinoSlider>
524
+ *
525
+ * // Call methods on the element
526
+ * ref.current?.finishRefresh('success');
516
527
  * ```
517
528
  */
518
- declare const FlutterCupertinoSegmentedTabItem: React.ForwardRefExoticComponent<FlutterCupertinoSegmentedTabItemProps & {
529
+ declare const FlutterCupertinoSlider: React.ForwardRefExoticComponent<FlutterCupertinoSliderProps & {
519
530
  className?: string;
520
531
  style?: React.CSSProperties;
521
532
  children?: React.ReactNode;
522
- } & React.RefAttributes<FlutterCupertinoSegmentedTabItemElement>>;
533
+ } & React.RefAttributes<FlutterCupertinoSliderElement>>;
523
534
 
524
535
  interface FlutterCupertinoListSectionProps {
525
536
  /**
@@ -2752,6 +2763,92 @@ declare const FlutterCupertinoTextarea: React.ForwardRefExoticComponent<FlutterC
2752
2763
  children?: React.ReactNode;
2753
2764
  } & React.RefAttributes<FlutterCupertinoTextareaElement>>;
2754
2765
 
2766
+ interface FlutterCupertinoSegmentedTabProps {
2767
+ /**
2768
+ * change event handler
2769
+ */
2770
+ onChange?: (event: CustomEvent<number>) => void;
2771
+ /**
2772
+ * HTML id attribute
2773
+ */
2774
+ id?: string;
2775
+ /**
2776
+ * Additional CSS styles
2777
+ */
2778
+ style?: React.CSSProperties;
2779
+ /**
2780
+ * Children elements
2781
+ */
2782
+ children?: React.ReactNode;
2783
+ /**
2784
+ * Additional CSS class names
2785
+ */
2786
+ className?: string;
2787
+ }
2788
+ interface FlutterCupertinoSegmentedTabElement extends WebFElementWithMethods<{}> {
2789
+ }
2790
+ /**
2791
+ * FlutterCupertinoSegmentedTab - WebF FlutterCupertinoSegmentedTab component
2792
+ *
2793
+ * @example
2794
+ * ```tsx
2795
+ *
2796
+ * <FlutterCupertinoSegmentedTab
2797
+ * // Add props here
2798
+ * >
2799
+ * Content
2800
+ * </FlutterCupertinoSegmentedTab>
2801
+ * ```
2802
+ */
2803
+ declare const FlutterCupertinoSegmentedTab: React.ForwardRefExoticComponent<FlutterCupertinoSegmentedTabProps & {
2804
+ className?: string;
2805
+ style?: React.CSSProperties;
2806
+ children?: React.ReactNode;
2807
+ } & React.RefAttributes<FlutterCupertinoSegmentedTabElement>>;
2808
+ interface FlutterCupertinoSegmentedTabItemProps {
2809
+ /**
2810
+ * title property
2811
+ * @default undefined
2812
+ */
2813
+ title?: string;
2814
+ /**
2815
+ * HTML id attribute
2816
+ */
2817
+ id?: string;
2818
+ /**
2819
+ * Additional CSS styles
2820
+ */
2821
+ style?: React.CSSProperties;
2822
+ /**
2823
+ * Children elements
2824
+ */
2825
+ children?: React.ReactNode;
2826
+ /**
2827
+ * Additional CSS class names
2828
+ */
2829
+ className?: string;
2830
+ }
2831
+ interface FlutterCupertinoSegmentedTabItemElement extends WebFElementWithMethods<{}> {
2832
+ }
2833
+ /**
2834
+ * FlutterCupertinoSegmentedTabItem - WebF FlutterCupertinoSegmentedTabItem component
2835
+ *
2836
+ * @example
2837
+ * ```tsx
2838
+ *
2839
+ * <FlutterCupertinoSegmentedTabItem
2840
+ * // Add props here
2841
+ * >
2842
+ * Content
2843
+ * </FlutterCupertinoSegmentedTabItem>
2844
+ * ```
2845
+ */
2846
+ declare const FlutterCupertinoSegmentedTabItem: React.ForwardRefExoticComponent<FlutterCupertinoSegmentedTabItemProps & {
2847
+ className?: string;
2848
+ style?: React.CSSProperties;
2849
+ children?: React.ReactNode;
2850
+ } & React.RefAttributes<FlutterCupertinoSegmentedTabItemElement>>;
2851
+
2755
2852
  interface FlutterCupertinoSearchInputProps {
2756
2853
  /**
2757
2854
  * val property
@@ -4044,4 +4141,4 @@ declare const FlutterCupertinoCheckbox: React.ForwardRefExoticComponent<FlutterC
4044
4141
  children?: React.ReactNode;
4045
4142
  } & React.RefAttributes<FlutterCupertinoCheckboxElement>>;
4046
4143
 
4047
- export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormRowError, type FlutterCupertinoFormRowErrorElement, FlutterCupertinoFormRowHelper, type FlutterCupertinoFormRowHelperElement, FlutterCupertinoFormRowPrefix, type FlutterCupertinoFormRowPrefixElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoFormSectionFooter, type FlutterCupertinoFormSectionFooterElement, FlutterCupertinoFormSectionHeader, type FlutterCupertinoFormSectionHeaderElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoInputPrefix, type FlutterCupertinoInputPrefixElement, FlutterCupertinoInputSuffix, type FlutterCupertinoInputSuffixElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoLoading, type FlutterCupertinoLoadingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoPickerItem, type FlutterCupertinoPickerItemElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSegmentedTab, type FlutterCupertinoSegmentedTabElement, FlutterCupertinoSegmentedTabItem, type FlutterCupertinoSegmentedTabItemElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, FlutterCupertinoToast, type FlutterCupertinoToastElement };
4144
+ export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormRowError, type FlutterCupertinoFormRowErrorElement, FlutterCupertinoFormRowHelper, type FlutterCupertinoFormRowHelperElement, FlutterCupertinoFormRowPrefix, type FlutterCupertinoFormRowPrefixElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoFormSectionFooter, type FlutterCupertinoFormSectionFooterElement, FlutterCupertinoFormSectionHeader, type FlutterCupertinoFormSectionHeaderElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoInputPrefix, type FlutterCupertinoInputPrefixElement, FlutterCupertinoInputSuffix, type FlutterCupertinoInputSuffixElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoLoading, type FlutterCupertinoLoadingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoPickerItem, type FlutterCupertinoPickerItemElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSegmentedTab, type FlutterCupertinoSegmentedTabElement, FlutterCupertinoSegmentedTabItem, type FlutterCupertinoSegmentedTabItemElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSlidingSegmentedControl, type FlutterCupertinoSlidingSegmentedControlElement, FlutterCupertinoSlidingSegmentedControlItem, type FlutterCupertinoSlidingSegmentedControlItemElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, FlutterCupertinoToast, type FlutterCupertinoToastElement };