react-native-platform-components 0.6.1 → 0.8.0

package/lib/module/LiquidGlass.js

@@ -0,0 +1,64 @@
+"use strict";
+
+// LiquidGlass.tsx
+import React, { useCallback, useMemo } from 'react';
+import { Platform } from 'react-native';
+import NativeLiquidGlass from './LiquidGlassNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Whether the LiquidGlass effect is supported on the current device.
+ * Returns true on iOS 26+ (with Liquid Glass support), false otherwise.
+ *
+ * Use this to conditionally render fallback UI on unsupported devices.
+ */
+export const isLiquidGlassSupported = Platform.OS === 'ios' && Number(Platform.Version) >= 26;
+export function LiquidGlass(props) {
+  const {
+    style,
+    cornerRadius = 0,
+    ios,
+    android,
+    children,
+    onPress,
+    ...viewProps
+  } = props;
+
+  // Normalize iOS props for native layer (strings for codegen)
+  const nativeIos = useMemo(() => {
+    if (Platform.OS !== 'ios' || !ios) return undefined;
+    return {
+      effect: ios.effect,
+      interactive: ios.interactive ? 'true' : 'false',
+      tintColor: ios.tintColor,
+      colorScheme: ios.colorScheme,
+      shadowRadius: ios.shadowRadius,
+      isHighlighted: ios.isHighlighted ? 'true' : 'false'
+    };
+  }, [ios]);
+
+  // Normalize Android props
+  const nativeAndroid = useMemo(() => {
+    if (Platform.OS !== 'android' || !android) return undefined;
+    return {
+      fallbackBackgroundColor: android.fallbackBackgroundColor
+    };
+  }, [android]);
+
+  // Handle native press event
+  const handlePress = useCallback(event => {
+    onPress?.({
+      x: event.nativeEvent.x,
+      y: event.nativeEvent.y
+    });
+  }, [onPress]);
+  return /*#__PURE__*/_jsx(NativeLiquidGlass, {
+    style: style,
+    cornerRadius: cornerRadius,
+    ios: nativeIos,
+    android: nativeAndroid,
+    onGlassPress: onPress ? handlePress : undefined,
+    ...viewProps,
+    children: children
+  });
+}
+//# sourceMappingURL=LiquidGlass.js.map

package/lib/module/LiquidGlass.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Platform","NativeLiquidGlass","jsx","_jsx","isLiquidGlassSupported","OS","Number","Version","LiquidGlass","props","style","cornerRadius","ios","android","children","onPress","viewProps","nativeIos","undefined","effect","interactive","tintColor","colorScheme","shadowRadius","isHighlighted","nativeAndroid","fallbackBackgroundColor","handlePress","event","x","nativeEvent","y","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAwB,cAAc;AAEvD,OAAOC,iBAAiB,MAIjB,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAA+B,GAC1CJ,QAAQ,CAACK,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACN,QAAQ,CAACO,OAAO,CAAC,IAAI,EAAE;AA6FzD,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,KAAK;IACLC,YAAY,GAAG,CAAC;IAChBC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGP,KAAK;;EAET;EACA,MAAMQ,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC9B,IAAIC,QAAQ,CAACK,EAAE,KAAK,KAAK,IAAI,CAACO,GAAG,EAAE,OAAOM,SAAS;IACnD,OAAO;MACLC,MAAM,EAAEP,GAAG,CAACO,MAAM;MAClBC,WAAW,EAAER,GAAG,CAACQ,WAAW,GAAG,MAAM,GAAG,OAAO;MAC/CC,SAAS,EAAET,GAAG,CAACS,SAAS;MACxBC,WAAW,EAAEV,GAAG,CAACU,WAAW;MAC5BC,YAAY,EAAEX,GAAG,CAACW,YAAY;MAC9BC,aAAa,EAAEZ,GAAG,CAACY,aAAa,GAAG,MAAM,GAAG;IAC9C,CAAC;EACH,CAAC,EAAE,CAACZ,GAAG,CAAC,CAAC;;EAET;EACA,MAAMa,aAAa,GAAG1B,OAAO,CAAC,MAAM;IAClC,IAAIC,QAAQ,CAACK,EAAE,KAAK,SAAS,IAAI,CAACQ,OAAO,EAAE,OAAOK,SAAS;IAC3D,OAAO;MACLQ,uBAAuB,EAAEb,OAAO,CAACa;IACnC,CAAC;EACH,CAAC,EAAE,CAACb,OAAO,CAAC,CAAC;;EAEb;EACA,MAAMc,WAAW,GAAG7B,WAAW,CAC5B8B,KAAgD,IAAK;IACpDb,OAAO,GAAG;MAAEc,CAAC,EAAED,KAAK,CAACE,WAAW,CAACD,CAAC;MAAEE,CAAC,EAAEH,KAAK,CAACE,WAAW,CAACC;IAAE,CAAC,CAAC;EAC/D,CAAC,EACD,CAAChB,OAAO,CACV,CAAC;EAED,oBACEZ,IAAA,CAACF,iBAAiB;IAChBS,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,GAAG,EAAEK,SAAU;IACfJ,OAAO,EAAEY,aAAc;IACvBO,YAAY,EAAEjB,OAAO,GAAGY,WAAW,GAAGT,SAAU;IAAA,GAC5CF,SAAS;IAAAF,QAAA,EAEZA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}

