react-native-platform-components 0.6.1 → 0.8.0

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

@@ -0,0 +1,63 @@
+import type { CodegenTypes, ViewProps } from 'react-native';
+/**
+ * A single segment in the control.
+ */
+export type SegmentedControlSegment = Readonly<{
+    label: string;
+    value: string;
+    disabled: string;
+    icon: string;
+}>;
+/**
+ * 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;
+    /** Whether segment widths are proportional to content */
+    apportionsSegmentWidthsByContent?: string;
+    /** Selected segment tint color (hex string) */
+    selectedSegmentTintColor?: string;
+}>;
+/**
+ * Android-specific configuration.
+ */
+export type AndroidProps = Readonly<{
+    /** Whether one segment must always be selected */
+    selectionRequired?: string;
+}>;
+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;
+    /**
+     * Fired when the user selects a segment.
+     */
+    onSelect?: CodegenTypes.BubblingEventHandler<SegmentedControlSelectEvent>;
+    ios?: IOSProps;
+    android?: AndroidProps;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<SegmentedControlProps>;
+export default _default;
+//# sourceMappingURL=SegmentedControlNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/SegmentedControlNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,6BAA6B;IAC7B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAE1B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,MAAM,6BAA6B,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yDAAyD;IACzD,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C,+CAA+C;IAC/C,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAErD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;IAE1E,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;;AAED,wBAEE"}

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

@@ -1,5 +1,7 @@
 export * from './DatePicker';
 export * from './SelectionMenu';
 export * from './ContextMenu';
+export * from './SegmentedControl';
+export * from './LiquidGlass';
 export * from './sharedTypes';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/lib/typescript/module/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/module/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/module/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/module/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/module/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/module/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"}

package/lib/typescript/module/src/SegmentedControlNativeComponent.d.ts

@@ -0,0 +1,63 @@
+import type { CodegenTypes, ViewProps } from 'react-native';
+/**
+ * A single segment in the control.
+ */
+export type SegmentedControlSegment = Readonly<{
+    label: string;
+    value: string;
+    disabled: string;
+    icon: string;
+}>;
+/**
+ * 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;
+    /** Whether segment widths are proportional to content */
+    apportionsSegmentWidthsByContent?: string;
+    /** Selected segment tint color (hex string) */
+    selectedSegmentTintColor?: string;
+}>;
+/**
+ * Android-specific configuration.
+ */
+export type AndroidProps = Readonly<{
+    /** Whether one segment must always be selected */
+    selectionRequired?: string;
+}>;
+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;
+    /**
+     * Fired when the user selects a segment.
+     */
+    onSelect?: CodegenTypes.BubblingEventHandler<SegmentedControlSelectEvent>;
+    ios?: IOSProps;
+    android?: AndroidProps;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<SegmentedControlProps>;
+export default _default;
+//# sourceMappingURL=SegmentedControlNativeComponent.d.ts.map

package/lib/typescript/module/src/SegmentedControlNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/SegmentedControlNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,6BAA6B;IAC7B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAE1B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,MAAM,6BAA6B,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yDAAyD;IACzD,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C,+CAA+C;IAC/C,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAErD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;IAE1E,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;;AAED,wBAEE"}

package/lib/typescript/module/src/index.d.ts

@@ -1,5 +1,7 @@
 export * from './DatePicker';
 export * from './SelectionMenu';
 export * from './ContextMenu';
+export * from './SegmentedControl';
+export * from './LiquidGlass';
 export * from './sharedTypes';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-platform-components",
-  "version": "0.6.1",
-  "description": "A cross-platform toolkit of native UI components for React Native.",
+  "version": "0.8.0",
+  "description": "Native UI components for React Native: DatePicker, ContextMenu, SelectionMenu, SegmentedControl, LiquidGlass.",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
   "types": "./lib/typescript/commonjs/src/index.d.ts",
@@ -73,7 +73,14 @@
     "dropdown",
     "native",
     "material-design",
-    "expo"
+    "expo",
+    "segmented-control",
+    "segmentedcontrol",
+    "tabs",
+    "segmented-buttons",
+    "segmentedbuttons",
+    "liquid-glass",
+    "liquidglass"
   ],
   "repository": {
     "type": "git",
@@ -157,7 +164,9 @@
       "componentProvider": {
         "PCSelectionMenu": "PCSelectionMenu",
         "PCDatePicker": "PCDatePicker",
-        "PCContextMenu": "PCContextMenu"
+        "PCContextMenu": "PCContextMenu",
+        "PCSegmentedControl": "PCSegmentedControl",
+        "PCLiquidGlass": "PCLiquidGlass"
       }
     }
   },

package/react-native.config.js

@@ -5,6 +5,7 @@ module.exports = {
         componentDescriptors: [
           'MeasuringPCSelectionMenuComponentDescriptor',
           'MeasuringPCDatePickerComponentDescriptor',
+          'MeasuringPCSegmentedControlComponentDescriptor',
         ],
         cmakeListsPath: 'src/main/jni/CMakeLists.txt',
       },

