react-native-platform-components 1.4.0 → 1.6.0

package/lib/typescript/module/src/web/Button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ButtonProps } from '../Button.js';
+/**
+ * A `<button>`, styled after the Material 3 button variants. A toggle
+ * (`selected`) sets `aria-pressed` and takes the filled look when selected.
+ * Browsers have no native menu, so a button with a `menu` calls `onPress`.
+ */
+export declare function Button(props: ButtonProps): React.ReactElement;
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/module/src/web/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/web/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAW,CAAC;AAoB7C;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA2K7D"}

package/lib/typescript/module/src/web/ButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ButtonGroupProps } from '../ButtonGroup.js';
+/**
+ * The selection after pressing `value`, in button order. Mirrors the native
+ * rules: `single` swaps the selection, `multiple` toggles, and a required
+ * selection never becomes empty.
+ */
+export declare function nextSelection(values: readonly string[], selected: readonly string[], value: string, selection: 'single' | 'multiple', required: boolean): string[];
+/** A row of `<button>`s, with toggle semantics when `selection` is set. */
+export declare function ButtonGroup(props: ButtonGroupProps): React.ReactElement;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/lib/typescript/module/src/web/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../src/web/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAgB,CAAC;AAWvD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,QAAQ,GAAG,UAAU,EAChC,QAAQ,EAAE,OAAO,GAChB,MAAM,EAAE,CAYV;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAgHvE"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { DatePickerProps } from '../DatePicker.js';
+/**
+ * The browser's date and time inputs. `embedded` renders the input in place
+ * and reports every change with `confirmed: true`. `modal` opens it in a
+ * `<dialog>` with Cancel/Done buttons, like the iOS popover: changes report
+ * `confirmed: false`, Done reports `confirmed: true`, and Cancel, Escape or a
+ * click outside call `onClosed`. In `countDownTimer` mode the input is a time
+ * input and `onConfirm`'s `durationSeconds` is its hours and minutes;
+ * `yearAndMonth` is a month input. The browser's input has its own clock, so
+ * `is24Hour` and `android.inputMode` don't apply.
+ */
+export declare function DatePicker(props: DatePickerProps): React.ReactElement;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/web/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAe,CAAC;AAuBrD;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAyFrE"}

package/lib/typescript/module/src/web/DateRangePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DateRangePickerProps } from '../DatePicker.js';
+/** The browser has start and end date inputs, so the range picker works on web. */
+export declare const isDateRangePickerSupported: boolean;
+/**
+ * A `<dialog>` with start and end date inputs and Cancel/Done buttons. Done
+ * reports the range (the start of each day) once both are set and in order,
+ * then calls `onClosed`, as the Android dialog does.
+ */
+export declare function DateRangePicker(props: DateRangePickerProps): React.ReactElement;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/lib/typescript/module/src/web/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/web/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAe,CAAC;AAS1D,mFAAmF;AACnF,eAAO,MAAM,0BAA0B,EAAE,OAAc,CAAC;AAsBxD;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAOpB"}

package/lib/typescript/module/src/web/Dialog.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * A modal `<dialog>`, open while mounted. Escape and a click on the backdrop
+ * call `onDismiss`; like the native modals, the caller closes it by flipping
+ * its `visible` prop, which unmounts it.
+ */
+export declare function Dialog({ label, onDismiss, children, }: {
+    label?: string;
+    onDismiss: () => void;
+    children: React.ReactNode;
+}): React.ReactElement;
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/typescript/module/src/web/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/web/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,YAAY,CAgCrB"}

package/lib/typescript/module/src/web/FloatingActionButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FloatingActionButtonProps } from '../FloatingActionButton.js';
+/**
+ * A `<button>` styled after the Material 3 FAB: a rounded square with the
+ * icon, or the extended FAB with the label. `scrollViewNativeID` is ignored.
+ */
+export declare function FloatingActionButton(props: FloatingActionButtonProps): React.ReactElement;
+//# sourceMappingURL=FloatingActionButton.d.ts.map