package/lib/module/LiquidGlassNativeComponent.ts

@@ -0,0 +1,110 @@
+// LiquidGlassNativeComponent.ts
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * Glass effect intensity/style.
+ * - 'clear': More transparent, subtle glass effect
+ * - 'regular': Standard blur intensity (default)
+ * - 'none': No glass effect (useful for animating materialization)
+ */
+export type LiquidGlassEffect = 'clear' | 'regular' | 'none';
+
+/**
+ * Color scheme for the glass effect.
+ * - 'light': Force light appearance
+ * - 'dark': Force dark appearance
+ * - 'system': Follow system appearance (default)
+ */
+export type LiquidGlassColorScheme = 'light' | 'dark' | 'system';
+
+/**
+ * iOS-specific configuration.
+ */
+export type LiquidGlassIOSProps = Readonly<{
+  /**
+   * Glass effect style.
+   * @default 'regular'
+   */
+  effect?: string; // LiquidGlassEffect
+
+  /**
+   * Enables touch interaction effects when pressing the view.
+   * Note: Only applies on component mount; cannot be changed dynamically.
+   * @default false
+   */
+  interactive?: string; // 'true' | 'false'
+
+  /**
+   * Overlay tint color applied to the glass effect.
+   * Accepts hex color strings (e.g., '#FF0000', '#FF000080').
+   */
+  tintColor?: string;
+
+  /**
+   * Appearance adaptation mode.
+   * @default 'system'
+   */
+  colorScheme?: string; // LiquidGlassColorScheme
+
+  /**
+   * Shadow radius for the glass effect.
+   * @default 20
+   */
+  shadowRadius?: CodegenTypes.Float;
+
+  /**
+   * Whether the view is highlighted (pressed state).
+   */
+  isHighlighted?: string; // 'true' | 'false'
+}>;
+
+/**
+ * Android-specific configuration (stub - LiquidGlass is iOS only).
+ */
+export type LiquidGlassAndroidProps = Readonly<{
+  /**
+   * Fallback background color for Android (since glass effect is not supported).
+   * If not provided, renders as transparent.
+   */
+  fallbackBackgroundColor?: string;
+}>;
+
+/**
+ * Event emitted when the glass view is pressed.
+ */
+export type LiquidGlassPressEvent = Readonly<{
+  /** X coordinate of touch relative to view bounds */
+  x: CodegenTypes.Float;
+  /** Y coordinate of touch relative to view bounds */
+  y: CodegenTypes.Float;
+}>;
+
+export interface LiquidGlassNativeProps extends ViewProps {
+  /**
+   * Corner radius for the glass effect.
+   * Applied uniformly to all corners.
+   * @default 0
+   */
+  cornerRadius?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+
+  /**
+   * iOS-specific props.
+   */
+  ios?: LiquidGlassIOSProps;
+
+  /**
+   * Android-specific props.
+   */
+  android?: LiquidGlassAndroidProps;
+
+  /**
+   * Fired when the glass view is pressed.
+   * Includes touch coordinates relative to view bounds.
+   */
+  onGlassPress?: CodegenTypes.DirectEventHandler<LiquidGlassPressEvent>;
+}
+
+export default codegenNativeComponent<LiquidGlassNativeProps>(
+  'PCLiquidGlass'
+) as HostComponent<LiquidGlassNativeProps>;

