react-native-platform-components 0.8.9 → 0.9.0

package/ios/PCSelectionMenu.swift

@@ -277,33 +277,53 @@ public final class PCSelectionMenuView: UIControl {
             // Calculate menu position relative to source view
             let sourceFrame = self.convert(self.bounds, to: vc.view)
             let screenBounds = vc.view.bounds
-            let popoverHeight = min(
-                CGFloat(opts.count) * PCConstants.popoverRowHeight + PCConstants.popoverVerticalPadding,
-                PCConstants.popoverMaxHeight
-            )
             let spacing: CGFloat = 8
 
+            // Adaptive width (wider at accessibility sizes), clamped to the screen.
+            let category = self.traitCollection.preferredContentSizeCategory
+            let menuWidth = min(
+                PCConstants.popoverWidth(forCategory: category),
+                screenBounds.width - 32
+            )
+
+            // Measure the real (possibly multi-line) content height so the
+            // container fits its rows instead of clipping or leaving gaps.
+            let contentHeight = opts.reduce(PCConstants.popoverVerticalPadding) { partial, opt in
+                partial + PCConstants.popoverRowHeight(forLabel: opt.label, width: menuWidth)
+            }
+            // Allow taller menus at accessibility sizes; otherwise keep them compact.
+            let maxHeight = category.isAccessibilityCategory
+                ? max(PCConstants.popoverMaxHeight, screenBounds.height - 120)
+                : PCConstants.popoverMaxHeight
+            let popoverHeight = min(contentHeight, maxHeight)
+
             // Check if menu fits below the source view
-            let rowHeight = PCConstants.popoverRowHeight
+            let firstRowHeight = PCConstants.popoverRowHeight(forLabel: opts[0].label, width: menuWidth)
             let wouldExtendBeyondBottom = sourceFrame.maxY + spacing + popoverHeight > screenBounds.maxY - 20
 
-            let menuY: CGFloat
+            var menuY: CGFloat
             if wouldExtendBeyondBottom {
                 // Position above the source view (no overlap offset)
                 menuY = sourceFrame.minY - spacing - popoverHeight
             } else {
                 // Position below, but shift up by one row to overlap trigger (like system menu)
-                menuY = sourceFrame.maxY + spacing - rowHeight
+                menuY = sourceFrame.maxY + spacing - firstRowHeight
             }
 
+            // Keep the menu fully on screen vertically (tall menus at large
+            // Dynamic Type sizes can otherwise run off the top or bottom).
+            let topMargin = vc.view.safeAreaInsets.top + spacing
+            let bottomLimit = screenBounds.maxY - vc.view.safeAreaInsets.bottom - spacing - popoverHeight
+            menuY = min(max(menuY, topMargin), max(topMargin, bottomLimit))
+
             // Center horizontally, but keep within screen bounds
-            var menuX = sourceFrame.midX - PCConstants.popoverWidth / 2
-            menuX = max(16, min(menuX, screenBounds.maxX - PCConstants.popoverWidth - 16))
+            var menuX = sourceFrame.midX - menuWidth / 2
+            menuX = max(16, min(menuX, screenBounds.maxX - menuWidth - 16))
 
             let menuFrame = CGRect(
                 x: menuX,
                 y: menuY,
-                width: PCConstants.popoverWidth,
+                width: menuWidth,
                 height: popoverHeight
             )
 
@@ -365,6 +385,11 @@ public final class PCSelectionMenuView: UIControl {
 private class PCGlassMenuCell: UITableViewCell {
     static let reuseIdentifier = "PCGlassMenuCell"
 
+    /// Custom multi-line label. We avoid the legacy `textLabel` because it
+    /// defaults to a single line and does not drive self-sizing reliably, which
+    /// caused rows to overlap at large Dynamic Type sizes.
+    let menuLabel = UILabel()
+
     override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
         super.init(style: style, reuseIdentifier: reuseIdentifier)
         setupCell()
@@ -379,8 +404,26 @@ private class PCGlassMenuCell: UITableViewCell {
         backgroundColor = .clear
         contentView.backgroundColor = .clear
         selectionStyle = .none
-        textLabel?.font = .preferredFont(forTextStyle: .body)
-        textLabel?.adjustsFontForContentSizeCategory = true
+
+        menuLabel.font = .preferredFont(forTextStyle: .body)
+        menuLabel.adjustsFontForContentSizeCategory = true
+        menuLabel.numberOfLines = 0
+        menuLabel.translatesAutoresizingMaskIntoConstraints = false
+        contentView.addSubview(menuLabel)
+
+        let v = PCConstants.popoverRowVerticalPadding / 2
+        let h = PCConstants.popoverRowHorizontalInset
+        // Center the label and let it grow the row vertically. The min-height
+        // constraint guarantees the 44pt touch target for short labels, while
+        // the >= top / <= bottom pair lets tall (wrapped) labels expand the row.
+        NSLayoutConstraint.activate([
+            menuLabel.topAnchor.constraint(greaterThanOrEqualTo: contentView.topAnchor, constant: v),
+            menuLabel.bottomAnchor.constraint(lessThanOrEqualTo: contentView.bottomAnchor, constant: -v),
+            menuLabel.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
+            menuLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: h),
+            menuLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -h),
+            contentView.heightAnchor.constraint(greaterThanOrEqualToConstant: PCConstants.popoverRowHeightMin),
+        ])
     }
 }
 
