@openwebf/react-cupertino-ui 0.3.34 → 0.4.1

package/README.md

@@ -0,0 +1,207 @@
+# WebF Cupertino UI
+
+A Cupertino UI component set for WebF.
+
+It wraps Flutter's native Cupertino widgets as HTML custom elements (e.g. `<flutter-cupertino-button>`),
+so you can build Flutter app UIs using web technologies with WebF.
+
+## React / Vue (npm) — Install & Use
+
+These npm packages are for **WebF JavaScript developers**. They provide framework integrations and
+TypeScript types for the Cupertino custom elements rendered by Flutter.
+
+> This is not a “run in the browser” UI library. You still need a Flutter app with WebF + this
+> Flutter package installed (see the next section).
+
+### Install
+
+Vue:
+
+```bash
+npm install @openwebf/vue-cupertino-ui
+```
+
+React:
+
+```bash
+npm install @openwebf/react-cupertino-ui
+```
+
+### React usage (from `@openwebf/react-cupertino-ui`)
+
+```tsx
+import React, { useState } from 'react';
+import {
+  FlutterCupertinoButton,
+  FlutterCupertinoInput,
+  FlutterCupertinoSwitch,
+} from '@openwebf/react-cupertino-ui';
+
+export function App() {
+  const [username, setUsername] = useState('');
+  const [enabled, setEnabled] = useState(false);
+
+  return (
+    <>
+      <FlutterCupertinoInput
+        val={username}
+        placeholder="Enter username"
+        onInput={(e) => setUsername(e.detail)}
+      />
+
+      <FlutterCupertinoSwitch
+        checked={enabled}
+        onChange={(e) => setEnabled(e.detail)}
+      />
+
+      <FlutterCupertinoButton onClick={() => console.log({ username, enabled })}>
+        Submit
+      </FlutterCupertinoButton>
+    </>
+  );
+}
+```
+
+### Vue usage (from `@openwebf/vue-cupertino-ui`)
+
+1) Enable template type-checking for the custom elements by referencing the package types (for
+example in `src/env.d.ts`):
+
+```ts
+/// <reference types="@openwebf/vue-cupertino-ui" />
+```
+
+2) Use the custom elements in your SFC templates:
+
+```vue
+<template>
+  <flutter-cupertino-input
+    :val="username"
+    placeholder="Enter username"
+    @input="(e) => (username = e.detail)"
+  />
+
+  <flutter-cupertino-switch
+    :checked="enabled"
+    @change="(e) => (enabled = e.detail)"
+  />
+
+  <flutter-cupertino-button @click="submit">
+    Submit
+  </flutter-cupertino-button>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const username = ref('');
+const enabled = ref(false);
+
+function submit() {
+  console.log({ username: username.value, enabled: enabled.value });
+}
+</script>
+```
+
+## Flutter (WebF runtime) — Install & Use
+
+The npm packages above only provide types/framework wrappers. The actual rendering happens inside
+your Flutter app via WebF + this Flutter package.
+
+### 1) Add dependencies
+
+Add `webf_cupertino_ui` to your `pubspec.yaml`:
+
+```yaml
+dependencies:
+  webf_cupertino_ui: ^0.4.0
+```
+
+This package depends on WebF (`webf: ^0.24.0`) and will pull it in automatically, but you can pin it
+explicitly if your app needs to.
+
+### 2) Register the custom elements
+
+Call `installWebFCupertinoUI()` before creating/loading any WebF pages:
+
+```dart
+import 'package:flutter/material.dart';
+import 'package:webf_cupertino_ui/webf_cupertino_ui.dart';
+
+void main() {
+  installWebFCupertinoUI();
+  runApp(const MyApp());
+}
+```
+
+Now your WebF pages can use the Cupertino tags (e.g. `<flutter-cupertino-button>`) and they will
+render as real Flutter Cupertino widgets.
+
+## Features
+
+- **Native Flutter Widgets**: Use Flutter's native Cupertino widgets through web technologies
+- **Web Framework Development**: Build your Flutter app UI with Vue.js or React
+- **Custom HTML Elements**: Cupertino widgets exposed as HTML custom elements
+- **Full Native Performance**: Renders as native Flutter widgets, not web views
+- **TypeScript Support**: Complete type definitions for better development experience
+
+## Components & Docs
+
+Component docs live in `lib/src/*.md` (React-focused):
+- [FlutterCupertinoActionSheet](lib/src/action_sheet.md)
+- [FlutterCupertinoAlert](lib/src/alert.md)
+- [FlutterCupertinoButton](lib/src/button.md)
+- [FlutterCupertinoCheckbox](lib/src/checkbox.md)
+- [FlutterCupertinoContextMenu](lib/src/context_menu.md)
+- [FlutterCupertinoDatePicker](lib/src/date_picker.md)
+- [FlutterCupertinoFormSection](lib/src/form_section.md)
+- [FlutterCupertinoInput](lib/src/input.md)
+- [FlutterCupertinoListSection](lib/src/list_section.md)
+- [FlutterCupertinoListTile](lib/src/list_tile.md)
+- [FlutterCupertinoModalPopup](lib/src/modal_popup.md)
+- [FlutterCupertinoRadio](lib/src/radio.md)
+- [FlutterCupertinoSearchTextField](lib/src/search_text_field.md)
+- [FlutterCupertinoSlider](lib/src/slider.md)
+- [FlutterCupertinoSlidingSegmentedControl](lib/src/sliding-segmented-control.md)
+- [FlutterCupertinoSwitch](lib/src/switch.md)
+- [FlutterCupertinoTabBar](lib/src/tab_bar.md)
+- [FlutterCupertinoTabScaffold](lib/src/tab_scaffold.md)
+- [FlutterCupertinoTabView](lib/src/tab_view.md)
+- [FlutterCupertinoTextFormFieldRow](lib/src/text_form_field_row.md)
+
+
+## Contributing & Testing (via `webf codegen`)
+
+This repo is the source of truth for:
+- Flutter custom elements (`lib/src/*.dart`)
+- TypeScript typings (`lib/src/*.d.ts`)
+- Generated Dart bindings (`lib/src/*_bindings_generated.dart`, generated by `webf codegen`)
+- Generated npm packages (`@openwebf/react-cupertino-ui`, `@openwebf/vue-cupertino-ui`)
+
+Typical workflow:
+
+1) Update or add typings in `lib/src/*.d.ts`
+2) Regenerate Dart bindings:
+
+```bash
+webf codegen --dart-only
+```
+
+3) Generate the React/Vue npm packages (optionally add `--publish-to-npm`):
+
+```bash
+webf codegen --framework react --package-name @openwebf/react-cupertino-ui
+webf codegen --framework vue --package-name @openwebf/vue-cupertino-ui
+```
+
+4) Run tests:
+
+```bash
+flutter test
+```
+
+See `CONTRIBUTING.md` and `docs/migration-rules.md` for more details and conventions.
+
+## License
+
+This project is licensed under the Apache License 2.0 - see the [LICENSE](LICENSE) file for details.

