react-native-platform-components 1.2.0 → 1.4.0

package/lib/module/TextFieldNativeComponent.ts

@@ -0,0 +1,218 @@
+// TextFieldNativeComponent.ts
+import type * as React from 'react';
+import type { 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)
+  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;
+}>;
+
+/**
+ * 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;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type TextFieldAndroidProps = Readonly<{
+  /** 'm3' | 'system' (AndroidMaterialMode) */
+  material?: string;
+  /** 'outlined' | 'filled' */
+  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;
+
+  /** '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;
+
+  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 keyboard's return key is pressed (single-line). */
+  onFieldSubmit?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the trailing icon is pressed. */
+  onTrailingIconPress?: 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;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['focus', 'blur', 'clear', 'setText'],
+});
+
+export default codegenNativeComponent<TextFieldNativeProps>(
+  'PCTextField'
+) as NativeTextFieldComponent;

package/lib/module/codegenTypes.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=codegenTypes.js.map

package/lib/module/codegenTypes.js.map

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

package/lib/module/focusRegistry.js

@@ -0,0 +1,74 @@
+"use strict";
+
+// 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,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/icons.js

@@ -0,0 +1,87 @@
+"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`.
+ */
+
+/**
+ * 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: '',
+  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;
+        return {
+          iconType: 'image',
+          iconName: '',
+          iconUri: resolved.uri,
+          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","iconScale","iconTinted","pickIconSource","icon","undefined","OS","ios","android","resolveIcon","source","length","type","name","resolved","resolveAssetSource","uri","scale","tinted"],"sourceRoot":"../../src","sources":["icons.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SACEA,KAAK,EACLC,QAAQ,QAGH,cAAc;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACA;;AAQA;;AAcA,OAAO,MAAMC,OAAyB,GAAG;EACvCC,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,CAAC;EACZC,UAAU,EAAE;AACd,CAAC;AAED,SAASC,cAAcA,CACrBC,IAA8B,EACE;EAChC,IAAIA,IAAI,KAAKC,SAAS,IAAI,OAAOD,IAAI,KAAK,QAAQ,IAAI,MAAM,IAAIA,IAAI,EAAE;IACpE,OAAOA,IAAI;EACb;EACA,OAAOR,QAAQ,CAACU,EAAE,KAAK,KAAK,GAAGF,IAAI,CAACG,GAAG,GAAGH,IAAI,CAACI,OAAO;AACxD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACL,IAA8B,EAAoB;EAC5E,MAAMM,MAAM,GAAGP,cAAc,CAACC,IAAI,CAAC;EACnC,IAAIM,MAAM,KAAKL,SAAS,EAAE,OAAOR,OAAO;EAExC,IAAI,OAAOa,MAAM,KAAK,QAAQ,EAAE;IAC9B,IAAIA,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE,OAAOd,OAAO;IACvC,OAAO;MACL,GAAGA,OAAO;MACVC,QAAQ,EAAEF,QAAQ,CAACU,EAAE,KAAK,KAAK,GAAG,UAAU,GAAG,UAAU;MACzDP,QAAQ,EAAEW;IACZ,CAAC;EACH;EAEA,QAAQA,MAAM,CAACE,IAAI;IACjB,KAAK,UAAU;MACb,OAAOhB,QAAQ,CAACU,EAAE,KAAK,KAAK,GACxB;QAAE,GAAGT,OAAO;QAAEC,QAAQ,EAAE,UAAU;QAAEC,QAAQ,EAAEW,MAAM,CAACG;MAAK,CAAC,GAC3DhB,OAAO;IACb,KAAK,UAAU;MACb,OAAOD,QAAQ,CAACU,EAAE,KAAK,SAAS,GAC5B;QAAE,GAAGT,OAAO;QAAEC,QAAQ,EAAE,UAAU;QAAEC,QAAQ,EAAEW,MAAM,CAACG;MAAK,CAAC,GAC3DhB,OAAO;IACb,KAAK,OAAO;MAAE;QACZ,MAAMiB,QAAQ,GAAGnB,KAAK,CAACoB,kBAAkB,CAACL,MAAM,CAACA,MAAM,CAAC;QACxD,IAAI,CAACI,QAAQ,EAAEE,GAAG,EAAE,OAAOnB,OAAO;QAClC,OAAO;UACLC,QAAQ,EAAE,OAAO;UACjBC,QAAQ,EAAE,EAAE;UACZC,OAAO,EAAEc,QAAQ,CAACE,GAAG;UACrBf,SAAS,EAAEa,QAAQ,CAACG,KAAK,GAAG,CAAC,GAAGH,QAAQ,CAACG,KAAK,GAAG,CAAC;UAClDf,UAAU,EAAEQ,MAAM,CAACQ,MAAM,KAAK,KAAK,GAAG,OAAO,GAAG;QAClD,CAAC;MACH;IACA;MACE,OAAOrB,OAAO;EAClB;AACF","ignoreList":[]}

package/lib/module/index.js

@@ -4,7 +4,13 @@ export * from "./DatePicker.js";
 export * from "./SelectionMenu.js";
 export * from "./ContextMenu.js";
 export * from "./SegmentedControl.js";
+export * from "./Button.js";
+export * from "./ButtonGroup.js";
+export * from "./FloatingToolbar.js";
 export * from "./LiquidGlass.js";
+export * from "./TextField.js";
+export * from "./icons.js";
+export * from "./labelStyle.js";
 export * from "./sharedTypes.js";
 export * from "./NativeTheme.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,kBAAe;AAC7B,cAAc,sBAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,gBAAa;AAC3B,cAAc,YAAS;AACvB,cAAc,iBAAc;AAC5B,cAAc,kBAAe;AAC7B,cAAc,kBAAe","ignoreList":[]}

package/lib/module/index.web.js

@@ -41,6 +41,20 @@ export const ContextMenu = ({
 
 export const SegmentedControl = _props => null;
 
+// ============================================================================
+// Button, ButtonGroup, FloatingToolbar
+// ============================================================================
+
+export const Button = _props => null;
+export const ButtonGroup = _props => null;
+export const FloatingToolbar = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+
 // ============================================================================
 // LiquidGlass
 // ============================================================================
@@ -54,6 +68,20 @@ export const LiquidGlass = ({
 };
 export const isLiquidGlassSupported = false;
 
+// ============================================================================
+// TextField
+// ============================================================================
+
+export const TextField = /*#__PURE__*/React.forwardRef(function TextFieldComponent(_props, ref) {
+  React.useImperativeHandle(ref, () => ({
+    focus: () => {},
+    blur: () => {},
+    clear: () => {},
+    isFocused: () => false
+  }));
+  return null;
+});
+
 // ============================================================================
 // Native theme
 // ============================================================================

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":["React","Fragment","_Fragment","jsx","_jsx","DatePicker","_props","SelectionMenu","ContextMenu","children","SegmentedControl","Button","ButtonGroup","FloatingToolbar","LiquidGlass","isLiquidGlassSupported","TextField","forwardRef","TextFieldComponent","ref","useImperativeHandle","focus","blur","clear","isFocused","setNativeTheme","_theme","useNativeTheme"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;;AAMzB;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;;AA6BA,OAAO,MAAMK,MAAM,GAAIL,MAAmB,IAAgC,IAAI;AAgC9E,OAAO,MAAMM,WAAW,GACtBN,MAAwB,IACM,IAAI;AAapC,OAAO,MAAMO,eAAe,GAAGA,CAAC;EAC9BJ;AACoB,CAAC,KAAgC;EACrD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;;AASA,OAAO,MAAMK,WAAW,GAAGA,CAAC;EAC1BL;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAED,OAAO,MAAMM,sBAAsB,GAAG,KAAK;;AAE3C;AACA;AACA;;AA8FA,OAAO,MAAMC,SAAS,gBAAGhB,KAAK,CAACiB,UAAU,CACvC,SAASC,kBAAkBA,CAACZ,MAAM,EAAEa,GAAG,EAA6B;EAClEnB,KAAK,CAACoB,mBAAmB,CAACD,GAAG,EAAE,OAAO;IACpCE,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;IACfC,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;IACdC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;IACfC,SAAS,EAAEA,CAAA,KAAM;EACnB,CAAC,CAAC,CAAC;EACH,OAAO,IAAI;AACb,CACF,CAAC;;AAED;AACA;AACA;;AAQA,OAAO,MAAMC,cAAc,GAAIC,MAA0B,IAAW,CAAC,CAAC;AAEtE,OAAO,MAAMC,cAAc,GACzBD,MAAsC,IAC7B,CAAC,CAAC","ignoreList":[]}

