react-native-platform-components 0.0.2

package/lib/module/DatePickerNativeComponent.ts

@@ -0,0 +1,68 @@
+// DatePickerNativeComponent.ts
+import type { CodegenTypes, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+export type TimestampMs = CodegenTypes.Double;
+
+export type DateChangeEvent = {
+  timestampMs: CodegenTypes.Double;
+};
+
+export type DatePickerMode = 'date' | 'time' | 'dateAndTime' | 'countDownTimer';
+export type DatePickerPresentation = 'modal' | 'embedded';
+
+export type IOSDatePickerStyle = 'automatic' | 'compact' | 'inline' | 'wheels';
+export type IOSRoundsToMinuteInterval = 'inherit' | 'round' | 'noRound';
+
+export type IOSProps = {
+  preferredStyle?: string; // IOSDatePickerStyle
+  countDownDurationSeconds?: CodegenTypes.Double;
+  minuteInterval?: CodegenTypes.Int32;
+  roundsToMinuteInterval?: string; // IOSRoundsToMinuteInterval
+};
+
+export type AndroidProps = {
+  firstDayOfWeek?: CodegenTypes.Int32;
+  material?: string; // AndroidMaterialMode
+  dialogTitle?: string;
+  positiveButtonTitle?: string;
+  negativeButtonTitle?: string;
+};
+
+export type WebProps = Readonly<{}>;
+export type WindowsProps = Readonly<{}>;
+export type MacOSProps = Readonly<{}>;
+
+/**
+ * Sentinel convention:
+ * - `-1` means "no value / unbounded / unset".
+ */
+export type CommonProps = {
+  mode?: string; // DatePickerMode
+
+  dateMs?: CodegenTypes.WithDefault<TimestampMs, -1>;
+  minDateMs?: CodegenTypes.WithDefault<TimestampMs, -1>;
+  maxDateMs?: CodegenTypes.WithDefault<TimestampMs, -1>;
+
+  locale?: string;
+  timeZoneName?: string;
+
+  /**
+   * Only used when presentation === "modal".
+   * Defaults should be applied in JS wrapper (recommended).
+   */
+  visible?: string; // Visible
+
+  /** Defaults should be applied in JS wrapper (recommended). */
+  presentation?: string; // DatePickerPresentation
+};
+
+export interface NativeProps extends ViewProps, CommonProps {
+  ios?: IOSProps;
+  android?: AndroidProps;
+
+  onConfirm?: CodegenTypes.BubblingEventHandler<DateChangeEvent>;
+  onClosed?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+}
+
+export default codegenNativeComponent<NativeProps>('PCDatePicker');

package/lib/module/SelectionMenu.js

@@ -0,0 +1,79 @@
+"use strict";
+
+// SelectionMenu.tsx
+import React, { useCallback, useMemo } from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import NativeSelectionMenu from './SelectionMenuNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+function normalizeSelectedData(selected) {
+  return selected ?? '';
+}
+function normalizeNativeVisible(inlineMode, visible) {
+  // Inline mode ignores visible; keep it undefined so native isn't spammed.
+  if (inlineMode) return undefined;
+  return visible ? 'open' : 'closed';
+}
+function normalizeNativePresentation(inlineMode, presentation) {
+  // Inline mode ignores presentation.
+  if (inlineMode) return undefined;
+  return presentation ?? 'auto';
+}
+export function SelectionMenu(props) {
+  const {
+    style,
+    options,
+    selected,
+    disabled,
+    placeholder,
+    inlineMode,
+    visible,
+    presentation,
+    onSelect,
+    onRequestClose,
+    ios,
+    android
+  } = props;
+  const selectedData = useMemo(() => normalizeSelectedData(selected), [selected]);
+  const nativeVisible = useMemo(() => normalizeNativeVisible(inlineMode, visible), [inlineMode, visible]);
+  const nativePresentation = useMemo(() => normalizeNativePresentation(inlineMode, presentation), [inlineMode, presentation]);
+  const handleSelect = useCallback(e => {
+    const {
+      index,
+      label,
+      data
+    } = e.nativeEvent;
+    onSelect?.(data, label, index);
+  }, [onSelect]);
+  const handleRequestClose = useCallback(() => {
+    onRequestClose?.();
+  }, [onRequestClose]);
+
+  // Keep android prop stable and codegen-friendly (string unions live in native spec).
+  const nativeAndroid = useMemo(() => {
+    if (!android) return undefined;
+    return {
+      material: android.material
+    };
+  }, [android]);
+  const isAndroidM3Inline = android?.material && inlineMode && android.material === 'm3' && Platform.OS === 'android';
+  return /*#__PURE__*/_jsx(NativeSelectionMenu, {
+    style: [style, isAndroidM3Inline && styles.androidInline],
+    options: options,
+    selectedData: selectedData,
+    interactivity: disabled ? 'disabled' : 'enabled',
+    placeholder: placeholder,
+    anchorMode: inlineMode ? 'inline' : 'headless',
+    visible: nativeVisible,
+    presentation: nativePresentation,
+    onSelect: onSelect ? handleSelect : undefined,
+    onRequestClose: onRequestClose ? handleRequestClose : undefined,
+    ios: ios,
+    android: nativeAndroid
+  });
+}
+const styles = StyleSheet.create({
+  androidInline: {
+    minHeight: 60
+  }
+});
+//# sourceMappingURL=SelectionMenu.js.map

