@openwebf/react-cupertino-ui 0.3.20 → 0.3.22

package/dist/index.d.mts

@@ -532,6 +532,103 @@ declare const FlutterCupertinoSlider: React.ForwardRefExoticComponent<FlutterCup
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoSliderElement>>;
 
+interface FlutterCupertinoRadioProps {
+    /**
+     * Value represented by this radio button.
+     * When it matches `group-value`, the radio is selected.
+     */
+    val?: string;
+    /**
+     * Currently selected value for the radio group.
+     * When equal to `val`, this radio appears selected.
+     */
+    groupValue?: string;
+    /**
+     * Whether the radio is disabled.
+     * When true, the control is non-interactive and dimmed.
+     */
+    disabled?: boolean;
+    /**
+     * Whether this radio can be toggled off by tapping it again when selected.
+     * When true, on change the group value may be cleared.
+     * Default: false.
+     */
+    toggleable?: boolean;
+    /**
+     * When true, renders in a checkmark style instead of the default radio style.
+     * Default: false.
+     */
+    useCheckmarkStyle?: boolean;
+    /**
+     * Color used when this radio is selected.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    activeColor?: string;
+    /**
+     * Color used when this radio is not selected.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    inactiveColor?: string;
+    /**
+     * Inner fill color when selected.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    fillColor?: string;
+    /**
+     * Focus highlight color.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    focusColor?: string;
+    /**
+     * Whether this radio should focus itself if nothing else is focused.
+     * Default: false.
+     */
+    autofocus?: boolean;
+    /**
+     * Fired when this radio is selected or deselected.
+     * detail = the new group value (string); when `toggleable` is true and
+     * the selection is cleared, detail is the empty string ''.
+     */
+    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;
+}
+interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * Properties for <flutter-cupertino-radio>
+macOS-style radio button.
+ *
+ * @example
+ * ```tsx
+ *
+ * <FlutterCupertinoRadio
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterCupertinoRadio>
+ * ```
+ */
+declare const FlutterCupertinoRadio: React.ForwardRefExoticComponent<FlutterCupertinoRadioProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoRadioElement>>;
+
 interface FlutterCupertinoListSectionProps {
     /**
      * Whether to use the inset grouped style (iOS Settings-style sections).
@@ -2248,9 +2345,17 @@ interface FlutterCupertinoCheckboxProps {
     semanticLabel?: string;
     /**
      * Fired when the checkbox value changes.
-     * detail = checked state (or null when tristate is enabled and the value is mixed).
+     * detail = checked state as a boolean.
+     */
+    onChange?: (event: CustomEvent<boolean>) => void;
+    /**
+     * Fired when the checkbox value changes, including tristate transitions.
+     * detail = 'checked' | 'unchecked' | 'mixed'.
+     *
+     * Use this event when you need to distinguish the mixed state,
+     * instead of relying on null.
      */
-    onChange?: (event: CustomEvent<boolean | null>) => void;
+    onStatechange?: (event: CustomEvent<"checked" | "unchecked" | "mixed">) => void;
     /**
      * HTML id attribute
      */
@@ -3064,79 +3169,6 @@ declare const FlutterCupertinoSearchInput: React.ForwardRefExoticComponent<Flutt
     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<string>) => void;