@@ -451,7 +494,10 @@ private class PCMenuViewController: UIViewController, UITableViewDelegate, UITab
         tableView.backgroundColor = .clear
         tableView.separatorStyle = .none
         tableView.isScrollEnabled = true
-        tableView.rowHeight = PCConstants.popoverRowHeight
+        // Self-sizing rows so labels that wrap at large Dynamic Type sizes get
+        // the height they need instead of overlapping a fixed-height row.
+        tableView.rowHeight = UITableView.automaticDimension
+        tableView.estimatedRowHeight = PCConstants.popoverRowHeight
         tableView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
         let verticalPad = PCConstants.popoverVerticalPadding / 2
         tableView.contentInset = UIEdgeInsets(top: verticalPad, left: 0, bottom: verticalPad, right: 0)
@@ -479,7 +525,7 @@ private class PCMenuViewController: UIViewController, UITableViewDelegate, UITab
 
     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
         let cell = tableView.dequeueReusableCell(withIdentifier: PCGlassMenuCell.reuseIdentifier, for: indexPath)
-        cell.textLabel?.text = options[indexPath.row].label
+        (cell as? PCGlassMenuCell)?.menuLabel.text = options[indexPath.row].label
         return cell
     }
 

package/lib/commonjs/DatePickerNativeComponent.ts

@@ -1,5 +1,5 @@
 // DatePickerNativeComponent.ts
-import type { CodegenTypes, ViewProps } from 'react-native';
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 
 export type TimestampMs = CodegenTypes.Double;
@@ -69,4 +69,6 @@ export interface NativeProps extends ViewProps, CommonProps {
   onClosed?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
 }
 
-export default codegenNativeComponent<NativeProps>('PCDatePicker');
+export default codegenNativeComponent<NativeProps>(
+  'PCDatePicker'
+) as HostComponent<NativeProps>;

package/lib/commonjs/SegmentedControl.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SegmentedControl = SegmentedControl;
+exports.resolveSegmentIcon = resolveSegmentIcon;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _SegmentedControlNativeComponent = _interopRequireDefault(require("./SegmentedControlNativeComponent"));
@@ -16,6 +17,101 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // Fabric's shadow node measurement isn't being called on initial render,
 // so we apply a minHeight that matches Material design touch target guidelines.
 const ANDROID_MIN_HEIGHT = 48;
