react-native-platform-components 1.3.0 → 1.5.0

package/lib/module/TextFieldNativeComponent.ts

@@ -0,0 +1,324 @@
+// TextFieldNativeComponent.ts
+import type * as React from 'react';
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeCommands, codegenNativeComponent } from 'react-native';
+import type { BubblingEventHandler, Double, Int32 } from './codegenTypes';
+
+/**
+ * Icon fields, pre-resolved on the JS side (see icons.ts).
+ */
+export type TextFieldIconProps = Readonly<{
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
+  iconRequest: string;
+  iconUri: string; // Resolved image URI when iconType === 'image'
+  iconScale: Double; // Resolved image scale when iconType === 'image'
+  iconTinted: string; // 'true' | 'false' — draw the image as a tinted template
+}>;
+
+/**
+ * Text font. Empty strings / 0 mean "platform default".
+ */
+export type TextFieldTextStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: Double;
+  fontWeight?: string; // 'normal' | 'bold' | '100'..'900'
+  fontStyle?: string; // 'normal' | 'italic'
+}>;
+
+/**
+ * Fired on every edit. `eventCount` is the native edit counter that JS hands
+ * back with `setText`, so a stale controlled value can't overwrite what the
+ * user typed since.
+ */
+export type TextFieldChangeEvent = Readonly<{
+  text: string;
+  eventCount: Int32;
+}>;
+
+/** Focus, blur and submit carry the text at that moment. */
+export type TextFieldTextEvent = Readonly<{
+  text: string;
+}>;
+
+/** The cursor or selection, as UTF-16 offsets into the text. */
+export type TextFieldSelectionEvent = Readonly<{
+  start: Int32;
+  end: Int32;
+}>;
+
+/** A press on a keyboard toolbar button (iOS). */
+export type TextFieldToolbarPressEvent = Readonly<{
+  itemId: string;
+}>;
+
+/**
+ * A keyboard toolbar item (iOS). Icons are pre-resolved on the JS side (see
+ * icons.ts); empty strings mean "none".
+ */
+export type TextFieldToolbarItem = Readonly<{
+  kind: string; // 'button' | 'done' | 'flexibleSpace'
+  itemId: string;
+  title: string;
+  systemItem: string; // '' | UIBarButtonItem.SystemItem name
+  iconType: string; // '' | 'sfSymbol' | 'image'
+  iconName: string;
+  iconRequest: string;
+  iconUri: string;
+  iconScale: Double;
+  iconTinted: string; // 'true' | 'false'
+  prominent: string; // 'true' | 'false'
+  accessibilityLabel: string;
+  testID: string;
+}>;
+
+/**
+ * iOS-specific configuration. Every field is '' for the platform default.
+ */
+export type TextFieldIOSProps = Readonly<{
+  /** 'default' | 'complete' | 'limited' | 'none' (iOS 18) */
+  writingTools?: string;
+  /** 'default' | 'yes' | 'no' (iOS 17) */
+  inlinePrediction?: string;
+  /** 'default' | 'yes' | 'no' */
+  smartQuotes?: string;
+  /** 'default' | 'yes' | 'no' */
+  smartDashes?: string;
+  /** 'default' | 'yes' | 'no' */
+  smartInsertDelete?: string;
+  /** 'default' | 'yes' | 'no' (iOS 18) */
+  mathExpressionCompletion?: string;
+  /** 'roundedRect' | 'none' | 'line' | 'bezel' */
+  borderStyle?: string;
+  /** 'above' | 'leading': where the label sits */
+  labelPlacement?: string;
+  /** Width of a leading label column in points; 0 = default */
+  labelWidth?: Double;
+  /** UITextInputPasswordRules descriptor; '' = none */
+  passwordRules?: string;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type TextFieldAndroidProps = Readonly<{
+  /** 'm3' | 'system' (AndroidMaterialMode) */
+  material?: string;
+  /** 'outlined' | 'filled' | 'plain' */
+  variant?: string;
+  /** 'standard' | 'dense' */
+  density?: string;
+}>;
+
+export interface TextFieldNativeProps extends ViewProps {
+  /**
+   * Text applied when the native view is created. Later updates go through
+   * the `setText` command so they can be checked against `eventCount`.
+   */
+  initialText?: string;
+
+  /** Floating label (Android) / caption above the field (iOS). */
+  label?: string;
+
+  /** Placeholder shown while the field is empty. */
+  placeholder?: string;
+
+  /** Helper text below the field. */
+  supportingText?: string;
+
+  /** 'none' | 'error' */
+  errorState?: string;
+
+  /** Error message shown instead of the supporting text. */
+  errorText?: string;
+
+  /** Text shown before the input, inside the field. */
+  prefix?: string;
+
+  /** Text shown after the input, inside the field. */
+  suffix?: string;
+
+  /** Icon at the start of the field. */
+  leadingIcon?: TextFieldIconProps;
+
+  /** Icon at the end of the field; pressing it fires onTrailingIconPress. */
+  trailingIcon?: TextFieldIconProps;
+
+  /** 'never' | 'while-editing' | 'unless-editing' | 'always' */
+  clearButtonMode?: string;
+
+  /** 'shown' | 'hidden': a button that toggles secure text entry. */
+  passwordToggle?: string;
+
+  /** 'shown' | 'hidden': the character counter. */
+  characterCount?: string;
+
+  /** Maximum number of UTF-16 characters; 0 = unlimited. */
+  maxLength?: Int32;
+
+  /** React Native keyboardType value. */
+  keyboardType?: string;
+
+  /** React Native returnKeyType value. */
+  returnKeyType?: string;
+
+  /** 'none' | 'sentences' | 'words' | 'characters' */
+  autoCapitalize?: string;
+
+  /** 'enabled' | 'disabled' */
+  autoCorrect?: string;
+
+  /** 'secure' | 'plain' */
+  secureTextEntry?: string;
+
+  /** 'single' | 'multiline' */
+  lines?: string;
+
+  /**
+   * What the return key does: 'submit' | 'blurAndSubmit' | 'newline',
+   * resolved on the JS side ('newline' only for multi-line fields).
+   */
+  submitBehavior?: string;
+
+  /** iOS: the keyboard toolbar (inputAccessoryView); empty = none. */
+  keyboardToolbarItems?: ReadonlyArray<TextFieldToolbarItem>;
+
+  /** 'enabled' | 'disabled' */
+  interactivity?: string;
+
+  /** 'focus' | 'none': focus the field when it mounts. */
+  autoFocus?: string;
+
+  /** 'select' | 'keep': select all text on focus. */
+  selectTextOnFocus?: string;
+
+  /** React Native autoComplete value; '' = platform default. */
+  autoComplete?: string;
+
+  /** 'default' | 'light' | 'dark' (iOS keyboard appearance) */
+  keyboardAppearance?: string;
+
+  /** Font of the input text. */
+  textStyle?: TextFieldTextStyleProps;
+
+  /**
+   * Screen-reader label, applied to the native field rather than the host
+   * view. Empty means "use the label".
+   */
+  spokenLabel?: string;
+
+  /** E2E identifier of the leading icon. */
+  leadingIconTestID?: string;
+
+  /** Screen-reader label of the leading icon. */
+  leadingIconSpokenLabel?: string;
+
+  /** E2E identifier of the trailing icon. */
+  trailingIconTestID?: string;
+
+  /** Screen-reader label of the trailing icon. */
+  trailingIconSpokenLabel?: string;
+
+  /** Focused outline, focused label and cursor color. */
+  activeColor?: ColorValue;
+
+  /** Unfocused outline (underline for the filled variant) color. */
+  outlineColor?: ColorValue;
+
+  /** Error outline, label and message color. */
+  errorColor?: ColorValue;
+
+  /** Background of the field's box. */
+  containerColor?: ColorValue;
+
+  /** Input text color. */
+  textColor?: ColorValue;
+
+  /** Placeholder color. */
+  placeholderTextColor?: ColorValue;
+
+  /** Largest font scale the text may reach; 0 = no cap. */
+  maxFontSizeMultiplier?: Double;
+
+  /** '' (natural) | 'left' | 'center' | 'right' */
+  textAlign?: string;
+
+  /** Multi-line: minimum and maximum visible lines; 0 = unset. */
+  minLines?: Int32;
+  maxLines?: Int32;
+
+  /** 'none' | 'button': a non-editable field that fires onFieldPress. */
+  pressMode?: string;
+
+  ios?: TextFieldIOSProps;
+  android?: TextFieldAndroidProps;
+
+  /** Fired on every user edit. */
+  onFieldChange?: BubblingEventHandler<TextFieldChangeEvent>;
+
+  /** Fired when the field gains focus. */
+  onFieldFocus?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the field loses focus. */
+  onFieldBlur?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the return key submits (see submitBehavior). */
+  onFieldSubmit?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the cursor moves or the selection changes. */
+  onFieldSelectionChange?: BubblingEventHandler<TextFieldSelectionEvent>;
+
+  /** iOS: fired when a keyboard toolbar button (other than Done) is pressed. */
+  onKeyboardToolbarPress?: BubblingEventHandler<TextFieldToolbarPressEvent>;
+
+  /** Fired when the trailing icon is pressed. */
+  onTrailingIconPress?: BubblingEventHandler<Readonly<{}>>;
+
+  /** Fired when a field with pressMode 'button' is pressed. */
+  onFieldPress?: BubblingEventHandler<Readonly<{}>>;
+}
+
+type NativeTextFieldComponent = HostComponent<TextFieldNativeProps>;
+
+// `React.ElementRef` rather than `React.ComponentRef`: the codegen shipped with
+// React Native 0.81 (and the 0.76 Android floor) only accepts the former.
+interface NativeCommands {
+  /** Focuses the field and shows the keyboard. */
+  focus: (viewRef: React.ElementRef<NativeTextFieldComponent>) => void;
+
+  /** Removes focus and hides the keyboard. */
+  blur: (viewRef: React.ElementRef<NativeTextFieldComponent>) => void;
+
+  /** Clears the text; fires onFieldChange like a user edit. */
+  clear: (viewRef: React.ElementRef<NativeTextFieldComponent>) => void;
+
+  /**
+   * Replaces the text, unless the user has edited since `eventCount` was
+   * reported, in which case the update is dropped and the next edit event
+   * brings JS back in sync.
+   */
+  setText: (
+    viewRef: React.ElementRef<NativeTextFieldComponent>,
+    eventCount: Int32,
+    text: string
+  ) => void;
+
+  /**
+   * Selects `start`..`end` (UTF-16 offsets, clamped to the text), unless the
+   * user has edited since `eventCount` was reported, as for `setText`.
+   */
+  setSelection: (
+    viewRef: React.ElementRef<NativeTextFieldComponent>,
+    eventCount: Int32,
+    start: Int32,
+    end: Int32
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['focus', 'blur', 'clear', 'setText', 'setSelection'],
+});
+
+export default codegenNativeComponent<TextFieldNativeProps>(
+  'PCTextField'
+) as NativeTextFieldComponent;

package/lib/module/focusRegistry.js

@@ -0,0 +1,75 @@
+"use strict";
+
+/// <reference path="./reactNativeInternals.d.ts" />
+// focusRegistry.ts
+//
+// TextField's link to React Native's focused-input bookkeeping. The core
+// TextInput registers its host node with `TextInputState`, and that registry is
+// what `Keyboard.dismiss()`, a ScrollView's `keyboardShouldPersistTaps` and
+// `keyboardDismissMode`, and `KeyboardAvoidingView` act on. Registering the
+// same way makes a TextField behave like a TextInput for all of them.
+//
+// `TextInputState` is a stable internal (it has kept this shape since 0.63),
+// but React Native's Babel preset adds a dev-time warning to every static
+// `import` or `require` of a deep path. A dynamic `import()` is resolved by
+// Metro the same way and carries no warning; it settles in a microtask at
+// startup, so a node registered before then is kept and registered once the
+// module arrives. If a future release drops the path, the registry is simply
+// absent and the field falls back to the public `TextInput.State` calls for
+// focus and blur, keeping `Keyboard.dismiss()` working.
+import { TextInput } from 'react-native';
+let registry;
+const pendingRegistrations = new Set();
+
+// A stable internal without a public counterpart; see reactNativeInternals.d.ts.
+
+import('react-native/Libraries/Components/TextInput/TextInputState').then(module => {
+  registry = module.default;
+  pendingRegistrations.forEach(node => registry?.registerInput(node));
+  pendingRegistrations.clear();
+}).catch(() => {
+  // Not available: focus and blur still go through TextInput.State below.
+});
+export const focusRegistry = {
+  /** Called when the field mounts. */
+  register(node) {
+    if (registry) {
+      registry.registerInput(node);
+    } else {
+      pendingRegistrations.add(node);
+    }
+  },
+  /** Called when the field unmounts; drops the focus if the field held it. */
+  unregister(node) {
+    pendingRegistrations.delete(node);
+    if (registry) {
+      registry.unregisterInput(node);
+      if (registry.currentlyFocusedInput() === node) {
+        registry.blurInput(node);
+      }
+    } else if (TextInput.State.currentlyFocusedInput() === node) {
+      TextInput.State.blurTextInput(node);
+    }
+  },
+  /** The field gained focus natively. */
+  focused(node) {
+    if (node == null) return;
+    if (registry) {
+      registry.focusInput(node);
+    } else {
+      // Also re-sends the focus command, which the focused field ignores
+      TextInput.State.focusTextInput(node);
+    }
+  },
+  /** The field lost focus natively. */
+  blurred(node) {
+    if (node == null) return;
+    if (registry) {
+      registry.blurInput(node);
+    } else {
+      // Also re-sends the blur command, which the unfocused field ignores
+      TextInput.State.blurTextInput(node);
+    }
+  }
+};
+//# sourceMappingURL=focusRegistry.js.map

package/lib/module/focusRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","registry","pendingRegistrations","Set","then","module","default","forEach","node","registerInput","clear","catch","focusRegistry","register","add","unregister","delete","unregisterInput","currentlyFocusedInput","blurInput","State","blurTextInput","focused","focusInput","focusTextInput","blurred"],"sourceRoot":"../../src","sources":["focusRegistry.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,cAAc;AAaxC,IAAIC,QAA8B;AAClC,MAAMC,oBAAoB,GAAG,IAAIC,GAAG,CAAW,CAAC;;AAEhD;;AAEA,MAAM,CAAC,4DAA4D,CAAC,CACjEC,IAAI,CAAEC,MAAM,IAAK;EAChBJ,QAAQ,GAAGI,MAAM,CAACC,OAAO;EACzBJ,oBAAoB,CAACK,OAAO,CAAEC,IAAI,IAAKP,QAAQ,EAAEQ,aAAa,CAACD,IAAI,CAAC,CAAC;EACrEN,oBAAoB,CAACQ,KAAK,CAAC,CAAC;AAC9B,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;EACX;AAAA,CACD,CAAC;AAEJ,OAAO,MAAMC,aAAa,GAAG;EAC3B;EACAC,QAAQA,CAACL,IAAc,EAAQ;IAC7B,IAAIP,QAAQ,EAAE;MACZA,QAAQ,CAACQ,aAAa,CAACD,IAAI,CAAC;IAC9B,CAAC,MAAM;MACLN,oBAAoB,CAACY,GAAG,CAACN,IAAI,CAAC;IAChC;EACF,CAAC;EAED;EACAO,UAAUA,CAACP,IAAc,EAAQ;IAC/BN,oBAAoB,CAACc,MAAM,CAACR,IAAI,CAAC;IACjC,IAAIP,QAAQ,EAAE;MACZA,QAAQ,CAACgB,eAAe,CAACT,IAAI,CAAC;MAC9B,IAAIP,QAAQ,CAACiB,qBAAqB,CAAC,CAAC,KAAKV,IAAI,EAAE;QAC7CP,QAAQ,CAACkB,SAAS,CAACX,IAAI,CAAC;MAC1B;IACF,CAAC,MAAM,IAAIR,SAAS,CAACoB,KAAK,CAACF,qBAAqB,CAAC,CAAC,KAAKV,IAAI,EAAE;MAC3DR,SAAS,CAACoB,KAAK,CAACC,aAAa,CAACb,IAAa,CAAC;IAC9C;EACF,CAAC;EAED;EACAc,OAAOA,CAACd,IAAqB,EAAQ;IACnC,IAAIA,IAAI,IAAI,IAAI,EAAE;IAClB,IAAIP,QAAQ,EAAE;MACZA,QAAQ,CAACsB,UAAU,CAACf,IAAI,CAAC;IAC3B,CAAC,MAAM;MACL;MACAR,SAAS,CAACoB,KAAK,CAACI,cAAc,CAAChB,IAAa,CAAC;IAC/C;EACF,CAAC;EAED;EACAiB,OAAOA,CAACjB,IAAqB,EAAQ;IACnC,IAAIA,IAAI,IAAI,IAAI,EAAE;IAClB,IAAIP,QAAQ,EAAE;MACZA,QAAQ,CAACkB,SAAS,CAACX,IAAI,CAAC;IAC1B,CAAC,MAAM;MACL;MACAR,SAAS,CAACoB,KAAK,CAACC,aAAa,CAACb,IAAa,CAAC;IAC9C;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/haptics.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=haptics.js.map

package/lib/module/haptics.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["haptics.ts"],"mappings":"","ignoreList":[]}