package/lib/typescript/module/src/web/FloatingActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../../../../src/web/FloatingActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAAyB,CAAC;AAezE;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAkDpB"}

package/lib/typescript/module/src/web/Icon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { PlatformIcon } from '../icons.js';
+/**
+ * Draws an icon on web, tinted with `color` unless the source opts out.
+ * Renders nothing for SF Symbols and Android drawables.
+ */
+export declare function Icon({ icon, color, size, }: {
+    icon: PlatformIcon | undefined;
+    color: string | undefined;
+    size?: number;
+}): React.ReactElement | null;
+//# sourceMappingURL=Icon.d.ts.map

package/lib/typescript/module/src/web/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/web/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAU,CAAC;AAG7C;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,IAAS,GACV,EAAE;IACD,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAa5B"}

package/lib/typescript/module/src/web/NativeTheme.d.ts

@@ -0,0 +1,10 @@
+import type { NativeTheme } from '../NativeTheme.js';
+/**
+ * Applies the theme's brand color to the web components (filled buttons, the
+ * selected segment, focus rings and the browser's own controls through
+ * `accent-color`). Pass `null` to restore the default.
+ */
+export declare function setNativeTheme(theme: NativeTheme | null): void;
+/** Keeps the web components' brand color in sync with `theme`. */
+export declare function useNativeTheme(theme: NativeTheme | null | undefined): void;
+//# sourceMappingURL=NativeTheme.d.ts.map

package/lib/typescript/module/src/web/NativeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTheme.d.ts","sourceRoot":"","sources":["../../../../../src/web/NativeTheme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAE9D;AAED,kEAAkE;AAClE,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAM1E"}

package/lib/typescript/module/src/web/NavigationRail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { NavigationRailProps } from '../NavigationRail.js';
+/**
+ * A vertical `tablist` of `<button>` destinations, icon over label (beside it
+ * when expanded), with the header above them.
+ */
+export declare function NavigationRail(props: NavigationRailProps): React.ReactElement;
+//# sourceMappingURL=NavigationRail.d.ts.map

package/lib/typescript/module/src/web/NavigationRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../../../src/web/NavigationRail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAmB,CAAC;AAM7D;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAqI7E"}

package/lib/typescript/module/src/web/PlatformComponentsProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PlatformComponentsProviderProps, WebComponents, WebComponentProps } from '../webComponents.js';
+/** Replacements apply only to descendants; nested registrations inherit missing entries. */
+export declare function PlatformComponentsProvider({ web, children, }: PlatformComponentsProviderProps): React.ReactElement;
+export declare function useWebComponent<Name extends keyof WebComponents>(name: Name): WebComponents[Name] | undefined;
+export declare function withWebComponent<Name extends keyof WebComponents>(name: Name, fallback: WebComponents[Name]): {
+    (props: WebComponentProps[Name]): React.ReactElement;
+    displayName: Name;
+};
+//# sourceMappingURL=PlatformComponentsProvider.d.ts.map

package/lib/typescript/module/src/web/PlatformComponentsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformComponentsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/web/PlatformComponentsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EACV,+BAA+B,EAC/B,aAAa,EACb,iBAAiB,EAClB,MAAM,qBAAkB,CAAC;AAI1B,4FAA4F;AAC5F,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,QAAQ,GACT,EAAE,+BAA+B,GAAG,KAAK,CAAC,YAAY,CActD;AAED,wBAAgB,eAAe,CAAC,IAAI,SAAS,MAAM,aAAa,EAC9D,IAAI,EAAE,IAAI,GACT,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,CAEjC;AAED,wBAAgB,gBAAgB,CAAC,IAAI,SAAS,MAAM,aAAa,EAC/D,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC;YAEA,iBAAiB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY;;EAQ1E"}