-    /**
-     * HTML id attribute
-     */
-    id?: string;
-    /**
-     * 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 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

package/dist/index.d.ts

@@ -532,6 +532,103 @@ declare const FlutterCupertinoSlider: React.ForwardRefExoticComponent<FlutterCup
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoSliderElement>>;
 
+interface FlutterCupertinoRadioProps {
+    /**
+     * Value represented by this radio button.
+     * When it matches `group-value`, the radio is selected.
+     */
+    val?: string;
+    /**
+     * Currently selected value for the radio group.
+     * When equal to `val`, this radio appears selected.
+     */
+    groupValue?: string;
+    /**
+     * Whether the radio is disabled.
+     * When true, the control is non-interactive and dimmed.
+     */
+    disabled?: boolean;
+    /**
+     * Whether this radio can be toggled off by tapping it again when selected.
+     * When true, on change the group value may be cleared.
+     * Default: false.
+     */
+    toggleable?: boolean;
+    /**
+     * When true, renders in a checkmark style instead of the default radio style.
+     * Default: false.
+     */
+    useCheckmarkStyle?: boolean;
+    /**
+     * Color used when this radio is selected.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    activeColor?: string;
+    /**
+     * Color used when this radio is not selected.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    inactiveColor?: string;
+    /**
+     * Inner fill color when selected.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    fillColor?: string;
+    /**
+     * Focus highlight color.
+     * Hex string '#RRGGBB' or '#AARRGGBB', or any CSS color supported by WebF.
+     */
+    focusColor?: string;
+    /**
+     * Whether this radio should focus itself if nothing else is focused.
+     * Default: false.
+     */
+    autofocus?: boolean;
+    /**
+     * Fired when this radio is selected or deselected.
+     * detail = the new group value (string); when `toggleable` is true and
+     * the selection is cleared, detail is the empty string ''.
+     */
+    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;
+}
+interface FlutterCupertinoRadioElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * Properties for <flutter-cupertino-radio>
+macOS-style radio button.
+ *
+ * @example
+ * ```tsx
+ *
+ * <FlutterCupertinoRadio
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterCupertinoRadio>
+ * ```
+ */
+declare const FlutterCupertinoRadio: React.ForwardRefExoticComponent<FlutterCupertinoRadioProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterCupertinoRadioElement>>;
+
 interface FlutterCupertinoListSectionProps {
     /**
      * Whether to use the inset grouped style (iOS Settings-style sections).
@@ -2248,9 +2345,17 @@ interface FlutterCupertinoCheckboxProps {
     semanticLabel?: string;
     /**
      * Fired when the checkbox value changes.
-     * detail = checked state (or null when tristate is enabled and the value is mixed).
+     * detail = checked state as a boolean.
+     */
+    onChange?: (event: CustomEvent<boolean>) => void;
+    /**
+     * Fired when the checkbox value changes, including tristate transitions.
+     * detail = 'checked' | 'unchecked' | 'mixed'.
+     *
+     * Use this event when you need to distinguish the mixed state,
+     * instead of relying on null.
      */
-    onChange?: (event: CustomEvent<boolean | null>) => void;
+    onStatechange?: (event: CustomEvent<"checked" | "unchecked" | "mixed">) => void;
     /**
      * HTML id attribute
      */
@@ -3064,79 +3169,6 @@ declare const FlutterCupertinoSearchInput: React.ForwardRefExoticComponent<Flutt
     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<string>) => void;