package/lib/module/icons.js

@@ -0,0 +1,101 @@
+"use strict";
+
+// icons.ts
+//
+// Icon props shared by SegmentedControl, Button and ButtonGroup. Icons are
+// resolved on the JS side so native only deals with flat strings.
+import { Image, Platform } from 'react-native';
+
+/**
+ * A single icon source.
+ *
+ * - `string`: shorthand for an SF Symbol name on iOS and a drawable resource
+ *   name on Android.
+ * - `{ 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`. Native loaders forward `headers`,
+ *   `method` and `body`. `cache` controls the decoded in-memory image cache:
+ *   `reload` bypasses it, `only-if-cached` never fetches, and `default` /
+ *   `force-cache` reuse a matching cached request. HTTP redirects carrying
+ *   custom request options are not followed.
+ */
+
+/**
+ * An icon: a single source used on both platforms, or a per-platform pair so
+ * callers don't need to branch on `Platform.OS`.
+ */
+
+/** The flat icon fields the native specs expect. */
+
+export const NO_ICON = {
+  iconType: '',
+  iconName: '',
+  iconUri: '',
+  iconRequest: '',
+  iconScale: 1,
+  iconTinted: 'true'
+};
+function pickIconSource(icon) {
+  if (icon === undefined || typeof icon === 'string' || 'type' in icon) {
+    return icon;
+  }
+  return 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.
+ */
+export function resolveIcon(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: Platform.OS === 'ios' ? 'sfSymbol' : 'drawable',
+      iconName: source
+    };
+  }
+  switch (source.type) {
+    case 'sfSymbol':
+      return Platform.OS === 'ios' ? {
+        ...NO_ICON,
+        iconType: 'sfSymbol',
+        iconName: source.name
+      } : NO_ICON;
+    case 'drawable':
+      return Platform.OS === 'android' ? {
+        ...NO_ICON,
+        iconType: 'drawable',
+        iconName: source.name
+      } : NO_ICON;
+    case 'image':
+      {
+        const resolved = Image.resolveAssetSource(source.source);
+        if (!resolved?.uri) return NO_ICON;
+        const request = typeof source.source === 'object' ? source.source : undefined;
+        const headers = request?.headers ? Object.fromEntries(Object.entries(request.headers).sort(([a], [b]) => a.localeCompare(b))) : undefined;
+        const requestOptions = {
+          headers,
+          method: request?.method,
+          body: request?.body,
+          cache: request?.cache
+        };
+        return {
+          iconType: 'image',
+          iconName: '',
+          iconUri: resolved.uri,
+          iconRequest: Object.values(requestOptions).some(value => value !== undefined) ? JSON.stringify(requestOptions) : '',
+          iconScale: resolved.scale > 0 ? resolved.scale : 1,
+          iconTinted: source.tinted === false ? 'false' : 'true'
+        };
+      }
+    default:
+      return NO_ICON;
+  }
+}
+//# sourceMappingURL=icons.js.map