package/lib/typescript/module/src/web/SegmentedControl.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SegmentedControlProps } from '../SegmentedControl.js';
+/**
+ * A radio group of `<button>`s in a track, like the iOS segmented control.
+ * Like iOS, tapping the selected segment keeps it selected.
+ */
+export declare function SegmentedControl(props: SegmentedControlProps): React.ReactElement;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/lib/typescript/module/src/web/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../../src/web/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAqB,CAAC;AAIjE;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,qBAAqB,GAC3B,KAAK,CAAC,YAAY,CAgHpB"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SelectionMenuProps } from '../SelectionMenu.js';
+/**
+ * `embedded` renders a `<select>` (labels only). `modal` stays headless like on
+ * native: while `visible`, it opens the options in a `<dialog>`, with their
+ * image icons and subtitles; picking one calls `onSelect`, and Escape or a
+ * click outside calls `onRequestClose`. `android.searchable` is ignored.
+ */
+export declare function SelectionMenu(props: SelectionMenuProps): React.ReactElement;
+//# sourceMappingURL=SelectionMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/web/SelectionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAkB,CAAC;AAK3D;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAqI3E"}

package/lib/typescript/module/src/web/SplitButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SplitButtonProps } from '../SplitButton.js';
+/**
+ * The main button alone: browsers have no native menu to attach, so the
+ * menu button is left out. Provide a web menu with a `.web.tsx` file in your
+ * app.
+ */
+export declare function SplitButton(props: SplitButtonProps): React.ReactElement;
+//# sourceMappingURL=SplitButton.d.ts.map

package/lib/typescript/module/src/web/SplitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../../../src/web/SplitButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAgB,CAAC;AAKvD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAkBvE"}

package/lib/typescript/module/src/web/TabBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TabBarProps } from '../TabBar.js';
+/**
+ * A `tablist` of `<button>` tabs, icon over label, with the selected tab's
+ * icon in a pill as on the Material navigation bar. An `accessory` is a
+ * plain view above the bar.
+ */
+export declare function TabBar(props: TabBarProps): React.ReactElement;
+//# sourceMappingURL=TabBar.d.ts.map

package/lib/typescript/module/src/web/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../../src/web/TabBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAW,CAAC;AAI7C;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAwI7D"}

package/lib/typescript/module/src/web/TextField.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TextFieldProps, TextFieldRef } from '../TextField.js';
+/**
+ * A text input with the TextField extras around it: a label above, prefix and
+ * suffix, icons, a clear button, a password toggle, and supporting, error and
+ * counter text below.
+ */
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldRef>>;
+//# sourceMappingURL=TextField.d.ts.map

package/lib/typescript/module/src/web/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/web/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAGV,cAAc,EACd,YAAY,EACb,MAAM,iBAAc,CAAC;AAatB;;;;GAIG;AACH,eAAO,MAAM,SAAS,qFAuSrB,CAAC"}

package/lib/typescript/module/src/web/components.d.ts

@@ -0,0 +1,17 @@
+import type { WebComponents } from '../webComponents.js';
+export declare const Button: WebComponents['Button'];
+export declare const ButtonGroup: WebComponents['ButtonGroup'];
+export declare const SplitButton: WebComponents['SplitButton'];
+export declare const DatePicker: WebComponents['DatePicker'];
+export declare const DateRangePicker: WebComponents['DateRangePicker'];
+export declare const FloatingActionButton: WebComponents['FloatingActionButton'];
+export declare const NavigationRail: WebComponents['NavigationRail'];
+export declare const SegmentedControl: WebComponents['SegmentedControl'];
+export declare const SelectionMenu: WebComponents['SelectionMenu'];
+export declare const TabBar: WebComponents['TabBar'];
+export declare const TextField: WebComponents['TextField'];
+export declare const ContextMenu: WebComponents['ContextMenu'];
+export declare const FloatingToolbar: WebComponents['FloatingToolbar'];
+export declare const LiquidGlass: WebComponents['LiquidGlass'];
+export declare const LiquidGlassContainer: WebComponents['LiquidGlassContainer'];
+//# sourceMappingURL=components.d.ts.map