package/dist/index.d.mts

@@ -2961,6 +2961,120 @@ declare const FlutterCupertinoFormRow: React.ForwardRefExoticComponent<FlutterCu
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoFormRowElement>>;
 
+interface FlutterCupertinoDatePickerProps {
+    /**
+     * Display mode of the picker.
+     * - 'time'
+     * - 'date'
+     * - 'dateAndTime'
+     * - 'monthYear'
+     * Default: 'dateAndTime'.
+     */
+    mode?: string;
+    /**
+     * Minimum selectable date/time, encoded as an ISO8601 string.
+     * Example: '2024-01-01T00:00:00.000'.
+     */
+    minimumDate?: string;
+    /**
+     * Maximum selectable date/time, encoded as an ISO8601 string.
+     * Example: '2025-12-31T23:59:59.000'.
+     */
+    maximumDate?: string;
+    /**
+     * Minimum year in 'date' / 'monthYear' modes.
+     * Default: 1.
+     */
+    minimumYear?: number;
+    /**
+     * Maximum year in 'date' / 'monthYear' modes.
+     * When omitted, there is no upper limit.
+     */
+    maximumYear?: number;
+    /**
+     * Minute interval for the minutes column.
+     * Must be a positive factor of 60. Default: 1.
+     */
+    minuteInterval?: number;
+    /**
+     * Whether to use 24-hour format for time display.
+     * Default: false (12-hour with AM/PM).
+     */
+    use24H?: boolean;
+    /**
+     * Whether to show the day of week in 'date' mode.
+     * Default: false.
+     */
+    showDayOfWeek?: boolean;
+    /**
+     * Initial value of the picker, encoded as an ISO8601 string.
+     * When omitted, defaults to `DateTime.now()` at the time of first build.
+     */
+    value?: string;
+    /**
+     * Fired whenever the selected date/time changes according to
+     * the underlying widget's change reporting behavior.
+     * detail = ISO8601 string of the selected DateTime.
+     */
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * Element interface with methods accessible via ref
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterCupertinoDatePickerElement>(null);
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{
+    /**
+     * Imperatively set the current value.
+     * The argument must be an ISO8601 string (same format as `value`).
+     */
+    setValue(value: string): void;
+}> {
+}
+/**
+ * Properties for <flutter-cupertino-date-picker>.
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterCupertinoDatePickerElement>(null);
+ *
+ * <FlutterCupertinoDatePicker
+ *   ref={ref}
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterCupertinoDatePicker>
+ *
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+declare const FlutterCupertinoDatePicker: React.ForwardRefExoticComponent<FlutterCupertinoDatePickerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoDatePickerElement>>;
+
 /**
  * Properties for <flutter-cupertino-context-menu>.
  * Wraps Flutter's CupertinoContextMenu.
@@ -3505,4 +3619,4 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
 
-export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchTextField, type FlutterCupertinoSearchTextFieldElement, 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, FlutterCupertinoTextFormFieldRow, type FlutterCupertinoTextFormFieldRowElement };
+export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchTextField, type FlutterCupertinoSearchTextFieldElement, 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, FlutterCupertinoTextFormFieldRow, type FlutterCupertinoTextFormFieldRowElement };

package/dist/index.d.ts

@@ -2961,6 +2961,120 @@ declare const FlutterCupertinoFormRow: React.ForwardRefExoticComponent<FlutterCu
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoFormRowElement>>;
 
+interface FlutterCupertinoDatePickerProps {
+    /**
+     * Display mode of the picker.
+     * - 'time'
+     * - 'date'
+     * - 'dateAndTime'
+     * - 'monthYear'
+     * Default: 'dateAndTime'.
+     */
+    mode?: string;
+    /**
+     * Minimum selectable date/time, encoded as an ISO8601 string.
+     * Example: '2024-01-01T00:00:00.000'.
+     */
+    minimumDate?: string;
+    /**
+     * Maximum selectable date/time, encoded as an ISO8601 string.
+     * Example: '2025-12-31T23:59:59.000'.
+     */
+    maximumDate?: string;
+    /**
+     * Minimum year in 'date' / 'monthYear' modes.
+     * Default: 1.
+     */
+    minimumYear?: number;
+    /**
+     * Maximum year in 'date' / 'monthYear' modes.
+     * When omitted, there is no upper limit.
+     */
+    maximumYear?: number;
+    /**
+     * Minute interval for the minutes column.
+     * Must be a positive factor of 60. Default: 1.
+     */
+    minuteInterval?: number;
+    /**
+     * Whether to use 24-hour format for time display.
+     * Default: false (12-hour with AM/PM).
+     */
+    use24H?: boolean;
+    /**
+     * Whether to show the day of week in 'date' mode.
+     * Default: false.
+     */
+    showDayOfWeek?: boolean;
+    /**
+     * Initial value of the picker, encoded as an ISO8601 string.
+     * When omitted, defaults to `DateTime.now()` at the time of first build.
+     */
+    value?: string;
+    /**
+     * Fired whenever the selected date/time changes according to
+     * the underlying widget's change reporting behavior.
+     * detail = ISO8601 string of the selected DateTime.
+     */
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * Element interface with methods accessible via ref
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterCupertinoDatePickerElement>(null);
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+interface FlutterCupertinoDatePickerElement extends WebFElementWithMethods<{
+    /**
+     * Imperatively set the current value.
+     * The argument must be an ISO8601 string (same format as `value`).
+     */
+    setValue(value: string): void;
+}> {
+}
+/**
+ * Properties for <flutter-cupertino-date-picker>.
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterCupertinoDatePickerElement>(null);
+ *
+ * <FlutterCupertinoDatePicker
+ *   ref={ref}
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterCupertinoDatePicker>
+ *
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+declare const FlutterCupertinoDatePicker: React.ForwardRefExoticComponent<FlutterCupertinoDatePickerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoDatePickerElement>>;
+
 /**
  * Properties for <flutter-cupertino-context-menu>.
  * Wraps Flutter's CupertinoContextMenu.
@@ -3505,4 +3619,4 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
 
-export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchTextField, type FlutterCupertinoSearchTextFieldElement, 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, FlutterCupertinoTextFormFieldRow, type FlutterCupertinoTextFormFieldRowElement };
+export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchTextField, type FlutterCupertinoSearchTextFieldElement, 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, FlutterCupertinoTextFormFieldRow, type FlutterCupertinoTextFormFieldRowElement };

package/dist/index.js

@@ -27,6 +27,7 @@ __export(index_exports, {
   FlutterCupertinoButton: () => FlutterCupertinoButton,
   FlutterCupertinoCheckbox: () => FlutterCupertinoCheckbox,
   FlutterCupertinoContextMenu: () => FlutterCupertinoContextMenu,
+  FlutterCupertinoDatePicker: () => FlutterCupertinoDatePicker,
   FlutterCupertinoFormRow: () => FlutterCupertinoFormRow,
   FlutterCupertinoFormSection: () => FlutterCupertinoFormSection,
   FlutterCupertinoIcon: () => FlutterCupertinoIcon,
@@ -760,9 +761,52 @@ var FlutterCupertinoFormRow = (0, import_react_core_ui16.createWebFComponent)({
   }
 });
 
-// src/lib/src/context-menu.tsx
+// src/lib/src/date-picker.tsx
 var import_react_core_ui17 = require("@openwebf/react-core-ui");
-var FlutterCupertinoContextMenu = (0, import_react_core_ui17.createWebFComponent)({
+var FlutterCupertinoDatePicker = (0, import_react_core_ui17.createWebFComponent)({
+  tagName: "flutter-cupertino-date-picker",
+  displayName: "FlutterCupertinoDatePicker",
+  // Map props to attributes
+  attributeProps: [
+    "mode",
+    "minimumDate",
+    "maximumDate",
+    "minimumYear",
+    "maximumYear",
+    "minuteInterval",
+    "use24H",
+    "showDayOfWeek",
+    "value"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    minimumDate: "minimum-date",
+    maximumDate: "maximum-date",
+    minimumYear: "minimum-year",
+    maximumYear: "maximum-year",
+    minuteInterval: "minute-interval",
+    use24H: "use-24-h",
+    showDayOfWeek: "show-day-of-week"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/context-menu.tsx
+var import_react_core_ui18 = require("@openwebf/react-core-ui");
+var FlutterCupertinoContextMenu = (0, import_react_core_ui18.createWebFComponent)({
   tagName: "flutter-cupertino-context-menu",
   displayName: "FlutterCupertinoContextMenu",
   // Map props to attributes
@@ -790,8 +834,8 @@ var FlutterCupertinoContextMenu = (0, import_react_core_ui17.createWebFComponent
 });
 
 // src/lib/src/checkbox.tsx
-var import_react_core_ui18 = require("@openwebf/react-core-ui");
-var FlutterCupertinoCheckbox = (0, import_react_core_ui18.createWebFComponent)({
+var import_react_core_ui19 = require("@openwebf/react-core-ui");
+var FlutterCupertinoCheckbox = (0, import_react_core_ui19.createWebFComponent)({
   tagName: "flutter-cupertino-checkbox",
   displayName: "FlutterCupertinoCheckbox",
   // Map props to attributes
@@ -840,8 +884,8 @@ var FlutterCupertinoCheckbox = (0, import_react_core_ui18.createWebFComponent)({
 });
 
 // src/lib/src/button.tsx
-var import_react_core_ui19 = require("@openwebf/react-core-ui");
-var FlutterCupertinoButton = (0, import_react_core_ui19.createWebFComponent)({
+var import_react_core_ui20 = require("@openwebf/react-core-ui");
+var FlutterCupertinoButton = (0, import_react_core_ui20.createWebFComponent)({
   tagName: "flutter-cupertino-button",
   displayName: "FlutterCupertinoButton",
   // Map props to attributes
@@ -874,8 +918,8 @@ var FlutterCupertinoButton = (0, import_react_core_ui19.createWebFComponent)({
 });
 
 // src/lib/src/alert.tsx
-var import_react_core_ui20 = require("@openwebf/react-core-ui");
-var FlutterCupertinoAlert = (0, import_react_core_ui20.createWebFComponent)({
+var import_react_core_ui21 = require("@openwebf/react-core-ui");
+var FlutterCupertinoAlert = (0, import_react_core_ui21.createWebFComponent)({
   tagName: "flutter-cupertino-alert",
   displayName: "FlutterCupertinoAlert",
   // Map props to attributes
@@ -926,8 +970,8 @@ var FlutterCupertinoAlert = (0, import_react_core_ui20.createWebFComponent)({
 });
 
 // src/lib/src/action-sheet.tsx
-var import_react_core_ui21 = require("@openwebf/react-core-ui");
-var FlutterCupertinoActionSheet = (0, import_react_core_ui21.createWebFComponent)({
+var import_react_core_ui22 = require("@openwebf/react-core-ui");
+var FlutterCupertinoActionSheet = (0, import_react_core_ui22.createWebFComponent)({
   tagName: "flutter-cupertino-action-sheet",
   displayName: "FlutterCupertinoActionSheet",
   // Map props to attributes
@@ -2335,6 +2379,7 @@ var CupertinoColors = /* @__PURE__ */ ((CupertinoColors2) => {
   FlutterCupertinoButton,
   FlutterCupertinoCheckbox,
   FlutterCupertinoContextMenu,
+  FlutterCupertinoDatePicker,
   FlutterCupertinoFormRow,
   FlutterCupertinoFormSection,
   FlutterCupertinoIcon,