package/lib/module/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Platform","NO_ICON","iconType","iconName","iconUri","iconRequest","iconScale","iconTinted","pickIconSource","icon","undefined","OS","ios","android","resolveIcon","source","length","type","name","resolved","resolveAssetSource","uri","request","headers","Object","fromEntries","entries","sort","a","b","localeCompare","requestOptions","method","body","cache","values","some","value","JSON","stringify","scale","tinted"],"sourceRoot":"../../src","sources":["icons.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -4,7 +4,20 @@ export * from "./DatePicker.js";
 export * from "./SelectionMenu.js";
 export * from "./ContextMenu.js";
 export * from "./SegmentedControl.js";
+export * from "./TabBar.js";
+export * from "./FloatingActionButton.js";
+export * from "./NavigationRail.js";
+export * from "./Button.js";
+export * from "./ButtonGroup.js";
+export * from "./SplitButton.js";
+export * from "./FloatingToolbar.js";
 export * from "./LiquidGlass.js";
+export * from "./LiquidGlassContainer.js";
+export * from "./TextField.js";
+export * from "./icons.js";
+export * from "./labelStyle.js";
 export * from "./sharedTypes.js";
+export * from "./haptics.js";
 export * from "./NativeTheme.js";
+export * from "./PlatformComponentsProvider.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,uBAAoB;AAClC,cAAc,kBAAe;AAC7B,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,aAAU;AACxB,cAAc,2BAAwB;AACtC,cAAc,qBAAkB;AAChC,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,sBAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,2BAAwB;AACtC,cAAc,gBAAa;AAC3B,cAAc,YAAS;AACvB,cAAc,iBAAc;AAC5B,cAAc,kBAAe;AAC7B,cAAc,cAAW;AACzB,cAAc,kBAAe;AAC7B,cAAc,iCAA8B","ignoreList":[]}