package/lib/typescript/module/src/web/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../../src/web/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAkB,CAAC;AAoBtD,eAAO,MAAM,MAAM,EAAE,aAAa,CAAC,QAAQ,CAG1C,CAAC;AACF,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,aAAa,CAGpD,CAAC;AACF,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,aAAa,CAGpD,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,YAAY,CAGlD,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,iBAAiB,CACA,CAAC;AAC9D,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CACA,CAAC;AACxE,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,gBAAgB,CAG1D,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CACA,CAAC;AAChE,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,eAAe,CAGxD,CAAC;AACF,eAAO,MAAM,MAAM,EAAE,aAAa,CAAC,QAAQ,CAG1C,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,WAAW,CAGhD,CAAC;AACF,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,aAAa,CAGpD,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,iBAAiB,CACA,CAAC;AAC9D,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,aAAa,CAGpD,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CACA,CAAC"}

package/lib/typescript/module/src/web/containers.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ContextMenuProps } from '../ContextMenu.js';
+import type { FloatingToolbarProps } from '../FloatingToolbar.js';
+import type { LiquidGlassProps } from '../LiquidGlass.js';
+import type { LiquidGlassContainerProps } from '../LiquidGlassContainer.js';
+/**
+ * Renders its children without a menu: browsers have no native menu to
+ * attach. Provide a web menu with a `.web.tsx` file in your app.
+ */
+export declare function ContextMenu(props: ContextMenuProps): React.ReactElement;
+/**
+ * A pill-shaped surface that lays out its children in a row or column. It
+ * doesn't follow a linked ScrollView (`scrollViewNativeID`, `hideOnScroll`).
+ */
+export declare function FloatingToolbar(props: FloatingToolbarProps): React.ReactElement;
+/**
+ * A plain view: Liquid Glass is iOS 26 only, so `isLiquidGlassSupported` is
+ * `false` on web, as on Android.
+ */
+export declare function LiquidGlass(props: LiquidGlassProps): React.ReactElement;
+/** A plain view: glass only merges on iOS 26. */
+export declare function LiquidGlassContainer(props: LiquidGlassContainerProps): React.ReactElement;
+export declare const isLiquidGlassSupported = false;
+//# sourceMappingURL=containers.d.ts.map

package/lib/typescript/module/src/web/containers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["../../../../../src/web/containers.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAAyB,CAAC;AAGzE;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAuBvE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAkCpB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA8BvE;AAED,iDAAiD;AACjD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAGpB;AAED,eAAO,MAAM,sBAAsB,QAAQ,CAAC"}

package/lib/typescript/module/src/web/dateInput.d.ts

@@ -0,0 +1,20 @@
+import type { DatePickerMode } from '../DatePickerNativeComponent';
+/** The `<input type>`s the pickers use. */
+export type DateInputType = 'date' | 'time' | 'datetime-local' | 'month';
+/** The `<input type>` for a picker mode. */
+export declare function inputTypeForMode(mode: DatePickerMode | undefined): DateInputType;
+/** Formats `date` as the value of an input of `type`; `''` for no date. */
+export declare function formatInputValue(date: Date | null | undefined, type: DateInputType): string;
+/**
+ * Parses an input value back into a `Date`. Parts the input doesn't show are
+ * kept from `base` (the time of day for a date input, the day for a time
+ * input); a month input gives the first of the month. Returns `null` for an
+ * empty or invalid value.
+ */
+export declare function parseInputValue(value: string, type: DateInputType, base: Date | null | undefined): Date | null;
+/**
+ * Bounds also apply to typed values and the modal's initial selection. HTML
+ * inputs report constraint violations but don't prevent a button callback.
+ */
+export declare function isWithinInputBounds(date: Date | null | undefined, type: DateInputType, minDate?: Date | null, maxDate?: Date | null): date is Date;
+//# sourceMappingURL=dateInput.d.ts.map