package/lib/module/SelectionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Platform","StyleSheet","NativeSelectionMenu","jsx","_jsx","normalizeSelectedData","selected","normalizeNativeVisible","inlineMode","visible","undefined","normalizeNativePresentation","presentation","SelectionMenu","props","style","options","disabled","placeholder","onSelect","onRequestClose","ios","android","selectedData","nativeVisible","nativePresentation","handleSelect","e","index","label","data","nativeEvent","handleRequestClose","nativeAndroid","material","isAndroidM3Inline","OS","styles","androidInline","interactivity","anchorMode","create","minHeight"],"sourceRoot":"../../src","sources":["SelectionMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SelectionMenu.web.js

@@ -0,0 +1,57 @@
+"use strict";
+
+// SelectionMenu.web.tsx
+import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function toCssStyle(style) {
+  if (!style) return undefined;
+  if (Array.isArray(style)) {
+    const merged = {};
+    for (const s of style) {
+      if (s && typeof s === 'object') Object.assign(merged, s);
+    }
+    return merged;
+  }
+  if (typeof style === 'object') return style;
+  return undefined;
+}
+export function SelectionMenu(props) {
+  const {
+    style,
+    options,
+    selected,
+    disabled,
+    placeholder,
+    onSelect,
+    onRequestClose
+  } = props;
+  const cssStyle = useMemo(() => toCssStyle(style), [style]);
+  const value = selected ?? '';
+  return /*#__PURE__*/_jsxs("select", {
+    style: cssStyle,
+    value: value,
+    disabled: !!disabled,
+    onChange: e => {
+      const data = e.currentTarget.value;
+
+      // placeholder chosen (or no selection)
+      if (data === '') return;
+      const index = options.findIndex(o => o.data === data);
+      const opt = index >= 0 ? options[index] : undefined;
+      onSelect?.(data, opt?.label ?? '', index);
+    },
+    onBlur: () => {
+      onRequestClose?.();
+    },
+    children: [placeholder ? /*#__PURE__*/_jsx("option", {
+      value: "",
+      disabled: true,
+      hidden: true,
+      children: placeholder
+    }) : null, options.map((opt, idx) => /*#__PURE__*/_jsx("option", {
+      value: opt.data,
+      children: opt.label
+    }, `${opt.data}-${idx}`))]
+  });
+}
+//# sourceMappingURL=SelectionMenu.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","jsx","_jsx","jsxs","_jsxs","toCssStyle","style","undefined","Array","isArray","merged","s","Object","assign","SelectionMenu","props","options","selected","disabled","placeholder","onSelect","onRequestClose","cssStyle","value","onChange","e","data","currentTarget","index","findIndex","o","opt","label","onBlur","children","hidden","map","idx"],"sourceRoot":"../../src","sources":["SelectionMenu.web.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA6BvC,SAASC,UAAUA,CACjBC,KAA2B,EACM;EACjC,IAAI,CAACA,KAAK,EAAE,OAAOC,SAAS;EAC5B,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,MAAMI,MAAW,GAAG,CAAC,CAAC;IACtB,KAAK,MAAMC,CAAC,IAAIL,KAAK,EAAE;MACrB,IAAIK,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,EAAEC,MAAM,CAACC,MAAM,CAACH,MAAM,EAAEC,CAAQ,CAAC;IACjE;IACA,OAAOD,MAAM;EACf;EACA,IAAI,OAAOJ,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;EAC3C,OAAOC,SAAS;AAClB;AAEA,OAAO,SAASO,aAAaA,CAACC,KAAyB,EAAsB;EAC3E,MAAM;IACJT,KAAK;IACLU,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,QAAQ,GAAGtB,OAAO,CAAC,MAAMK,UAAU,CAACC,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC1D,MAAMiB,KAAK,GAAGN,QAAQ,IAAI,EAAE;EAE5B,oBACEb,KAAA;IACEE,KAAK,EAAEgB,QAAS;IAChBC,KAAK,EAAEA,KAAM;IACbL,QAAQ,EAAE,CAAC,CAACA,QAAS;IACrBM,QAAQ,EAAGC,CAAuC,IAAK;MACrD,MAAMC,IAAI,GAAID,CAAC,CAACE,aAAa,CAASJ,KAAe;;MAErD;MACA,IAAIG,IAAI,KAAK,EAAE,EAAE;MAEjB,MAAME,KAAK,GAAGZ,OAAO,CAACa,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAACJ,IAAI,KAAKA,IAAI,CAAC;MACvD,MAAMK,GAAG,GAAGH,KAAK,IAAI,CAAC,GAAGZ,OAAO,CAACY,KAAK,CAAC,GAAGrB,SAAS;MAEnDa,QAAQ,GAAGM,IAAI,EAAEK,GAAG,EAAEC,KAAK,IAAI,EAAE,EAAEJ,KAAK,CAAC;IAC3C,CAAE;IACFK,MAAM,EAAEA,CAAA,KAAM;MACZZ,cAAc,GAAG,CAAC;IACpB,CAAE;IAAAa,QAAA,GAEDf,WAAW,gBACVjB,IAAA;MAAQqB,KAAK,EAAC,EAAE;MAACL,QAAQ;MAACiB,MAAM;MAAAD,QAAA,EAC7Bf;IAAW,CACN,CAAC,GACP,IAAI,EAEPH,OAAO,CAACoB,GAAG,CAAC,CAACL,GAAG,EAAEM,GAAG,kBACpBnC,IAAA;MAAmCqB,KAAK,EAAEQ,GAAG,CAACL,IAAK;MAAAQ,QAAA,EAChDH,GAAG,CAACC;IAAK,GADC,GAAGD,GAAG,CAACL,IAAI,IAAIW,GAAG,EAEvB,CACT,CAAC;EAAA,CACI,CAAC;AAEb","ignoreList":[]}