package/lib/module/index.web.js

@@ -1,63 +1,16 @@
 "use strict";
 
 // index.web.tsx
-// Web stubs for react-native-platform-components
-// These components are native-only and render nothing/children on web.
-// This file is fully standalone to avoid importing native component specs.
-
-import React from 'react';
-
-// ============================================================================
-// Shared Types (duplicated to avoid importing from files with native deps)
-// ============================================================================
-
-// ============================================================================
-// DatePicker
-// ============================================================================
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const DatePicker = _props => null;
-
-// ============================================================================
-// SelectionMenu
-// ============================================================================
-
-export const SelectionMenu = _props => null;
-
-// ============================================================================
-// ContextMenu
-// ============================================================================
-
-export const ContextMenu = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
-};
-
-// ============================================================================
-// SegmentedControl
-// ============================================================================
-
-export const SegmentedControl = _props => null;
-
-// ============================================================================
-// LiquidGlass
-// ============================================================================
-
-export const LiquidGlass = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
-};
-export const isLiquidGlassSupported = false;
-
-// ============================================================================
-// Native theme
-// ============================================================================
-
-export const setNativeTheme = _theme => {};
-export const useNativeTheme = _theme => {};
+//
+// Web entry point, for react-native-web. The components render the browser's
+// own controls (see src/web). Types come from the native modules as
+// type-only exports, which are erased at build time, so the native component
+// specs are never imported on web and the two entry points share one API.
+
+export * from "./labelStyle.js";
+export { PlatformComponentsProvider } from "./web/PlatformComponentsProvider.js";
+export { Button, ButtonGroup, SplitButton, ContextMenu, DatePicker, DateRangePicker, FloatingActionButton, FloatingToolbar, LiquidGlass, LiquidGlassContainer, NavigationRail, SegmentedControl, SelectionMenu, TabBar, TextField } from "./web/components.js";
+export { isDateRangePickerSupported } from "./web/DateRangePicker.js";
+export { isLiquidGlassSupported } from "./web/containers.js";
+export { setNativeTheme, useNativeTheme } from "./web/NativeTheme.js";
 //# sourceMappingURL=index.web.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","_Fragment","jsx","_jsx","DatePicker","_props","SelectionMenu","ContextMenu","children","SegmentedControl","LiquidGlass","isLiquidGlassSupported","setNativeTheme","_theme","useNativeTheme"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;;AAIzB;AACA;AACA;;AAMA;AACA;AACA;AAAA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAoBA,OAAO,MAAMC,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;;AAoBA,OAAO,MAAMC,aAAa,GACxBD,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;;AAgCA,OAAO,MAAME,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;;AAmDA,OAAO,MAAMC,gBAAgB,GAC3BJ,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;;AASA,OAAO,MAAMK,WAAW,GAAGA,CAAC;EAC1BF;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAED,OAAO,MAAMG,sBAAsB,GAAG,KAAK;;AAE3C;AACA;AACA;;AAQA,OAAO,MAAMC,cAAc,GAAIC,MAA0B,IAAW,CAAC,CAAC;AAEtE,OAAO,MAAMC,cAAc,GACzBD,MAAsC,IAC7B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["PlatformComponentsProvider","Button","ButtonGroup","SplitButton","ContextMenu","DatePicker","DateRangePicker","FloatingActionButton","FloatingToolbar","LiquidGlass","LiquidGlassContainer","NavigationRail","SegmentedControl","SelectionMenu","TabBar","TextField","isDateRangePickerSupported","isLiquidGlassSupported","setNativeTheme","useNativeTheme"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAqBA,cAAc,iBAAc;AAO5B,SAASA,0BAA0B,QAAQ,qCAAkC;AAC7E,SACEC,MAAM,EACNC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,UAAU,EACVC,eAAe,EACfC,oBAAoB,EACpBC,eAAe,EACfC,WAAW,EACXC,oBAAoB,EACpBC,cAAc,EACdC,gBAAgB,EAChBC,aAAa,EACbC,MAAM,EACNC,SAAS,QACJ,qBAAkB;AACzB,SAASC,0BAA0B,QAAQ,0BAAuB;AAClE,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,cAAc,EAAEC,cAAc,QAAQ,sBAAmB","ignoreList":[]}