package/lib/typescript/module/src/web/dateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateInput.d.ts","sourceRoot":"","sources":["../../../../../src/web/dateInput.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,2CAA2C;AAC3C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAEzE,4CAA4C;AAC5C,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,cAAc,GAAG,SAAS,GAC/B,aAAa,CAYf;AAID,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAC7B,IAAI,EAAE,aAAa,GAClB,MAAM,CASR;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAC5B,IAAI,GAAG,IAAI,CAmDb;AAYD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAC7B,IAAI,EAAE,aAAa,EACnB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EACrB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GACpB,IAAI,IAAI,IAAI,CAWd"}

package/lib/typescript/module/src/web/shared.d.ts

@@ -0,0 +1,43 @@
+import type { ColorValue, ImageSourcePropType } from 'react-native';
+import type { PlatformIcon } from '../icons.js';
+import type { LabelStyle } from '../labelStyle.js';
+/** A CSS style object for a DOM element. */
+export type CSSStyle = Record<string, string | number | undefined>;
+/** Sets the brand color the web components use; `undefined` restores the default. */
+export declare function setThemePrimary(primary: string | undefined): void;
+/** The current brand color, from `setNativeTheme` / `useNativeTheme`. */
+export declare function usePrimaryColor(): string;
+/**
+ * A color prop as CSS. `PlatformColor` and `DynamicColorIOS` have no web
+ * equivalent and fall back to the default.
+ */
+export declare function cssColor(color: ColorValue | undefined): string | undefined;
+/** A label font as CSS. */
+export declare function cssFont(labelStyle: LabelStyle | undefined): CSSStyle;
+/**
+ * The image to draw for an icon on web. Only `{ type: 'image' }` sources
+ * render: SF Symbols and Android drawables don't exist in a browser.
+ */
+export declare function webIcon(icon: PlatformIcon | undefined): {
+    source: ImageSourcePropType;
+    tinted: boolean;
+} | undefined;
+/** Logs a development warning once per key. */
+export declare function warnOnce(key: string, message: string): void;
+/** Resets `warnOnce`; for tests. */
+export declare function resetWarnings(): void;
+/** The value of the form control that fired a DOM event. */
+export declare function eventValue(event: {
+    target: unknown;
+}): string;
+/** Styles for the variants shared by Button and ButtonGroup. */
+export declare function buttonColors(variant: string, primary: string, color: string | undefined, tintColor: string | undefined): CSSStyle;
+/** Height and horizontal padding for each button size. */
+export declare const BUTTON_SIZES: Record<string, {
+    height: number;
+    padding: number;
+    fontSize: number;
+}>;
+/** Base style of a `<button>` rendered by these components. */
+export declare const BUTTON_BASE: CSSStyle;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/src/web/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/web/shared.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,aAAU,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAe,CAAC;AAEhD,4CAA4C;AAC5C,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAQnE,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAIjE;AAaD,yEAAyE;AACzE,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE1E;AAED,2BAA2B;AAC3B,wBAAgB,OAAO,CAAC,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAQpE;AAED;;;GAGG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,YAAY,GAAG,SAAS,GAC7B;IAAE,MAAM,EAAE,mBAAmB,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,CAU9D;AAWD,+CAA+C;AAC/C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAI3D;AAED,oCAAoC;AACpC,wBAAgB,aAAa,IAAI,IAAI,CAEpC;AAED,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,CAE7D;AAED,gEAAgE;AAChE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,SAAS,EAAE,MAAM,GAAG,SAAS,GAC5B,QAAQ,CAqCV;AAED,0DAA0D;AAC1D,eAAO,MAAM,YAAY,EAAE,MAAM,CAC/B,MAAM,EACN;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAOtD,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,WAAW,EAAE,QAUzB,CAAC"}

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