package/lib/module/SegmentedControl.js

@@ -0,0 +1,87 @@
+"use strict";
+
+// SegmentedControl.tsx
+import React, { useCallback, useMemo } from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import NativeSegmentedControl from './SegmentedControlNativeComponent';
+
+// Android: Minimum height to ensure visibility.
+// Fabric's shadow node measurement isn't being called on initial render,
+// so we apply a minHeight that matches Material design touch target guidelines.
+import { jsx as _jsx } from "react/jsx-runtime";
+const ANDROID_MIN_HEIGHT = 48;
+function normalizeSelectedValue(selected) {
+  return selected ?? '';
+}
+export function SegmentedControl(props) {
+  const {
+    style,
+    segments,
+    selectedValue,
+    disabled,
+    onSelect,
+    ios,
+    android,
+    ...viewProps
+  } = props;
+
+  // Normalize segments for native
+  const nativeSegments = useMemo(() => {
+    return segments.map(seg => ({
+      label: seg.label,
+      value: seg.value,
+      disabled: seg.disabled ? 'disabled' : 'enabled',
+      icon: seg.icon ?? ''
+    }));
+  }, [segments]);
+  const selectedData = useMemo(() => normalizeSelectedValue(selectedValue), [selectedValue]);
+  const handleSelect = useCallback(e => {
+    const {
+      index,
+      value
+    } = e.nativeEvent;
+    onSelect?.(value, index);
+  }, [onSelect]);
+
+  // Normalize iOS props to native string format
+  const nativeIos = useMemo(() => {
+    if (!ios) return undefined;
+    return {
+      momentary: ios.momentary ? 'true' : 'false',
+      apportionsSegmentWidthsByContent: ios.apportionsSegmentWidthsByContent ? 'true' : 'false',
+      selectedSegmentTintColor: ios.selectedSegmentTintColor ?? ''
+    };
+  }, [ios]);
+
+  // Normalize Android props
+  const nativeAndroid = useMemo(() => {
+    if (!android) return undefined;
+    return {
+      selectionRequired: android.selectionRequired ? 'true' : 'false'
+    };
+  }, [android]);
+
+  // Merge user style with Android minHeight default
+  const mergedStyle = useMemo(() => {
+    if (Platform.OS === 'android') {
+      return [styles.androidDefault, style];
+    }
+    return style;
+  }, [style]);
+  return /*#__PURE__*/_jsx(NativeSegmentedControl, {
+    style: mergedStyle,
+    segments: nativeSegments,
+    selectedValue: selectedData,
+    interactivity: disabled ? 'disabled' : 'enabled',
+    onSelect: onSelect ? handleSelect : undefined,
+    ios: nativeIos,
+    android: nativeAndroid,
+    ...viewProps
+  });
+}
+const styles = StyleSheet.create({
+  androidDefault: {
+    minHeight: ANDROID_MIN_HEIGHT
+  }
+});
+//# sourceMappingURL=SegmentedControl.js.map

package/lib/module/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Platform","StyleSheet","NativeSegmentedControl","jsx","_jsx","ANDROID_MIN_HEIGHT","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","onSelect","ios","android","viewProps","nativeSegments","map","seg","label","value","icon","selectedData","handleSelect","e","index","nativeEvent","nativeIos","undefined","momentary","apportionsSegmentWidthsByContent","selectedSegmentTintColor","nativeAndroid","selectionRequired","mergedStyle","OS","styles","androidDefault","interactivity","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SegmentedControlNativeComponent.ts