+
+/**
+ * A single icon source.
+ *
+ * - `string`: shorthand for an SF Symbol name on iOS and a drawable resource
+ *   name on Android (the original API).
+ * - `{ type: 'sfSymbol' }`: an SF Symbol. iOS only; ignored on Android.
+ * - `{ type: 'drawable' }`: a drawable from the app's `res/drawable`.
+ *   Android only; ignored on iOS.
+ * - `{ type: 'image' }`: an image asset (`require('./icon.png')`) or a
+ *   `{ uri }` source. Works on both platforms. Images are drawn as tinted
+ *   templates unless `tinted` is `false`.
+ */
+
+/**
+ * An icon for a segment: a single source used on both platforms, or a
+ * per-platform pair so callers don't need to branch on `Platform.OS`.
+ */
+
+/**
+ * How labels and icons combine for segments that have an icon.
+ *
+ * - `auto` (default): platform behavior. iOS shows the icon in place of the
+ *   label (UISegmentedControl cannot show both); Android shows icon and label.
+ * - `labeled`: always show the label. iOS drops the icon; Android shows both.
+ * - `unlabeled`: show only the icon. Segments without an icon still show
+ *   their label. Screen readers still announce the label on both platforms.
+ */
+
+/**
+ * Font for segment labels. Each field falls back to the platform default.
+ */
+
+/**
+ * Badge colors. Both default to the platform look (red with white text).
+ */
+
+const NO_ICON = {
+  iconType: '',
+  iconName: '',
+  iconUri: '',
+  iconScale: 1,
+  iconTinted: 'true'
+};
+function pickIconSource(icon) {
+  if (icon === undefined || typeof icon === 'string' || 'type' in icon) {
+    return icon;
+  }
+  return _reactNative.Platform.OS === 'ios' ? icon.ios : icon.android;
+}
+
+/**
+ * Flattens the public icon shape into the strings native expects, dropping
+ * sources that don't apply to the current platform.
+ */
+function resolveSegmentIcon(icon) {
+  const source = pickIconSource(icon);
+  if (source === undefined) return NO_ICON;
+  if (typeof source === 'string') {
+    if (source.length === 0) return NO_ICON;
+    return {
+      ...NO_ICON,
+      iconType: _reactNative.Platform.OS === 'ios' ? 'sfSymbol' : 'drawable',
+      iconName: source
+    };
+  }
+  switch (source.type) {
+    case 'sfSymbol':
+      return _reactNative.Platform.OS === 'ios' ? {
+        ...NO_ICON,
+        iconType: 'sfSymbol',
+        iconName: source.name
+      } : NO_ICON;
+    case 'drawable':
+      return _reactNative.Platform.OS === 'android' ? {
+        ...NO_ICON,
+        iconType: 'drawable',
+        iconName: source.name
+      } : NO_ICON;
+    case 'image':
+      {
+        const resolved = _reactNative.Image.resolveAssetSource(source.source);
+        if (!resolved?.uri) return NO_ICON;
+        return {
+          iconType: 'image',
+          iconName: '',
+          iconUri: resolved.uri,
+          iconScale: resolved.scale > 0 ? resolved.scale : 1,
+          iconTinted: source.tinted === false ? 'false' : 'true'
+        };
+      }
+    default:
+      return NO_ICON;
+  }
+}
 function normalizeSelectedValue(selected) {
   return selected ?? '';
 }
@@ -25,7 +121,14 @@ function SegmentedControl(props) {
     segments,
     selectedValue,
     disabled,
+    labelVisibility,
+    selectedSegmentColor,
+    activeTintColor,
+    inactiveTintColor,
+    labelStyle,
+    badgeStyle,
     onSelect,
+    onDeselect,
     ios,
     android,
     ...viewProps
@@ -37,7 +140,9 @@ function SegmentedControl(props) {
       label: seg.label,
       value: seg.value,
       disabled: seg.disabled ? 'disabled' : 'enabled',
-      icon: seg.icon ?? ''
+      badge: seg.badge === undefined || seg.badge === null ? '' : String(seg.badge),
+      accessibilityLabel: seg.accessibilityLabel ?? '',
+      ...resolveSegmentIcon(seg.icon)
     }));
   }, [segments]);
   const selectedData = (0, _react.useMemo)(() => normalizeSelectedValue(selectedValue), [selectedValue]);
@@ -46,24 +151,42 @@ function SegmentedControl(props) {
       index,
       value
     } = e.nativeEvent;
+    // Native reports a cleared selection as index -1 with an empty value.
+    if (index < 0) {
+      onDeselect?.();
+      return;
+    }
     onSelect?.(value, index);
-  }, [onSelect]);
+  }, [onSelect, onDeselect]);
 
   // Normalize iOS props to native string format
   const nativeIos = (0, _react.useMemo)(() => {
     if (!ios) return undefined;
     return {
       momentary: ios.momentary ? 'true' : 'false',
-      apportionsSegmentWidthsByContent: ios.apportionsSegmentWidthsByContent ? 'true' : 'false',
-      selectedSegmentTintColor: ios.selectedSegmentTintColor ?? ''
+      apportionsSegmentWidthsByContent: ios.apportionsSegmentWidthsByContent ? 'true' : 'false'
     };
   }, [ios]);
 
+  // Deprecated iOS-only tint falls back to the cross-platform prop
+  const nativeSelectedSegmentColor = selectedSegmentColor ?? (_reactNative.Platform.OS === 'ios' ? ios?.selectedSegmentTintColor : undefined);
+
+  // Normalize the label font; empty / 0 means platform default
+  const nativeLabelStyle = (0, _react.useMemo)(() => {
+    if (!labelStyle) return undefined;
+    return {
+      fontFamily: labelStyle.fontFamily ?? '',
+      fontSize: labelStyle.fontSize ?? 0,
+      fontWeight: labelStyle.fontWeight === undefined ? '' : String(labelStyle.fontWeight),
+      fontStyle: labelStyle.fontStyle ?? ''
+    };
+  }, [labelStyle]);
+
   // Normalize Android props
   const nativeAndroid = (0, _react.useMemo)(() => {
     if (!android) return undefined;
     return {
-      selectionRequired: android.selectionRequired ? 'true' : 'false'
+      selectionRequired: android.selectionRequired === false ? 'false' : 'true'
     };
   }, [android]);
 