@@ -0,0 +1,43 @@
+import type { ComponentType, ReactNode, RefAttributes } from 'react';
+import type { ButtonProps } from './Button.js';
+import type { ButtonGroupProps } from './ButtonGroup.js';
+import type { SplitButtonProps } from './SplitButton.js';
+import type { ContextMenuProps } from './ContextMenu.js';
+import type { DatePickerProps, DateRangePickerProps } from './DatePicker.js';
+import type { FloatingActionButtonProps } from './FloatingActionButton.js';
+import type { FloatingToolbarProps } from './FloatingToolbar.js';
+import type { LiquidGlassProps } from './LiquidGlass.js';
+import type { LiquidGlassContainerProps } from './LiquidGlassContainer.js';
+import type { NavigationRailProps } from './NavigationRail.js';
+import type { SegmentedControlProps } from './SegmentedControl.js';
+import type { SelectionMenuProps } from './SelectionMenu.js';
+import type { TabBarProps } from './TabBar.js';
+import type { TextFieldProps, TextFieldRef } from './TextField.js';
+/** Public contracts accepted by consumer-supplied web components. */
+export interface WebComponentProps {
+    Button: ButtonProps;
+    ButtonGroup: ButtonGroupProps;
+    SplitButton: SplitButtonProps;
+    ContextMenu: ContextMenuProps;
+    DatePicker: DatePickerProps;
+    DateRangePicker: DateRangePickerProps;
+    FloatingActionButton: FloatingActionButtonProps;
+    FloatingToolbar: FloatingToolbarProps;
+    LiquidGlass: LiquidGlassProps;
+    LiquidGlassContainer: LiquidGlassContainerProps;
+    NavigationRail: NavigationRailProps;
+    SegmentedControl: SegmentedControlProps;
+    SelectionMenu: SelectionMenuProps;
+    TabBar: TabBarProps;
+    TextField: TextFieldProps & RefAttributes<TextFieldRef>;
+}
+/** Implement one or more entries with the same props, callbacks and ref contract. */
+export type WebComponents = {
+    [Name in keyof WebComponentProps]: ComponentType<WebComponentProps[Name]>;
+};
+export interface PlatformComponentsProviderProps {
+    /** Web overrides for this subtree; ignored on iOS and Android. */
+    web?: Partial<WebComponents>;
+    children?: ReactNode;
+}
+//# sourceMappingURL=webComponents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webComponents.d.ts","sourceRoot":"","sources":["../../../../src/webComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAe,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,iBAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAAwB,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAe,CAAC;AACtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAAwB,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAoB,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAa,CAAC;AAEhE,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,eAAe,EAAE,oBAAoB,CAAC;IACtC,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,eAAe,EAAE,oBAAoB,CAAC;IACtC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,cAAc,EAAE,mBAAmB,CAAC;IACpC,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,aAAa,EAAE,kBAAkB,CAAC;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,cAAc,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;CACzD;AAED,qFAAqF;AACrF,MAAM,MAAM,aAAa,GAAG;KACzB,IAAI,IAAI,MAAM,iBAAiB,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;CAC1E,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,kEAAkE;IAClE,GAAG,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-platform-components",
-  "version": "1.4.0",
-  "description": "Native UI components for React Native, the real platform widgets on both iOS and Android: TextField, DatePicker, ContextMenu, SelectionMenu, SegmentedControl, Button, ButtonGroup, FloatingToolbar and LiquidGlass. UIKit and SwiftUI on iOS, Material 3 Expressive on Android. Fabric, TypeScript, Expo config plugin.",
+  "version": "1.6.0",
+  "description": "Native UI components for React Native, the real platform widgets on both iOS and Android: TextField, DatePicker, ContextMenu, SelectionMenu, SegmentedControl, TabBar, NavigationRail, Button, ButtonGroup, FloatingActionButton, FloatingToolbar and LiquidGlass. UIKit on iOS, Material 3 Expressive on Android. Fabric, TypeScript, Expo config plugin.",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
   "browser": "./lib/module/index.web.js",