@@ -0,0 +1,79 @@
+// SegmentedControlNativeComponent.ts
+import type { CodegenTypes, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * A single segment in the control.
+ */
+export type SegmentedControlSegment = Readonly<{
+  label: string;
+  value: string;
+  disabled: string; // 'enabled' | 'disabled'
+  icon: string; // SF Symbol (iOS) or drawable name (Android), empty = none
+}>;
+
+/**
+ * Event emitted when the user selects a segment.
+ */
+export type SegmentedControlSelectEvent = Readonly<{
+  /** Selected segment index */
+  index: CodegenTypes.Int32;
+
+  /** Selected segment value */
+  value: string;
+}>;
+
+/** Interactivity state (no booleans). */
+export type SegmentedControlInteractivity = 'enabled' | 'disabled';
+
+/**
+ * iOS-specific configuration.
+ */
+export type IOSProps = Readonly<{
+  /** Momentary mode: segment springs back after touch */
+  momentary?: string; // 'true' | 'false'
+
+  /** Whether segment widths are proportional to content */
+  apportionsSegmentWidthsByContent?: string; // 'true' | 'false'
+
+  /** Selected segment tint color (hex string) */
+  selectedSegmentTintColor?: string;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type AndroidProps = Readonly<{
+  /** Whether one segment must always be selected */
+  selectionRequired?: string; // 'true' | 'false'
+}>;
+
+export interface SegmentedControlProps extends ViewProps {
+  /**
+   * Segments to display.
+   */
+  segments: ReadonlyArray<SegmentedControlSegment>;
+
+  /**
+   * Controlled selection by `value`.
+   * Empty string means "no selection".
+   */
+  selectedValue?: CodegenTypes.WithDefault<string, ''>;
+
+  /**
+   * Enabled / disabled state.
+   */
+  interactivity?: string; // SegmentedControlInteractivity
+
+  /**
+   * Fired when the user selects a segment.
+   */
+  onSelect?: CodegenTypes.BubblingEventHandler<SegmentedControlSelectEvent>;
+
+  ios?: IOSProps;
+  android?: AndroidProps;
+}
+
+export default codegenNativeComponent<SegmentedControlProps>(
+  'PCSegmentedControl'
+);

package/lib/module/index.js

@@ -3,5 +3,7 @@
 export * from "./DatePicker.js";
 export * from "./SelectionMenu.js";
 export * from "./ContextMenu.js";
+export * from "./SegmentedControl.js";
+export * from "./LiquidGlass.js";
 export * from "./sharedTypes.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,oBAAiB;AAC/B,cAAc,kBAAe;AAC7B,cAAc,kBAAe","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,oBAAiB;AAC/B,cAAc,kBAAe;AAC7B,cAAc,uBAAoB;AAClC,cAAc,kBAAe;AAC7B,cAAc,kBAAe","ignoreList":[]}

package/lib/typescript/commonjs/src/LiquidGlass.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+import { type LiquidGlassColorScheme, type LiquidGlassEffect, type LiquidGlassPressEvent } from './LiquidGlassNativeComponent';
+export type { LiquidGlassEffect, LiquidGlassColorScheme, LiquidGlassPressEvent, };
+/**
+ * Whether the LiquidGlass effect is supported on the current device.
+ * Returns true on iOS 26+ (with Liquid Glass support), false otherwise.
+ *
+ * Use this to conditionally render fallback UI on unsupported devices.
+ */
+export declare const isLiquidGlassSupported: boolean;
+export interface LiquidGlassProps extends ViewProps {
+    /**
+     * Corner radius for the glass effect.
+     * Applied uniformly to all corners.
+     * @default 0
+     */
+    cornerRadius?: number;
+    /**
+     * iOS-specific props for the glass effect.
+     */
+    ios?: {
+        /**
+         * Glass effect style.
+         * - 'clear': More transparent, subtle glass effect
+         * - 'regular': Standard blur intensity (default)
+         * - 'none': No glass effect (useful for animating materialization)
+         * @default 'regular'
+         */
+        effect?: LiquidGlassEffect;
+        /**
+         * Enables native touch interaction effects when pressing the view.
+         * When enabled, the glass effect responds to touch location with
+         * position-aware visual feedback (iOS 26+ UIGlassEffect.isInteractive).
+         *
+         * Note: Only applies on component mount; cannot be changed dynamically.
+         * @default false
+         */
+        interactive?: boolean;
+        /**
+         * Overlay tint color applied to the glass effect.
+         * Accepts any valid color value (hex, rgba, named colors).
+         *
+         * Example: '#FF0000', 'rgba(255, 0, 0, 0.5)', 'red'
+         */
+        tintColor?: string;
+        /**
+         * Appearance adaptation mode.
+         * - 'light': Force light appearance
+         * - 'dark': Force dark appearance
+         * - 'system': Follow system appearance (default)
+         * @default 'system'
+         */
+        colorScheme?: LiquidGlassColorScheme;
+        /**
+         * Shadow radius for the glass effect glow.
+         * Higher values create a more diffuse shadow.
+         * @default 20
+         */
+        shadowRadius?: number;
+        /**
+         * @deprecated Use `interactive` instead for native touch-based highlighting.
+         * This prop is a no-op on iOS 26+ where UIGlassEffect handles touch feedback.
+         * @default false
+         */
+        isHighlighted?: boolean;
+    };
+    /**
+     * Android-specific props.
+     * Note: LiquidGlass is an iOS-only effect. On Android, the component
+     * renders as a regular View with optional fallback styling.
+     */
+    android?: {
+        /**
+         * Fallback background color for Android since glass effect is not supported.
+         * If not provided, the view renders transparently.
+         */
+        fallbackBackgroundColor?: string;
+    };
+    /**
+     * Content to render inside the glass effect container.
+     */
+    children?: React.ReactNode;
+    /**
+     * Called when the glass view is pressed.
+     * Includes touch coordinates relative to the view bounds.
+     */
+    onPress?: (event: {
+        x: number;
+        y: number;
+    }) => void;
+    /** Test identifier */
+    testID?: string;
+}
+export declare function LiquidGlass(props: LiquidGlassProps): React.ReactElement;
+//# sourceMappingURL=LiquidGlass.d.ts.map

package/lib/typescript/commonjs/src/LiquidGlass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiquidGlass.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlass.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAA0B,EACxB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,GACtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,OACoB,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE;QACJ;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;QAE3B;;;;;;;WAOG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAEtB;;;;;WAKG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;;;;;WAMG;QACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;QAErC;;;;WAIG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB;;;;WAIG;QACH,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IAEF;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;KAClC,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpD,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAoDvE"}

package/lib/typescript/commonjs/src/LiquidGlassNativeComponent.d.ts

@@ -0,0 +1,93 @@
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+/**
+ * Glass effect intensity/style.
+ * - 'clear': More transparent, subtle glass effect
+ * - 'regular': Standard blur intensity (default)
+ * - 'none': No glass effect (useful for animating materialization)
+ */
+export type LiquidGlassEffect = 'clear' | 'regular' | 'none';
+/**
+ * Color scheme for the glass effect.
+ * - 'light': Force light appearance
+ * - 'dark': Force dark appearance
+ * - 'system': Follow system appearance (default)
+ */
+export type LiquidGlassColorScheme = 'light' | 'dark' | 'system';
+/**
+ * iOS-specific configuration.
+ */
+export type LiquidGlassIOSProps = Readonly<{
+    /**
+     * Glass effect style.
+     * @default 'regular'
+     */
+    effect?: string;
+    /**
+     * Enables touch interaction effects when pressing the view.
+     * Note: Only applies on component mount; cannot be changed dynamically.
+     * @default false
+     */
+    interactive?: string;
+    /**
+     * Overlay tint color applied to the glass effect.
+     * Accepts hex color strings (e.g., '#FF0000', '#FF000080').
+     */
+    tintColor?: string;
+    /**
+     * Appearance adaptation mode.
+     * @default 'system'
+     */
+    colorScheme?: string;
+    /**
+     * Shadow radius for the glass effect.
+     * @default 20
+     */
+    shadowRadius?: CodegenTypes.Float;
+    /**
+     * Whether the view is highlighted (pressed state).
+     */
+    isHighlighted?: string;
+}>;
+/**
+ * Android-specific configuration (stub - LiquidGlass is iOS only).
+ */
+export type LiquidGlassAndroidProps = Readonly<{
+    /**
+     * Fallback background color for Android (since glass effect is not supported).
+     * If not provided, renders as transparent.
+     */
+    fallbackBackgroundColor?: string;
+}>;
+/**
+ * Event emitted when the glass view is pressed.
+ */
+export type LiquidGlassPressEvent = Readonly<{
+    /** X coordinate of touch relative to view bounds */
+    x: CodegenTypes.Float;
+    /** Y coordinate of touch relative to view bounds */
+    y: CodegenTypes.Float;
+}>;
+export interface LiquidGlassNativeProps extends ViewProps {
+    /**
+     * Corner radius for the glass effect.
+     * Applied uniformly to all corners.
+     * @default 0
+     */
+    cornerRadius?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+    /**
+     * iOS-specific props.
+     */
+    ios?: LiquidGlassIOSProps;
+    /**
+     * Android-specific props.
+     */
+    android?: LiquidGlassAndroidProps;
+    /**
+     * Fired when the glass view is pressed.
+     * Includes touch coordinates relative to view bounds.
+     */
+    onGlassPress?: CodegenTypes.DirectEventHandler<LiquidGlassPressEvent>;
+}
+declare const _default: HostComponent<LiquidGlassNativeProps>;
+export default _default;
+//# sourceMappingURL=LiquidGlassNativeComponent.d.ts.map

package/lib/typescript/commonjs/src/LiquidGlassNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiquidGlassNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlassNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3E;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IAElC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,oDAAoD;IACpD,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IACtB,oDAAoD;IACpD,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE/D;;OAEG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAElC;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;CACvE;wBAII,aAAa,CAAC,sBAAsB,CAAC;AAF1C,wBAE2C"}

package/lib/typescript/commonjs/src/SegmentedControl.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+export interface SegmentedControlSegmentProps {
+    /** Display label for the segment */
+    label: string;
+    /** Unique value identifier for the segment */
+    value: string;
+    /** Whether this specific segment is disabled */
+    disabled?: boolean;
+    /** Optional SF Symbol name (iOS) or drawable resource name (Android) */
+    icon?: string;
+}
+export interface SegmentedControlProps extends ViewProps {
+    /** Array of segments to display */
+    segments: readonly SegmentedControlSegmentProps[];
+    /**
+     * Currently selected segment value.
+     * Use `null` for no selection.
+     */
+    selectedValue: string | null;
+    /**
+     * Called when the user selects a segment.
+     * @param value - The selected segment's value
+     * @param index - The selected segment's index
+     */
+    onSelect?: (value: string, index: number) => void;
+    /** Whether the entire control is disabled */
+    disabled?: boolean;
+    /**
+     * iOS-specific configuration
+     */
+    ios?: {
+        /**
+         * Momentary mode: segment springs back after touch (no persistent selection)
+         * Default: false
+         */
+        momentary?: boolean;
+        /**
+         * Whether segment widths are proportional to content
+         * Default: false (equal widths)
+         */
+        apportionsSegmentWidthsByContent?: boolean;
+        /**
+         * Selected segment tint color (hex string, e.g., "#007AFF")
+         */
+        selectedSegmentTintColor?: string;
+    };
+    /**
+     * Android-specific configuration
+     */
+    android?: {
+        /**
+         * Whether one segment must always be selected.
+         * Default: false
+         */
+        selectionRequired?: boolean;
+    };
+    /** Test identifier */
+    testID?: string;
+}
+export declare function SegmentedControl(props: SegmentedControlProps): React.ReactElement;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/lib/typescript/commonjs/src/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAIL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAWtB,MAAM,WAAW,4BAA4B;IAC3C,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IAEd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IAEd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,mCAAmC;IACnC,QAAQ,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAElD;;;OAGG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE;QACJ;;;WAGG;QACH,SAAS,CAAC,EAAE,OAAO,CAAC;QAEpB;;;WAGG;QACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;QAE3C;;WAEG;QACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;IAEF;;OAEG;IACH,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,CAAC;IAEF,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,qBAAqB,GAC3B,KAAK,CAAC,YAAY,CA2EpB"}