@@ -79,7 +202,16 @@ function SegmentedControl(props) {
     segments: nativeSegments,
     selectedValue: selectedData,
     interactivity: disabled ? 'disabled' : 'enabled',
-    onSelect: onSelect ? handleSelect : undefined,
+    labelVisibility: labelVisibility ?? 'auto',
+    selectedSegmentColor: nativeSelectedSegmentColor,
+    activeTintColor: activeTintColor,
+    inactiveTintColor: inactiveTintColor,
+    androidRippleColor: android?.rippleColor,
+    androidStrokeColor: android?.strokeColor,
+    labelStyle: nativeLabelStyle,
+    badgeBackgroundColor: badgeStyle?.backgroundColor,
+    badgeTextColor: badgeStyle?.color,
+    onSelect: onSelect || onDeselect ? handleSelect : undefined,
     ios: nativeIos,
     android: nativeAndroid,
     ...viewProps

package/lib/commonjs/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SegmentedControlNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ANDROID_MIN_HEIGHT","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","onSelect","ios","android","viewProps","nativeSegments","useMemo","map","seg","label","value","icon","selectedData","handleSelect","useCallback","index","nativeEvent","nativeIos","undefined","momentary","apportionsSegmentWidthsByContent","selectedSegmentTintColor","nativeAndroid","selectionRequired","mergedStyle","Platform","OS","styles","androidDefault","jsx","interactivity","StyleSheet","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SegmentedControlNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ANDROID_MIN_HEIGHT","NO_ICON","iconType","iconName","iconUri","iconScale","iconTinted","pickIconSource","icon","undefined","Platform","OS","ios","android","resolveSegmentIcon","source","length","type","name","resolved","Image","resolveAssetSource","uri","scale","tinted","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","labelVisibility","selectedSegmentColor","activeTintColor","inactiveTintColor","labelStyle","badgeStyle","onSelect","onDeselect","viewProps","nativeSegments","useMemo","map","seg","label","value","badge","String","accessibilityLabel","selectedData","handleSelect","useCallback","index","nativeEvent","nativeIos","momentary","apportionsSegmentWidthsByContent","nativeSelectedSegmentColor","selectedSegmentTintColor","nativeLabelStyle","fontFamily","fontSize","fontWeight","fontStyle","nativeAndroid","selectionRequired","mergedStyle","styles","androidDefault","jsx","interactivity","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","badgeBackgroundColor","backgroundColor","badgeTextColor","color","StyleSheet","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/SegmentedControlNativeComponent.ts

@@ -1,31 +1,59 @@
 // SegmentedControlNativeComponent.ts
-import type { CodegenTypes, ViewProps } from 'react-native';
+import type {
+  CodegenTypes,
+  ColorValue,
+  HostComponent,
+  ViewProps,
+} from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 
 /**
  * A single segment in the control.
+ *
+ * Icons are pre-resolved on the JS side so native only deals with flat
+ * strings: `iconType` selects the source, `iconName` carries an SF Symbol or
+ * drawable name, and `iconUri` / `iconScale` carry a resolved image asset.
  */
 export type SegmentedControlSegment = Readonly<{
   label: string;
   value: string;
   disabled: string; // 'enabled' | 'disabled'
-  icon: string; // SF Symbol (iOS) or drawable name (Android), empty = none
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
+  iconUri: string; // Resolved image URI when iconType === 'image'
+  iconScale: CodegenTypes.Double; // Resolved image scale when iconType === 'image'
+  iconTinted: string; // 'true' | 'false' — draw the image as a tinted template
+  badge: string; // Badge text, empty = no badge
+  accessibilityLabel: string; // Screen-reader label, empty = use label
 }>;
 
 /**
  * Event emitted when the user selects a segment.
  */
 export type SegmentedControlSelectEvent = Readonly<{
-  /** Selected segment index */
+  /** Selected segment index. -1 means the selection was cleared. */
   index: CodegenTypes.Int32;
 
-  /** Selected segment value */
+  /** Selected segment value. Empty when the selection was cleared. */
   value: string;
 }>;
 
 /** Interactivity state (no booleans). */
 export type SegmentedControlInteractivity = 'enabled' | 'disabled';
 
+/** How labels and icons combine (no booleans). */
+export type SegmentedControlLabelVisibility = 'auto' | 'labeled' | 'unlabeled';
+
+/**
+ * Label font. Empty strings / 0 mean "platform default".
+ */
+export type LabelStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: CodegenTypes.Double;
+  fontWeight?: string; // 'normal' | 'bold' | '100'..'900'
+  fontStyle?: string; // 'normal' | 'italic'
+}>;
+
 /**
  * iOS-specific configuration.
  */