package/shared/PCSegmentedControlComponentDescriptors-custom.h

@@ -0,0 +1,22 @@
+#pragma once
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+// Forward declaration to avoid circular includes
+namespace facebook::react {
+class MeasuringPCSegmentedControlShadowNode;
+}
+
+// Include the actual shadow node definition
+#include "PCSegmentedControlShadowNode-custom.h"
+
+namespace facebook::react {
+
+/**
+ * Custom component descriptor that uses our measuring shadow node
+ * instead of the generated one.
+ */
+using MeasuringPCSegmentedControlComponentDescriptor =
+    ConcreteComponentDescriptor<MeasuringPCSegmentedControlShadowNode>;
+
+} // namespace facebook::react

package/shared/PCSegmentedControlShadowNode-custom.cpp

@@ -0,0 +1,54 @@
+#include "PCSegmentedControlShadowNode-custom.h"
+
+#include <react/renderer/core/LayoutConstraints.h>
+#include <algorithm>
+
+namespace facebook::react {
+
+Size MeasuringPCSegmentedControlShadowNode::measureContent(
+    const LayoutContext& /*layoutContext*/,
+    const LayoutConstraints& layoutConstraints) const {
+
+  // Get frame size from native state - native measures the actual control
+  const auto& stateData = this->getStateData();
+  Float measuredW = stateData.frameSize.width;
+  Float measuredH = stateData.frameSize.height;
+
+  // Platform-specific fallback heights
+  const Float fallbackHeight =
+#ifdef __ANDROID__
+      static_cast<Float>(kFallbackHeightAndroid);
+#else
+      static_cast<Float>(kFallbackHeightIOS);
+#endif
+
+  // If height is 0, use fallback (state not yet set by native)
+  const bool usingFallback = (measuredH <= 0);
+  if (usingFallback) {
+    measuredH = fallbackHeight;
+  }
+
+  // If width is 0, use available width from constraints
+  const Float kHuge = static_cast<Float>(1.0e9);
+  if (measuredW <= 0) {
+    const Float maxW = layoutConstraints.maximumSize.width;
+    measuredW = (maxW > 0 && maxW < kHuge) ? maxW : 300;
+  }
+
+  // Respect layout constraints, but if using fallback height,
+  // don't let maximum constraint override our fallback
+  measuredW = std::max<Float>(measuredW, layoutConstraints.minimumSize.width);
+  if (layoutConstraints.maximumSize.width > 0 && layoutConstraints.maximumSize.width < kHuge) {
+    measuredW = std::min<Float>(measuredW, layoutConstraints.maximumSize.width);
+  }
+
+  measuredH = std::max<Float>(measuredH, layoutConstraints.minimumSize.height);
+  // Only clamp to max height if we have real measured data (not fallback)
+  if (!usingFallback && layoutConstraints.maximumSize.height > 0 && layoutConstraints.maximumSize.height < kHuge) {
+    measuredH = std::min<Float>(measuredH, layoutConstraints.maximumSize.height);
+  }
+
+  return Size{measuredW, measuredH};
+}
+
+} // namespace facebook::react

package/shared/PCSegmentedControlShadowNode-custom.h

@@ -0,0 +1,56 @@
+#pragma once
+
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+// Only include what we need for the shadow node definition
+// Do NOT include ComponentDescriptors.h here to avoid circular dependency
+#include <react/renderer/components/PlatformComponentsViewSpec/EventEmitters.h>
+#include <react/renderer/components/PlatformComponentsViewSpec/Props.h>
+
+#include "PCSegmentedControlState-custom.h"
+
+namespace facebook::react {
+
+extern const char PCSegmentedControlComponentName[];
+
+/**
+ * Custom ShadowNode for SegmentedControl that supports Yoga measurement.
+ *
+ * Key behavior:
+ * - Native side measures the actual segmented control and updates state with frameSize
+ * - measureContent() returns the size from state for proper Yoga layout
+ * - Falls back to platform-specific defaults if state hasn't been set yet
+ */
+class MeasuringPCSegmentedControlShadowNode final : public ConcreteViewShadowNode<
+                                          PCSegmentedControlComponentName,
+                                          PCSegmentedControlProps,
+                                          PCSegmentedControlEventEmitter,
+                                          PCSegmentedControlStateFrameSize> {
+ public:
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  // Fallback heights used when native hasn't reported measurements yet
+  // iOS UISegmentedControl default height
+  static constexpr float kFallbackHeightIOS = 32.0f;
+
+  // Android MaterialButtonToggleGroup height
+  static constexpr float kFallbackHeightAndroid = 48.0f;
+
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
+    traits.set(ShadowNodeTraits::Trait::MeasurableYogaNode);
+    return traits;
+  }
+
+  /**
+   * Called by Yoga when it needs the intrinsic size of the component.
+   * Returns the size provided by native through state, with fallback to
+   * platform-specific defaults if state hasn't been set.
+   */
+  Size measureContent(
+      const LayoutContext& layoutContext,
+      const LayoutConstraints& layoutConstraints) const override;
+};
+
+} // namespace facebook::react