-    /**
-     * HTML id attribute
-     */
-    id?: string;
-    /**
-     * 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 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

package/dist/index.js

@@ -325,9 +325,52 @@ var FlutterCupertinoSlider = (0, import_react_core_ui7.createWebFComponent)({
   }
 });
 
-// src/lib/src/list_section.tsx
+// src/lib/src/radio.tsx
 var import_react_core_ui8 = require("@openwebf/react-core-ui");
-var FlutterCupertinoListSection = (0, import_react_core_ui8.createWebFComponent)({
+var FlutterCupertinoRadio = (0, import_react_core_ui8.createWebFComponent)({
+  tagName: "flutter-cupertino-radio",
+  displayName: "FlutterCupertinoRadio",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "groupValue",
+    "disabled",
+    "toggleable",
+    "useCheckmarkStyle",
+    "activeColor",
+    "inactiveColor",
+    "fillColor",
+    "focusColor",
+    "autofocus"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    groupValue: "group-value",
+    useCheckmarkStyle: "use-checkmark-style",
+    activeColor: "active-color",
+    inactiveColor: "inactive-color",
+    fillColor: "fill-color",
+    focusColor: "focus-color"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/list_section.tsx
+var import_react_core_ui9 = require("@openwebf/react-core-ui");
+var FlutterCupertinoListSection = (0, import_react_core_ui9.createWebFComponent)({
   tagName: "flutter-cupertino-list-section",
   displayName: "FlutterCupertinoListSection",
   // Map props to attributes
@@ -345,7 +388,7 @@ var FlutterCupertinoListSection = (0, import_react_core_ui8.createWebFComponent)
     // Add default values here
   }
 });
-var FlutterCupertinoListSectionHeader = (0, import_react_core_ui8.createWebFComponent)({
+var FlutterCupertinoListSectionHeader = (0, import_react_core_ui9.createWebFComponent)({
   tagName: "flutter-cupertino-list-section-header",
   displayName: "FlutterCupertinoListSectionHeader",
   // Map props to attributes
@@ -359,7 +402,7 @@ var FlutterCupertinoListSectionHeader = (0, import_react_core_ui8.createWebFComp
     // Add default values here
   }
 });
-var FlutterCupertinoListSectionFooter = (0, import_react_core_ui8.createWebFComponent)({
+var FlutterCupertinoListSectionFooter = (0, import_react_core_ui9.createWebFComponent)({
   tagName: "flutter-cupertino-list-section-footer",
   displayName: "FlutterCupertinoListSectionFooter",
   // Map props to attributes
@@ -375,8 +418,8 @@ var FlutterCupertinoListSectionFooter = (0, import_react_core_ui8.createWebFComp
 });
 
 // src/lib/src/icon.tsx
-var import_react_core_ui9 = require("@openwebf/react-core-ui");
-var FlutterCupertinoIcon = (0, import_react_core_ui9.createWebFComponent)({
+var import_react_core_ui10 = require("@openwebf/react-core-ui");
+var FlutterCupertinoIcon = (0, import_react_core_ui10.createWebFComponent)({
   tagName: "flutter-cupertino-icon",
   displayName: "FlutterCupertinoIcon",
   // Map props to attributes
@@ -393,8 +436,8 @@ var FlutterCupertinoIcon = (0, import_react_core_ui9.createWebFComponent)({
 });
 
 // src/lib/src/context-menu.tsx
-var import_react_core_ui10 = require("@openwebf/react-core-ui");
-var FlutterCupertinoContextMenu = (0, import_react_core_ui10.createWebFComponent)({
+var import_react_core_ui11 = require("@openwebf/react-core-ui");
+var FlutterCupertinoContextMenu = (0, import_react_core_ui11.createWebFComponent)({
   tagName: "flutter-cupertino-context-menu",
   displayName: "FlutterCupertinoContextMenu",
   // Map props to attributes
@@ -422,8 +465,8 @@ var FlutterCupertinoContextMenu = (0, import_react_core_ui10.createWebFComponent
 });
 
 // src/lib/src/checkbox.tsx
-var import_react_core_ui11 = require("@openwebf/react-core-ui");
-var FlutterCupertinoCheckbox = (0, import_react_core_ui11.createWebFComponent)({
+var import_react_core_ui12 = require("@openwebf/react-core-ui");
+var FlutterCupertinoCheckbox = (0, import_react_core_ui12.createWebFComponent)({
   tagName: "flutter-cupertino-checkbox",
   displayName: "FlutterCupertinoCheckbox",
   // Map props to attributes
@@ -456,6 +499,13 @@ var FlutterCupertinoCheckbox = (0, import_react_core_ui11.createWebFComponent)({
       handler: (callback) => (event) => {
         callback(event);
       }
+    },
+    {
+      propName: "onStatechange",
+      eventName: "statechange",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
     }
   ],
   // Default prop values
@@ -465,8 +515,8 @@ var FlutterCupertinoCheckbox = (0, import_react_core_ui11.createWebFComponent)({
 });
 
 // src/lib/src/button.tsx
-var import_react_core_ui12 = require("@openwebf/react-core-ui");
-var FlutterCupertinoButton = (0, import_react_core_ui12.createWebFComponent)({
+var import_react_core_ui13 = require("@openwebf/react-core-ui");
+var FlutterCupertinoButton = (0, import_react_core_ui13.createWebFComponent)({
   tagName: "flutter-cupertino-button",
   displayName: "FlutterCupertinoButton",
   // Map props to attributes
@@ -499,8 +549,8 @@ var FlutterCupertinoButton = (0, import_react_core_ui12.createWebFComponent)({
 });
 
 // src/lib/src/alert.tsx
-var import_react_core_ui13 = require("@openwebf/react-core-ui");
-var FlutterCupertinoAlert = (0, import_react_core_ui13.createWebFComponent)({
+var import_react_core_ui14 = require("@openwebf/react-core-ui");
+var FlutterCupertinoAlert = (0, import_react_core_ui14.createWebFComponent)({
   tagName: "flutter-cupertino-alert",
   displayName: "FlutterCupertinoAlert",
   // Map props to attributes
@@ -551,8 +601,8 @@ var FlutterCupertinoAlert = (0, import_react_core_ui13.createWebFComponent)({
 });
 
 // src/lib/src/action-sheet.tsx
-var import_react_core_ui14 = require("@openwebf/react-core-ui");
-var FlutterCupertinoActionSheet = (0, import_react_core_ui14.createWebFComponent)({
+var import_react_core_ui15 = require("@openwebf/react-core-ui");
+var FlutterCupertinoActionSheet = (0, import_react_core_ui15.createWebFComponent)({
   tagName: "flutter-cupertino-action-sheet",
   displayName: "FlutterCupertinoActionSheet",
   // Map props to attributes
@@ -576,8 +626,8 @@ var FlutterCupertinoActionSheet = (0, import_react_core_ui14.createWebFComponent
 });
 
 // src/lib/src/legacy/toast.tsx
-var import_react_core_ui15 = require("@openwebf/react-core-ui");
-var FlutterCupertinoToast = (0, import_react_core_ui15.createWebFComponent)({
+var import_react_core_ui16 = require("@openwebf/react-core-ui");
+var FlutterCupertinoToast = (0, import_react_core_ui16.createWebFComponent)({
   tagName: "flutter-cupertino-toast",
   displayName: "FlutterCupertinoToast",
   // Map props to attributes
@@ -593,8 +643,8 @@ var FlutterCupertinoToast = (0, import_react_core_ui15.createWebFComponent)({
 });
 
 // src/lib/src/legacy/timer-picker.tsx
-var import_react_core_ui16 = require("@openwebf/react-core-ui");
-var FlutterCupertinoTimerPicker = (0, import_react_core_ui16.createWebFComponent)({
+var import_react_core_ui17 = require("@openwebf/react-core-ui");
+var FlutterCupertinoTimerPicker = (0, import_react_core_ui17.createWebFComponent)({
   tagName: "flutter-cupertino-timer-picker",
   displayName: "FlutterCupertinoTimerPicker",
   // Map props to attributes
@@ -630,8 +680,8 @@ var FlutterCupertinoTimerPicker = (0, import_react_core_ui16.createWebFComponent
 });
 
 // src/lib/src/legacy/textarea.tsx
-var import_react_core_ui17 = require("@openwebf/react-core-ui");
-var FlutterCupertinoTextarea = (0, import_react_core_ui17.createWebFComponent)({
+var import_react_core_ui18 = require("@openwebf/react-core-ui");
+var FlutterCupertinoTextarea = (0, import_react_core_ui18.createWebFComponent)({
   tagName: "flutter-cupertino-textarea",
   displayName: "FlutterCupertinoTextarea",
   // Map props to attributes
@@ -676,8 +726,8 @@ var FlutterCupertinoTextarea = (0, import_react_core_ui17.createWebFComponent)({
 });
 
 // src/lib/src/legacy/segmented-tab.tsx
-var import_react_core_ui18 = require("@openwebf/react-core-ui");
-var FlutterCupertinoSegmentedTab = (0, import_react_core_ui18.createWebFComponent)({
+var import_react_core_ui19 = require("@openwebf/react-core-ui");
+var FlutterCupertinoSegmentedTab = (0, import_react_core_ui19.createWebFComponent)({
   tagName: "flutter-cupertino-segmented-tab",
   displayName: "FlutterCupertinoSegmentedTab",
   // Map props to attributes
@@ -699,7 +749,7 @@ var FlutterCupertinoSegmentedTab = (0, import_react_core_ui18.createWebFComponen
     // Add default values here
   }
 });
-var FlutterCupertinoSegmentedTabItem = (0, import_react_core_ui18.createWebFComponent)({
+var FlutterCupertinoSegmentedTabItem = (0, import_react_core_ui19.createWebFComponent)({
   tagName: "flutter-cupertino-segmented-tab-item",
   displayName: "FlutterCupertinoSegmentedTabItem",
   // Map props to attributes
@@ -717,8 +767,8 @@ var FlutterCupertinoSegmentedTabItem = (0, import_react_core_ui18.createWebFComp
 });
 
 // src/lib/src/legacy/search-input.tsx
-var import_react_core_ui19 = require("@openwebf/react-core-ui");
-var FlutterCupertinoSearchInput = (0, import_react_core_ui19.createWebFComponent)({
+var import_react_core_ui20 = require("@openwebf/react-core-ui");
+var FlutterCupertinoSearchInput = (0, import_react_core_ui20.createWebFComponent)({
   tagName: "flutter-cupertino-search-input",
   displayName: "FlutterCupertinoSearchInput",
   // Map props to attributes
@@ -772,43 +822,6 @@ var FlutterCupertinoSearchInput = (0, import_react_core_ui19.createWebFComponent
   }
 });
 
-// src/lib/src/legacy/radio.tsx
-var import_react_core_ui20 = require("@openwebf/react-core-ui");
-var FlutterCupertinoRadio = (0, import_react_core_ui20.createWebFComponent)({
-  tagName: "flutter-cupertino-radio",
-  displayName: "FlutterCupertinoRadio",
-  // Map props to attributes
-  attributeProps: [
-    "val",
-    "groupValue",
-    "useCheckmarkStyle",
-    "disabled",
-    "activeColor",
-    "focusColor"
-  ],
-  // Convert prop names to attribute names if needed
-  attributeMap: {
-    groupValue: "group-value",
-    useCheckmarkStyle: "use-checkmark-style",
-    activeColor: "active-color",
-    focusColor: "focus-color"
-  },
-  // Event handlers
-  events: [
-    {
-      propName: "onChange",
-      eventName: "change",
-      handler: (callback) => (event) => {
-        callback(event);
-      }
-    }
-  ],
-  // Default prop values
-  defaultProps: {
-    // Add default values here
-  }
-});
-
 // src/lib/src/legacy/picker.tsx
 var import_react_core_ui21 = require("@openwebf/react-core-ui");
 var FlutterCupertinoPicker = (0, import_react_core_ui21.createWebFComponent)({