@@ -27,6 +27,17 @@
         "default": "./lib/commonjs/index.js"
       }
     },
+    "./jest": {
+      "source": "./src/jest.tsx",
+      "import": {
+        "types": "./lib/typescript/module/src/jest.d.ts",
+        "default": "./lib/module/jest.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/jest.d.ts",
+        "default": "./lib/commonjs/jest.js"
+      }
+    },
     "./package.json": "./package.json",
     "./app.plugin": "./app.plugin.js",
     "./app.plugin.js": "./app.plugin.js"
@@ -108,10 +119,19 @@
     "segmentedbuttons",
     "uisegmentedcontrol",
     "tabs",
+    "tab-bar",
+    "tabbar",
+    "uitabbar",
+    "bottom-navigation",
+    "navigation-bar",
+    "navigation-rail",
+    "navigationrail",
     "button",
     "buttons",
     "button-group",
     "toggle-buttons",
+    "floating-action-button",
+    "fab",
     "floating-toolbar",
     "toolbar",
     "uibutton",
@@ -155,6 +175,7 @@
     "@release-it/conventional-changelog": "^12.0.0",
     "@types/jest": "^30.0.0",
     "@types/react": "~19.2.18",
+    "@types/react-dom": "~19.2.0",
     "@types/react-test-renderer": "^19.3.0",
     "babel-preset-expo": "^57.0.11",
     "commitlint": "^21.2.2",
@@ -167,6 +188,7 @@
     "lefthook": "^2.1.12",
     "prettier": "^3.9.6",
     "react": "19.2.3",
+    "react-dom": "19.2.3",
     "react-native": "0.86.3",
     "react-native-builder-bob": "^0.43.1",
     "react-refresh": "^0.14.2",
@@ -220,10 +242,15 @@
         "PCDatePicker": "PCDatePicker",
         "PCContextMenu": "PCContextMenu",
         "PCSegmentedControl": "PCSegmentedControl",
+        "PCTabBar": "PCTabBar",
+        "PCTabBarAccessory": "PCTabBarAccessory",
+        "PCNavigationRail": "PCNavigationRail",
+        "PCFloatingActionButton": "PCFloatingActionButton",
         "PCButton": "PCButton",
         "PCButtonGroup": "PCButtonGroup",
         "PCFloatingToolbar": "PCFloatingToolbar",
         "PCLiquidGlass": "PCLiquidGlass",
+        "PCLiquidGlassContainer": "PCLiquidGlassContainer",
         "PCTextField": "PCTextField"
       }
     }
@@ -288,5 +315,8 @@
       "jest"
     ],
     "version": "0.55.1"
+  },
+  "resolutions": {
+    "serialize-javascript": "^7.1.2"
   }
 }

package/plugin/build/index.cjs

@@ -1,8 +1,15 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATERIAL3_THEME_PARENT = void 0;
 exports.resolveMaterial3Parent = resolveMaterial3Parent;
 exports.applyMaterial3Theme = applyMaterial3Theme;