@@ -35,9 +63,6 @@ export type IOSProps = Readonly<{
 
   /** Whether segment widths are proportional to content */
   apportionsSegmentWidthsByContent?: string; // 'true' | 'false'
-
-  /** Selected segment tint color (hex string) */
-  selectedSegmentTintColor?: string;
 }>;
 
 /**
@@ -65,6 +90,35 @@ export interface SegmentedControlProps extends ViewProps {
    */
   interactivity?: string; // SegmentedControlInteractivity
 
+  /**
+   * How segment labels and icons combine.
+   */
+  labelVisibility?: string; // SegmentedControlLabelVisibility
+
+  /** Background of the selected segment. */
+  selectedSegmentColor?: ColorValue;
+
+  /** Text / icon color of the selected segment. */
+  activeTintColor?: ColorValue;
+
+  /** Text / icon color of unselected segments. */
+  inactiveTintColor?: ColorValue;
+
+  /** Android: ripple color when pressing a segment. */
+  androidRippleColor?: ColorValue;
+
+  /** Android: outline color of the segments. */
+  androidStrokeColor?: ColorValue;
+
+  /** Label font. */
+  labelStyle?: LabelStyleProps;
+
+  /** Badge background (default: system red). */
+  badgeBackgroundColor?: ColorValue;
+
+  /** Badge text color (default: white). */
+  badgeTextColor?: ColorValue;
+
   /**
    * Fired when the user selects a segment.
    */
@@ -76,4 +130,4 @@ export interface SegmentedControlProps extends ViewProps {
 
 export default codegenNativeComponent<SegmentedControlProps>(
   'PCSegmentedControl'
-);
+) as HostComponent<SegmentedControlProps>;

package/lib/commonjs/SelectionMenuNativeComponent.ts

@@ -1,5 +1,5 @@
 // SelectionMenuNativeComponent.ts
-import type { CodegenTypes, ViewProps } from 'react-native';
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 
 /**
@@ -94,4 +94,6 @@ export interface SelectionMenuProps extends ViewProps {
   android?: AndroidProps;
 }
 
-export default codegenNativeComponent<SelectionMenuProps>('PCSelectionMenu');
+export default codegenNativeComponent<SelectionMenuProps>(
+  'PCSelectionMenu'
+) as HostComponent<SelectionMenuProps>;

package/lib/commonjs/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DatePicker","_props","exports","SelectionMenu","ContextMenu","children","jsx","Fragment","SegmentedControl","LiquidGlass","isLiquidGlassSupported"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAL1B;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAoBO,MAAMG,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAoBO,MAAMG,aAAa,GACxBF,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAgCO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;AAAAH,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAkBO,MAAMI,gBAAgB,GAC3BP,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAM,gBAAA,GAAAA,gBAAA;AASO,MAAMC,WAAW,GAAGA,CAAC;EAC1BJ;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAACH,OAAA,CAAAO,WAAA,GAAAA,WAAA;AAEK,MAAMC,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DatePicker","_props","exports","SelectionMenu","ContextMenu","children","jsx","Fragment","SegmentedControl","LiquidGlass","isLiquidGlassSupported"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAL1B;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAoBO,MAAMG,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAoBO,MAAMG,aAAa,GACxBF,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAgCO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;AAAAH,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAmDO,MAAMI,gBAAgB,GAC3BP,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAM,gBAAA,GAAAA,gBAAA;AASO,MAAMC,WAAW,GAAGA,CAAC;EAC1BJ;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAACH,OAAA,CAAAO,WAAA,GAAAA,WAAA;AAEK,MAAMC,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,KAAK","ignoreList":[]}

package/lib/module/DatePickerNativeComponent.ts

@@ -1,5 +1,5 @@
 // DatePickerNativeComponent.ts
-import type { CodegenTypes, ViewProps } from 'react-native';
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 
 export type TimestampMs = CodegenTypes.Double;
@@ -69,4 +69,6 @@ export interface NativeProps extends ViewProps, CommonProps {
   onClosed?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
 }
 
-export default codegenNativeComponent<NativeProps>('PCDatePicker');
+export default codegenNativeComponent<NativeProps>(
+  'PCDatePicker'
+) as HostComponent<NativeProps>;