package/lib/module/labelStyle.js

@@ -0,0 +1,23 @@
+"use strict";
+
+// labelStyle.ts
+//
+// Label font props shared by SegmentedControl, Button and ButtonGroup.
+
+/**
+ * Font for a control's labels. Each field falls back to the platform default.
+ */
+
+/** The flat font fields the native specs expect; empty / 0 = default. */
+
+/** Normalizes a label font for native; `undefined` keeps the platform font. */
+export function normalizeLabelStyle(labelStyle) {
+  if (!labelStyle) return undefined;
+  return {
+    fontFamily: labelStyle.fontFamily ?? '',
+    fontSize: labelStyle.fontSize ?? 0,
+    fontWeight: labelStyle.fontWeight === undefined ? '' : String(labelStyle.fontWeight),
+    fontStyle: labelStyle.fontStyle ?? ''
+  };
+}
+//# sourceMappingURL=labelStyle.js.map

package/lib/module/labelStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeLabelStyle","labelStyle","undefined","fontFamily","fontSize","fontWeight","String","fontStyle"],"sourceRoot":"../../src","sources":["labelStyle.ts"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;;AAQA;AACA,OAAO,SAASA,mBAAmBA,CACjCC,UAAkC,EACJ;EAC9B,IAAI,CAACA,UAAU,EAAE,OAAOC,SAAS;EACjC,OAAO;IACLC,UAAU,EAAEF,UAAU,CAACE,UAAU,IAAI,EAAE;IACvCC,QAAQ,EAAEH,UAAU,CAACG,QAAQ,IAAI,CAAC;IAClCC,UAAU,EACRJ,UAAU,CAACI,UAAU,KAAKH,SAAS,GAAG,EAAE,GAAGI,MAAM,CAACL,UAAU,CAACI,UAAU,CAAC;IAC1EE,SAAS,EAAEN,UAAU,CAACM,SAAS,IAAI;EACrC,CAAC;AACH","ignoreList":[]}