+exports.resolveDrawables = resolveDrawables;
+exports.copyDrawables = copyDrawables;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
 const config_plugins_1 = require("@expo/config-plugins");
 exports.MATERIAL3_THEME_PARENT = 'Theme.Material3.DayNight.NoActionBar';
 /**
@@ -42,6 +49,57 @@ function applyMaterial3Theme(xml) {
     xml.resources.style = styles;
     return xml;
 }
+const PLUGIN_NAME = 'react-native-platform-components';
+/** Android resource names: lowercase letters, digits and underscores. */
+const DRAWABLE_NAME = /^[a-z][a-z0-9_]*$/;
+/**
+ * Expands the `drawables` option into the files to copy, checking each name
+ * is a valid Android resource name and appears once.
+ */
+function resolveDrawables(projectRoot, entries) {
+    const files = [];
+    for (const entry of entries) {
+        const source = path_1.default.resolve(projectRoot, entry);
+        if (!fs_1.default.existsSync(source)) {
+            throw new Error(`${PLUGIN_NAME}: drawable not found: ${entry}`);
+        }
+        let sources = [source];
+        if (fs_1.default.statSync(source).isDirectory()) {
+            sources = fs_1.default
+                .readdirSync(source)
+                .filter((file) => file.endsWith('.xml'))
+                .sort()
+                .map((file) => path_1.default.join(source, file));
+            if (sources.length === 0) {
+                throw new Error(`${PLUGIN_NAME}: no .xml drawables in ${entry}`);
+            }
+        }
+        for (const file of sources) {
+            if (path_1.default.extname(file) !== '.xml') {
+                throw new Error(`${PLUGIN_NAME}: ${entry} is not a vector drawable (.xml). ` +
+                    'Use an image icon for PNGs.');
+            }
+            const name = path_1.default.basename(file, '.xml');
+            if (!DRAWABLE_NAME.test(name)) {
+                throw new Error(`${PLUGIN_NAME}: "${name}" is not a valid drawable name. ` +
+                    'Use lowercase letters, digits and underscores, starting with a letter.');
+            }
+            if (files.some((existing) => existing.name === name)) {
+                throw new Error(`${PLUGIN_NAME}: more than one drawable named "${name}"`);
+            }
+            files.push({ name, source: file });
+        }
+    }
+    return files;
+}
+/** Copies the drawables into `<resDir>/drawable`, replacing earlier copies. */
+function copyDrawables(files, resDir) {
+    const drawableDir = path_1.default.join(resDir, 'drawable');
+    fs_1.default.mkdirSync(drawableDir, { recursive: true });
+    for (const file of files) {
+        fs_1.default.copyFileSync(file.source, path_1.default.join(drawableDir, `${file.name}.xml`));
+    }
+}
 /**
  * Expo config plugin for react-native-platform-components.
  *
@@ -53,15 +111,30 @@ function applyMaterial3Theme(xml) {
  * `material: 'system'` modes, but Material 3 widgets look best under a
  * Material 3 app theme. Pass `{ android: { theme: 'material3' } }` to have
  * prebuild re-parent `AppTheme` accordingly.
+ *
+ * It also copies the vector drawables listed in `android.drawables` into the
+ * generated project, since hand-added files there don't survive
+ * `expo prebuild --clean`.
  */
 const withPlatformComponents = (config, options) => {
     const theme = options?.android?.theme ?? 'appcompat';
-    if (theme !== 'material3') {
-        return config;
+    const drawables = options?.android?.drawables ?? [];
+    if (theme === 'material3') {
+        config = (0, config_plugins_1.withAndroidStyles)(config, (styleConfig) => {
+            styleConfig.modResults = applyMaterial3Theme(styleConfig.modResults);
+            return styleConfig;
+        });
+    }
+    if (drawables.length > 0) {
+        config = (0, config_plugins_1.withDangerousMod)(config, [
+            'android',
+            (modConfig) => {
+                const { projectRoot, platformProjectRoot } = modConfig.modRequest;
+                copyDrawables(resolveDrawables(projectRoot, drawables), path_1.default.join(platformProjectRoot, 'app', 'src', 'main', 'res'));
+                return modConfig;
+            },
+        ]);
     }
-    return (0, config_plugins_1.withAndroidStyles)(config, (styleConfig) => {
-        styleConfig.modResults = applyMaterial3Theme(styleConfig.modResults);
-        return styleConfig;
-    });
+    return config;
 };
 exports.default = withPlatformComponents;