@openwebf/react-cupertino-ui 0.2.0

package/dist/index.d.mts

@@ -0,0 +1,1245 @@
+import React from 'react';
+import { WebFElementWithMethods } from '@openwebf/react-core-ui';
+
+interface FlutterCupertinoTimerPickerProps {
+    /**
+     * mode property
+     * @default undefined
+     */
+    mode?: string;
+    /**
+     * initialTimerDuration property
+     * @default undefined
+     */
+    initialTimerDuration?: number;
+    /**
+     * minuteInterval property
+     * @default undefined
+     */
+    minuteInterval?: number;
+    /**
+     * secondInterval property
+     * @default undefined
+     */
+    secondInterval?: number;
+    /**
+     * backgroundColor property
+     * @default undefined
+     */
+    backgroundColor?: string;
+    /**
+     * height property
+     * @default undefined
+     */
+    height?: number;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoTimerPickerElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoTimerPicker - WebF FlutterCupertinoTimerPicker component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoTimerPicker
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoTimerPicker>
+ * ```
+ */
+declare const FlutterCupertinoTimerPicker: React.ForwardRefExoticComponent<FlutterCupertinoTimerPickerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoTimerPickerElement>>;
+
+interface FlutterCupertinoTextareaProps {
+    /**
+     * val property
+     * @default undefined
+     */
+    val?: string;
+    /**
+     * placeholder property
+     * @default undefined
+     */
+    placeholder?: string;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * readonly property
+     * @default undefined
+     */
+    readonly?: boolean;
+    /**
+     * maxLength property
+     * @default undefined
+     */
+    maxLength?: number;
+    /**
+     * rows property
+     * @default undefined
+     */
+    rows?: number;
+    /**
+     * showCount property
+     * @default undefined
+     */
+    showCount?: boolean;
+    /**
+     * autoSize property
+     * @default undefined
+     */
+    autoSize?: boolean;
+    /**
+     * transparent property
+     * @default undefined
+     */
+    transparent?: boolean;
+    /**
+     * input event handler
+     */
+    onInput?: (event: CustomEvent) => void;
+    /**
+     * complete event handler
+     */
+    onComplete?: (event: Event) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoTextareaElement extends WebFElementWithMethods<{
+    focus(): void;
+    blur(): void;
+    clear(): void;
+}> {
+}
+/**
+ * FlutterCupertinoTextarea - WebF FlutterCupertinoTextarea component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoTextarea
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoTextarea>
+ * ```
+ */
+declare const FlutterCupertinoTextarea: React.ForwardRefExoticComponent<FlutterCupertinoTextareaProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoTextareaElement>>;
+
+type 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";
+interface FlutterCupertinoTabBarProps {
+    /**
+     * currentIndex property
+     * @default undefined
+     */
+    currentIndex?: string;
+    /**
+     * backgroundColor property
+     * @default undefined
+     */
+    backgroundColor?: string;
+    /**
+     * activeColor property
+     * @default undefined
+     */
+    activeColor?: string;
+    /**
+     * inactiveColor property
+     * @default undefined
+     */
+    inactiveColor?: string;
+    /**
+     * iconSize property
+     * @default undefined
+     */
+    iconSize?: string;
+    /**
+     * height property
+     * @default undefined
+     */
+    height?: string;
+    /**
+     * tabchange event handler
+     */
+    onTabchange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
+    switchTab(path: string): void;
+}> {
+}
+/**
+ * FlutterCupertinoTabBar - WebF FlutterCupertinoTabBar component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoTabBar
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoTabBar>
+ * ```
+ */
+declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoTabBarElement>>;
+interface FlutterCupertinoTabBarItemProps {
+    /**
+     * title property
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * icon property
+     * @default undefined
+     */
+    icon?: CupertinoTabBarIcon;
+    /**
+     * path property
+     * @default undefined
+     */
+    path?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoTabBarItem - WebF FlutterCupertinoTabBarItem component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoTabBarItem
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoTabBarItem>
+ * ```
+ */
+declare const FlutterCupertinoTabBarItem: React.ForwardRefExoticComponent<FlutterCupertinoTabBarItemProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoTabBarItemElement>>;
+
+interface FlutterCupertinoTabProps {
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoTabElement extends WebFElementWithMethods<{
+    switchTab(index: number): void;
+}> {
+}
+/**
+ * FlutterCupertinoTab - WebF FlutterCupertinoTab component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoTab
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoTab>
+ * ```
+ */
+declare const FlutterCupertinoTab: React.ForwardRefExoticComponent<FlutterCupertinoTabProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoTabElement>>;
+interface FlutterCupertinoTabItemProps {
+    /**
+     * title property
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoTabItemElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoTabItem - WebF FlutterCupertinoTabItem component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoTabItem
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoTabItem>
+ * ```
+ */
+declare const FlutterCupertinoTabItem: React.ForwardRefExoticComponent<FlutterCupertinoTabItemProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoTabItemElement>>;
+
+interface FlutterCupertinoSwitchProps {
+    /**
+     * checked property
+     * @default undefined
+     */
+    checked?: boolean;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * activeColor property
+     * @default undefined
+     */
+    activeColor?: string;
+    /**
+     * inactiveColor property
+     * @default undefined
+     */
+    inactiveColor?: string;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoSwitchElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoSwitch - WebF FlutterCupertinoSwitch component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoSwitch
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoSwitch>
+ * ```
+ */
+declare const FlutterCupertinoSwitch: React.ForwardRefExoticComponent<FlutterCupertinoSwitchProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoSwitchElement>>;
+
+interface FlutterCupertinoSliderProps {
+    /**
+     * val property
+     * @default undefined
+     */
+    val?: number;
+    /**
+     * min property
+     * @default undefined
+     */
+    min?: number;
+    /**
+     * max property
+     * @default undefined
+     */
+    max?: number;
+    /**
+     * step property
+     * @default undefined
+     */
+    step?: number;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * changestart event handler
+     */
+    onChangestart?: (event: CustomEvent) => void;
+    /**
+     * changeend event handler
+     */
+    onChangeend?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoSliderElement extends WebFElementWithMethods<{
+    getValue(): number;
+    setValue(val: number): void;
+}> {
+}
+/**
+ * FlutterCupertinoSlider - WebF FlutterCupertinoSlider component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoSlider
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoSlider>
+ * ```
+ */
+declare const FlutterCupertinoSlider: React.ForwardRefExoticComponent<FlutterCupertinoSliderProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoSliderElement>>;
+
+interface FlutterCupertinoSearchInputProps {
+    /**
+     * val property
+     * @default undefined
+     */
+    val?: string;
+    /**
+     * placeholder property
+     * @default undefined
+     */
+    placeholder?: string;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * type property
+     * @default undefined
+     */
+    type?: string;
+    /**
+     * prefixIcon property
+     * @default undefined
+     */
+    prefixIcon?: string;
+    /**
+     * suffixIcon property
+     * @default undefined
+     */
+    suffixIcon?: string;
+    /**
+     * suffixModel property
+     * @default undefined
+     */
+    suffixModel?: string;
+    /**
+     * itemColor property
+     * @default undefined
+     */
+    itemColor?: string;
+    /**
+     * itemSize property
+     * @default undefined
+     */
+    itemSize?: number;
+    /**
+     * autofocus property
+     */
+    autofocus: boolean;
+    /**
+     * input event handler
+     */
+    onInput?: (event: CustomEvent) => void;
+    /**
+     * search event handler
+     */
+    onSearch?: (event: CustomEvent) => void;
+    /**
+     * clear event handler
+     */
+    onClear?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoSearchInputElement extends WebFElementWithMethods<{
+    getValue(): string;
+    setValue(value: string): void;
+    focus(): void;
+    blur(): void;
+    clear(): void;
+}> {
+}
+/**
+ * FlutterCupertinoSearchInput - WebF FlutterCupertinoSearchInput component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoSearchInput
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoSearchInput>
+ * ```
+ */
+declare const FlutterCupertinoSearchInput: React.ForwardRefExoticComponent<FlutterCupertinoSearchInputProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoSearchInputElement>>;
+
+interface FlutterCupertinoRadioProps {
+    /**
+     * val property
+     * @default undefined
+     */
+    val?: string;
+    /**
+     * groupValue property
+     * @default undefined
+     */
+    groupValue?: string;
+    /**
+     * useCheckmarkStyle property
+     * @default undefined
+     */
+    useCheckmarkStyle?: boolean;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * activeColor property
+     * @default undefined
+     */
+    activeColor?: string;
+    /**
+     * focusColor property
+     * @default undefined
+     */
+    focusColor?: string;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoRadio - WebF FlutterCupertinoRadio component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoRadio
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoRadio>
+ * ```
+ */
+declare const FlutterCupertinoRadio: React.ForwardRefExoticComponent<FlutterCupertinoRadioProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoRadioElement>>;
+
+interface FlutterCupertinoPickerProps {
+    /**
+     * height property
+     * @default undefined
+     */
+    height?: number;
+    /**
+     * itemHeight property
+     * @default undefined
+     */
+    itemHeight?: number;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoPickerElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoPicker - WebF FlutterCupertinoPicker component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoPicker
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoPicker>
+ * ```
+ */
+declare const FlutterCupertinoPicker: React.ForwardRefExoticComponent<FlutterCupertinoPickerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoPickerElement>>;
+
+interface FlutterCupertinoModalPopupProps {
+    /**
+     * visible property
+     * @default undefined
+     */
+    visible?: boolean;
+    /**
+     * height property
+     * @default undefined
+     */
+    height?: number;
+    /**
+     * surfacePainted property
+     * @default undefined
+     */
+    surfacePainted?: boolean;
+    /**
+     * maskClosable property
+     * @default undefined
+     */
+    maskClosable?: boolean;
+    /**
+     * backgroundOpacity property
+     * @default undefined
+     */
+    backgroundOpacity?: number;
+    /**
+     * close event handler
+     */
+    onClose?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{
+    show(): void;
+    hide(): void;
+}> {
+}
+/**
+ * FlutterCupertinoModalPopup - WebF FlutterCupertinoModalPopup component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoModalPopup
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoModalPopup>
+ * ```
+ */
+declare const FlutterCupertinoModalPopup: React.ForwardRefExoticComponent<FlutterCupertinoModalPopupProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoModalPopupElement>>;
+
+interface FlutterCupertinoInputProps {
+    /**
+     * val property
+     * @default undefined
+     */
+    val?: string;
+    /**
+     * placeholder property
+     * @default undefined
+     */
+    placeholder?: string;
+    /**
+     * type property
+     * @default undefined
+     */
+    type?: string;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * autofocus property
+     */
+    autofocus: boolean;
+    /**
+     * clearable property
+     * @default undefined
+     */
+    clearable?: boolean;
+    /**
+     * maxlength property
+     * @default undefined
+     */
+    maxlength?: number;
+    /**
+     * readonly property
+     * @default undefined
+     */
+    readonly?: boolean;
+    /**
+     * input event handler
+     */
+    onInput?: (event: CustomEvent) => void;
+    /**
+     * submit event handler
+     */
+    onSubmit?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
+    getValue(): string;
+    setValue(value: string): void;
+    focus(): void;
+    blur(): void;
+}> {
+}
+/**
+ * FlutterCupertinoInput - WebF FlutterCupertinoInput component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoInput
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoInput>
+ * ```
+ */
+declare const FlutterCupertinoInput: React.ForwardRefExoticComponent<FlutterCupertinoInputProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoInputElement>>;
+
+interface FlutterCupertinoIconProps {
+    /**
+     * type property
+     * @default undefined
+     */
+    type?: string;
+    /**
+     * label property
+     * @default undefined
+     */
+    label?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoIconElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoIcon - WebF FlutterCupertinoIcon component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoIcon
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoIcon>
+ * ```
+ */
+declare const FlutterCupertinoIcon: React.ForwardRefExoticComponent<FlutterCupertinoIconProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoIconElement>>;
+
+interface FlutterCupertinoDatePickerProps {
+    /**
+     * mode property
+     * @default undefined
+     */
+    mode?: string;
+    /**
+     * minimumDate property
+     * @default undefined
+     */
+    minimumDate?: string;
+    /**
+     * maximumDate property
+     * @default undefined
+     */
+    maximumDate?: string;
+    /**
+     * minuteInterval property
+     * @default undefined
+     */
+    minuteInterval?: string;
+    /**
+     * value property
+     * @default undefined
+     */
+    value?: string;
+    /**
+     * minimumYear property
+     * @default undefined
+     */
+    minimumYear?: string;
+    /**
+     * maximumYear property
+     * @default undefined
+     */
+    maximumYear?: string;
+    /**
+     * showDayOfWeek property
+     * @default undefined
+     */
+    showDayOfWeek?: string;
+    /**
+     * dateOrder property
+     * @default undefined
+     */
+    dateOrder?: string;
+    /**
+     * height property
+     * @default undefined
+     */
+    height?: string;
+    /**
+     * use24H property
+     * @default undefined
+     */
+    use24H?: boolean;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoDatePicker - WebF FlutterCupertinoDatePicker component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoDatePicker
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoDatePicker>
+ * ```
+ */
+declare const FlutterCupertinoDatePicker: React.ForwardRefExoticComponent<FlutterCupertinoDatePickerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoDatePickerElement>>;
+
+interface ContextMenuAction {
+    text: string;
+    icon?: string;
+    destructive?: boolean;
+    default?: boolean;
+    event?: string;
+}
+interface FlutterCupertinoContextMenuProps {
+    /**
+     * enableHapticFeedback property
+     * @default undefined
+     */
+    enableHapticFeedback?: boolean;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoContextMenuElement extends WebFElementWithMethods<{
+    setActions(actions: ContextMenuAction[]): void;
+}> {
+}
+/**
+ * FlutterCupertinoContextMenu - WebF FlutterCupertinoContextMenu component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoContextMenu
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoContextMenu>
+ * ```
+ */
+declare const FlutterCupertinoContextMenu: React.ForwardRefExoticComponent<FlutterCupertinoContextMenuProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoContextMenuElement>>;
+
+interface FlutterCupertinoCheckboxProps {
+    /**
+     * val property
+     * @default undefined
+     */
+    val?: string;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * activeColor property
+     * @default undefined
+     */
+    activeColor?: string;
+    /**
+     * checkColor property
+     * @default undefined
+     */
+    checkColor?: string;
+    /**
+     * focusColor property
+     * @default undefined
+     */
+    focusColor?: string;
+    /**
+     * fillColorSelected property
+     * @default undefined
+     */
+    fillColorSelected?: string;
+    /**
+     * fillColorDisabled property
+     * @default undefined
+     */
+    fillColorDisabled?: string;
+    /**
+     * change event handler
+     */
+    onChange?: (event: CustomEvent) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoCheckboxElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoCheckbox - WebF FlutterCupertinoCheckbox component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoCheckbox
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoCheckbox>
+ * ```
+ */
+declare const FlutterCupertinoCheckbox: React.ForwardRefExoticComponent<FlutterCupertinoCheckboxProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoCheckboxElement>>;
+
+interface FlutterCupertinoButtonProps {
+    /**
+     * variant property
+     * @default undefined
+     */
+    variant?: string;
+    /**
+     * size property
+     * @default undefined
+     */
+    size?: string;
+    /**
+     * disabled property
+     * @default undefined
+     */
+    disabled?: boolean;
+    /**
+     * pressedOpacity property
+     * @default undefined
+     */
+    pressedOpacity?: string;
+    /**
+     * click event handler
+     */
+    onClick?: (event: Event) => void;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterCupertinoButtonElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterCupertinoButton - WebF FlutterCupertinoButton component
+ *
+ * @example
+ * ```tsx
+ * <FlutterCupertinoButton
+ *   // Add example props here
+ * >
+ *   Content
+ * </FlutterCupertinoButton>
+ * ```
+ */
+declare const FlutterCupertinoButton: React.ForwardRefExoticComponent<FlutterCupertinoButtonProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoButtonElement>>;
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+type DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T;
+type PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;
+/**
+ * Type of the React component wrapping the web component. This is the return
+ * type of `createComponent`.
+ */
+type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>>;
+type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;
+type ComponentProps<I, E extends EventNames = {}> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & ElementProps<I>;
+/**
+ * Type used to cast an event name with an event type when providing the
+ * `events` option to `createComponent` for better typing of the event handler
+ * prop.
+ *
+ * Example:
+ *
+ * ```ts
+ * const FooComponent = createComponent({
+ *   ...
+ *   events: {
+ *     onfoo: 'foo' as EventName<FooEvent>,
+ *   }
+ * });
+ * ```
+ *
+ * `onfoo` prop will have the type `(e: FooEvent) => void`.
+ */
+type EventName<T extends Event = Event> = string & {
+    __eventType: T;
+};
+type EventNames = Record<string, EventName | string>;
+interface Options<E extends EventNames = {}> {
+    tagName: string;
+    events?: E;
+    displayName?: string;
+}
+/**
+ * Creates a React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+declare const createComponent: <E extends any, I extends any>({ tagName, events, displayName }: Options) => ReactWebComponent<E, I>;
+
+export { FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTab, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, type FlutterCupertinoTabElement, FlutterCupertinoTabItem, type FlutterCupertinoTabItemElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, createComponent };