package/lib/module/reactNativeInternals.d.js

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

package/lib/module/reactNativeInternals.d.js.map

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

package/lib/typescript/commonjs/docs/sidebars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebars.d.ts","sourceRoot":"","sources":["../../../../docs/sidebars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,QAAA,MAAM,QAAQ,EAAE,cAwBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"sidebars.d.ts","sourceRoot":"","sources":["../../../../docs/sidebars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,QAAA,MAAM,QAAQ,EAAE,cA4Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,76 @@
+import React from 'react';
+import type { ColorValue, ViewProps } from 'react-native';
+import { type PlatformIcon } from './icons';
+import { type LabelStyle } from './labelStyle';
+import type { AndroidMaterialStyle } from './sharedTypes';
+/**
+ * Emphasis of the button, from highest to lowest.
+ *
+ * | Variant    | Android (Material 3 Expressive) | iOS (`UIButton.Configuration`) |
+ * | ---------- | ------------------------------- | ------------------------------ |
+ * | `filled`   | Filled button                   | `.filled()`                    |
+ * | `tonal`    | Filled tonal button             | `.tinted()`                    |
+ * | `outlined` | Outlined button                 | `.bordered()`                  |
+ * | `text`     | Text button                     | `.plain()`                     |
+ * | `elevated` | Elevated button                 | `.gray()`                      |
+ */
+export type ButtonVariant = 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated';
+/**
+ * Button size. Material 3 Expressive defines five sizes; iOS maps them onto
+ * `UIButton.Configuration.Size` (`xsmall` → mini, `xlarge` → large).
+ */
+export type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+/**
+ * Corner shape. `round` is a pill; `square` keeps rounded corners. Unset
+ * means the platform default (round on Android, dynamic on iOS).
+ */
+export type ButtonShape = 'round' | 'square';
+export interface ButtonProps extends ViewProps {
+    /** Button text. Omit for an icon-only button. */
+    label?: string;
+    /** Icon shown before the label, or alone when there is no label. */
+    icon?: PlatformIcon;
+    /** Emphasis. Default: `'filled'`. See {@link ButtonVariant}. */
+    variant?: ButtonVariant;
+    /** Size. Default: `'small'`, the Material 3 default. */
+    size?: ButtonSize;
+    /** Corner shape. Default: platform default. */
+    shape?: ButtonShape;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /**
+     * Container (background) color.
+     * Android: `backgroundTint`. iOS: `baseBackgroundColor`.
+     */
+    color?: ColorValue;
+    /**
+     * Label and icon color.
+     * Android: text color and `iconTint`. iOS: `baseForegroundColor`.
+     */
+    tintColor?: ColorValue;
+    /** Label font. */
+    labelStyle?: LabelStyle;
+    /** Screen-reader label. Defaults to `label`. */
+    accessibilityLabel?: string;
+    /** Called when the button is pressed. */
+    onPress?: () => void;
+    /**
+     * Android-specific configuration
+     */
+    android?: {
+        /** Ripple color shown while pressing. */
+        rippleColor?: ColorValue;
+        /** Outline color (outlined variant). */
+        strokeColor?: ColorValue;
+        /**
+         * Material style: Material 3 Expressive (default), or the classic
+         * Material 3 button, which has one size and shape (`size` and `shape`
+         * are ignored).
+         */
+        material?: AndroidMaterialStyle;
+    };
+    /** Test identifier */
+    testID?: string;
+}
+export declare function Button(props: ButtonProps): React.ReactElement;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GACvB,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oEAAoE;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,wDAAwD;IACxD,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,kBAAkB;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,yCAAyC;QACzC,WAAW,CAAC,EAAE,UAAU,CAAC;QAEzB,wCAAwC;QACxC,WAAW,CAAC,EAAE,UAAU,CAAC;QAEzB;;;;WAIG;QACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;KACjC,CAAC;IAEF,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA8C7D"}