package/lib/module/SelectionMenuNativeComponent.ts

@@ -0,0 +1,106 @@
+// SelectionMenuNativeComponent.ts
+import type { CodegenTypes, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * A single option in the menu.
+ */
+export type SelectionMenuOption = Readonly<{
+  label: string;
+  data: string;
+}>;
+
+/**
+ * Event emitted when the user selects an option.
+ */
+export type SelectionMenuSelectEvent = Readonly<{
+  /** Selected option index (implementation detail; stable for this render) */
+  index: CodegenTypes.Int32;
+
+  /** Selected option label */
+  label: string;
+
+  /** Selected option data payload (source of truth) */
+  data: string;
+}>;
+
+/** Visibility state (headless mode only). */
+export type SelectionMenuVisible = 'open' | 'closed';
+
+/** Presentation hint (headless mode only). */
+export type SelectionMenuPresentation = 'auto' | 'popover' | 'sheet';
+
+/** Interactivity state (no booleans). */
+export type SelectionMenuInteractivity = 'enabled' | 'disabled';
+
+/** Anchor behavior (no booleans). */
+export type SelectionMenuAnchorMode = 'inline' | 'headless';
+
+/**
+ * iOS-specific configuration (reserved).
+ */
+export type IOSProps = Readonly<{}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type AndroidProps = Readonly<{
+  material?: string; // AndroidMaterialMode
+}>;
+
+export interface SelectionMenuProps extends ViewProps {
+  /**
+   * Menu options.
+   */
+  options: ReadonlyArray<SelectionMenuOption>;
+
+  /**
+   * Controlled selection by `data`.
+   *
+   * - Empty string means "no selection".
+   * - Native should treat this as the single source of truth.
+   */
+  selectedData?: CodegenTypes.WithDefault<string, ''>;
+
+  /**
+   * Enabled / disabled state.
+   */
+  interactivity?: string; // SelectionMenuInteractivity
+
+  /**
+   * Placeholder text shown when selectedData === "".
+   */
+  placeholder?: string;
+
+  /**
+   * Inline vs headless behavior.
+   */
+  anchorMode?: string; // SelectionMenuAnchorMode
+
+  /**
+   * Headless mode only:
+   * controls visibility.
+   */
+  visible?: string; // SelectionMenuVisible
+
+  /**
+   * Headless mode only:
+   * presentation hint.
+   */
+  presentation?: string; // SelectionMenuPresentation
+
+  /**
+   * Fired when the user selects an option.
+   */
+  onSelect?: CodegenTypes.BubblingEventHandler<SelectionMenuSelectEvent>;
+
+  /**
+   * Fired when dismissed without selection.
+   */
+  onRequestClose?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+
+  ios?: IOSProps;
+  android?: AndroidProps;
+}
+
+export default codegenNativeComponent<SelectionMenuProps>('PCSelectionMenu');

package/lib/module/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./DatePicker.js";
+export * from './SelectionMenu';
+export * from "./sharedTypes.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

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

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/sharedTypes.js

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

package/lib/module/sharedTypes.js.map

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

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/DatePicker.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { type IOSProps as NativeIOSProps, type AndroidProps as NativeAndroidProps, type DatePickerPresentation, type DatePickerMode, type IOSRoundsToMinuteInterval, type IOSDatePickerStyle } from './DatePickerNativeComponent';
+import type { AndroidMaterialMode } from './sharedTypes';
+export type DatePickerProps = {
+    style?: StyleProp<ViewStyle>;
+    /** Controlled value. Use `null` for "no date selected". */
+    date: Date | null;
+    /** Optional bounds. Use `null` for "unbounded". */
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    locale?: string;
+    timeZoneName?: string;
+    mode?: DatePickerMode;
+    presentation?: DatePickerPresentation;
+    /**
+     * Modal only. If presentation !== "modal", ignored.
+     * Wrapper ergonomics: boolean.
+     */
+    visible?: boolean;
+    onConfirm?: (dateTime: Date) => void;
+    onClosed?: () => void;
+    ios?: {
+        preferredStyle?: IOSDatePickerStyle;
+        countDownDurationSeconds?: NativeIOSProps['countDownDurationSeconds'];
+        minuteInterval?: NativeIOSProps['minuteInterval'];
+        roundsToMinuteInterval?: IOSRoundsToMinuteInterval;
+    };
+    android?: {
+        firstDayOfWeek?: NativeAndroidProps['firstDayOfWeek'];
+        material?: AndroidMaterialMode;
+        dialogTitle?: NativeAndroidProps['dialogTitle'];
+        positiveButtonTitle?: NativeAndroidProps['positiveButtonTitle'];
+        negativeButtonTitle?: NativeAndroidProps['negativeButtonTitle'];
+    };
+};
+export declare function DatePicker(props: DatePickerProps): React.ReactElement;
+//# sourceMappingURL=DatePicker.d.ts.map

package/lib/typescript/src/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAwB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAyB,EAGvB,KAAK,QAAQ,IAAI,cAAc,EAC/B,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,mBAAmB,EAAW,MAAM,eAAe,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,2DAA2D;IAC3D,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAElB,mDAAmD;IACnD,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,sBAAsB,CAAC;IAEtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,GAAG,CAAC,EAAE;QACJ,cAAc,CAAC,EAAE,kBAAkB,CAAC;QACpC,wBAAwB,CAAC,EAAE,cAAc,CAAC,0BAA0B,CAAC,CAAC;QACtE,cAAc,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAClD,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;KACpD,CAAC;IAEF,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QACtD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;QAC/B,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAChD,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;QAChE,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;KACjE,CAAC;CACH,CAAC;AAeF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoErE"}

package/lib/typescript/src/DatePickerNativeComponent.d.ts

@@ -0,0 +1,53 @@
+import type { CodegenTypes, ViewProps } from 'react-native';
+export type TimestampMs = CodegenTypes.Double;
+export type DateChangeEvent = {
+    timestampMs: CodegenTypes.Double;
+};
+export type DatePickerMode = 'date' | 'time' | 'dateAndTime' | 'countDownTimer';
+export type DatePickerPresentation = 'modal' | 'embedded';
+export type IOSDatePickerStyle = 'automatic' | 'compact' | 'inline' | 'wheels';
+export type IOSRoundsToMinuteInterval = 'inherit' | 'round' | 'noRound';
+export type IOSProps = {
+    preferredStyle?: string;
+    countDownDurationSeconds?: CodegenTypes.Double;
+    minuteInterval?: CodegenTypes.Int32;
+    roundsToMinuteInterval?: string;
+};
+export type AndroidProps = {
+    firstDayOfWeek?: CodegenTypes.Int32;
+    material?: string;
+    dialogTitle?: string;
+    positiveButtonTitle?: string;
+    negativeButtonTitle?: string;
+};
+export type WebProps = Readonly<{}>;
+export type WindowsProps = Readonly<{}>;
+export type MacOSProps = Readonly<{}>;
+/**
+ * Sentinel convention:
+ * - `-1` means "no value / unbounded / unset".
+ */
+export type CommonProps = {
+    mode?: string;
+    dateMs?: CodegenTypes.WithDefault<TimestampMs, -1>;
+    minDateMs?: CodegenTypes.WithDefault<TimestampMs, -1>;
+    maxDateMs?: CodegenTypes.WithDefault<TimestampMs, -1>;
+    locale?: string;
+    timeZoneName?: string;
+    /**
+     * Only used when presentation === "modal".
+     * Defaults should be applied in JS wrapper (recommended).
+     */
+    visible?: string;
+    /** Defaults should be applied in JS wrapper (recommended). */
+    presentation?: string;
+};
+export interface NativeProps extends ViewProps, CommonProps {
+    ios?: IOSProps;
+    android?: AndroidProps;
+    onConfirm?: CodegenTypes.BubblingEventHandler<DateChangeEvent>;
+    onClosed?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=DatePickerNativeComponent.d.ts.map

package/lib/typescript/src/DatePickerNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/DatePickerNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5D,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAChF,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAExE,MAAM,MAAM,QAAQ,GAAG;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wBAAwB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;IAC/C,cAAc,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACpC,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtC;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,WAAW;IACzD,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CAC5D;;AAED,wBAAmE"}

package/lib/typescript/src/SelectionMenu.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type SelectionMenuOption, type SelectionMenuPresentation } from './SelectionMenuNativeComponent';
+import type { AndroidMaterialMode } from './sharedTypes';
+export type SelectionMenuProps = {
+    style?: StyleProp<ViewStyle>;
+    /** Options are label + data (payload) */
+    options: readonly SelectionMenuOption[];
+    /**
+     * Controlled selection by the option's `data`.
+     * Use `null` for "no selection".
+     */
+    selected: string | null;
+    disabled?: boolean;
+    placeholder?: string;
+    /**
+     * If true, native renders its own inline anchor and manages open/close internally.
+     * If false (default), component is headless and controlled by `visible`.
+     */
+    inlineMode?: boolean;
+    /**
+     * Headless mode only (inlineMode === false):
+     * controls whether the native menu UI is presented.
+     */
+    visible?: boolean;
+    /**
+     * Headless mode only (inlineMode === false):
+     * presentation hint ("auto" | "popover" | "sheet").
+     */
+    presentation?: SelectionMenuPresentation;
+    /**
+     * Called when the user selects an option.
+     * Receives the selected `data` payload, plus label/index for convenience.
+     */
+    onSelect?: (data: string, label: string, index: number) => void;
+    /**
+     * Called when the user dismisses without selecting.
+     */
+    onRequestClose?: () => void;
+    /**
+     * Pass-through platform props.
+     */
+    ios?: {};
+    android?: {
+        /** Material preference ("auto" | "m2" | "m3"). */
+        material?: AndroidMaterialMode;
+    };
+};
+export declare function SelectionMenu(props: SelectionMenuProps): React.ReactElement;
+//# sourceMappingURL=SelectionMenu.d.ts.map

package/lib/typescript/src/SelectionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionMenu.d.ts","sourceRoot":"","sources":["../../../src/SelectionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAA4B,EAC1B,KAAK,mBAAmB,EAExB,KAAK,yBAAyB,EAC/B,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,yCAAyC;IACzC,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAExC;;;OAGG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,GAAG,CAAC,EAAE,EAAE,CAAC;IAET,OAAO,CAAC,EAAE;QACR,kDAAkD;QAClD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;KAChC,CAAC;CACH,CAAC;AAwBF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAuE3E"}

package/lib/typescript/src/SelectionMenu.web.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { SelectionMenuOption, SelectionMenuPresentation } from './SelectionMenuNativeComponent';
+export type SelectionMenuProps = {
+    style?: StyleProp<ViewStyle>;
+    options: readonly SelectionMenuOption[];
+    selected: string | null;
+    disabled?: boolean;
+    placeholder?: string;
+    inlineMode?: boolean;
+    visible?: boolean;
+    presentation?: SelectionMenuPresentation;
+    onSelect?: (data: string, label: string, index: number) => void;
+    onRequestClose?: () => void;
+    ios?: {};
+    android?: {};
+};
+export declare function SelectionMenu(props: SelectionMenuProps): React.ReactElement;
+//# sourceMappingURL=SelectionMenu.web.d.ts.map

package/lib/typescript/src/SelectionMenu.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionMenu.web.d.ts","sourceRoot":"","sources":["../../../src/SelectionMenu.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EACV,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACxC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,yBAAyB,CAAC;IAEzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,GAAG,CAAC,EAAE,EAAE,CAAC;IACT,OAAO,CAAC,EAAE,EAAE,CAAC;CACd,CAAC;AAiBF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA+C3E"}

package/lib/typescript/src/SelectionMenuNativeComponent.d.ts

@@ -0,0 +1,85 @@
+import type { CodegenTypes, ViewProps } from 'react-native';
+/**
+ * A single option in the menu.
+ */
+export type SelectionMenuOption = Readonly<{
+    label: string;
+    data: string;
+}>;
+/**
+ * Event emitted when the user selects an option.
+ */
+export type SelectionMenuSelectEvent = Readonly<{
+    /** Selected option index (implementation detail; stable for this render) */
+    index: CodegenTypes.Int32;
+    /** Selected option label */
+    label: string;
+    /** Selected option data payload (source of truth) */
+    data: string;
+}>;
+/** Visibility state (headless mode only). */
+export type SelectionMenuVisible = 'open' | 'closed';
+/** Presentation hint (headless mode only). */
+export type SelectionMenuPresentation = 'auto' | 'popover' | 'sheet';
+/** Interactivity state (no booleans). */
+export type SelectionMenuInteractivity = 'enabled' | 'disabled';
+/** Anchor behavior (no booleans). */
+export type SelectionMenuAnchorMode = 'inline' | 'headless';
+/**
+ * iOS-specific configuration (reserved).
+ */
+export type IOSProps = Readonly<{}>;
+/**
+ * Android-specific configuration.
+ */
+export type AndroidProps = Readonly<{
+    material?: string;
+}>;
+export interface SelectionMenuProps extends ViewProps {
+    /**
+     * Menu options.
+     */
+    options: ReadonlyArray<SelectionMenuOption>;
+    /**
+     * Controlled selection by `data`.
+     *
+     * - Empty string means "no selection".
+     * - Native should treat this as the single source of truth.
+     */
+    selectedData?: CodegenTypes.WithDefault<string, ''>;
+    /**
+     * Enabled / disabled state.
+     */
+    interactivity?: string;
+    /**
+     * Placeholder text shown when selectedData === "".
+     */
+    placeholder?: string;
+    /**
+     * Inline vs headless behavior.
+     */
+    anchorMode?: string;
+    /**
+     * Headless mode only:
+     * controls visibility.
+     */
+    visible?: string;
+    /**
+     * Headless mode only:
+     * presentation hint.
+     */
+    presentation?: string;
+    /**
+     * Fired when the user selects an option.
+     */
+    onSelect?: CodegenTypes.BubblingEventHandler<SelectionMenuSelectEvent>;
+    /**
+     * Fired when dismissed without selection.
+     */
+    onRequestClose?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+    ios?: IOSProps;
+    android?: AndroidProps;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<SelectionMenuProps>;
+export default _default;
+//# sourceMappingURL=SelectionMenuNativeComponent.d.ts.map

package/lib/typescript/src/SelectionMenuNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionMenuNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SelectionMenuNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,4EAA4E;IAC5E,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAE1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,6CAA6C;AAC7C,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErD,8CAA8C;AAC9C,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,yCAAyC;AACzC,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhE,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE5C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAEvE;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;;AAED,wBAA6E"}

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

@@ -0,0 +1,4 @@
+export * from './DatePicker';
+export * from './SelectionMenu';
+export * from './sharedTypes';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/lib/typescript/src/sharedTypes.d.ts

@@ -0,0 +1,10 @@
+import type { CodegenTypes } from 'react-native';
+/** Shared “open/closed” control state. */
+export type Visible = 'open' | 'closed';
+/** Shared Material preference (Android). */
+export type AndroidMaterialMode = 'system' | 'm3';
+/** Common event empty payload type. */
+export type EmptyEvent = Readonly<{}>;
+/** Convenience alias (optional). */
+export type Bubbling<T> = CodegenTypes.BubblingEventHandler<T>;
+//# sourceMappingURL=sharedTypes.d.ts.map

package/lib/typescript/src/sharedTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTypes.d.ts","sourceRoot":"","sources":["../../../src/sharedTypes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,0CAA0C;AAC1C,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExC,4CAA4C;AAC5C,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,IAAI,CAAC;AAElD,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtC,oCAAoC;AACpC,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC"}