react-native-platform-components 1.2.0 → 1.4.0

package/android/src/main/java/com/platformcomponents/PCTextFieldViewManager.kt

@@ -0,0 +1,248 @@
+package com.platformcomponents
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ReactStylesDiffMap
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.StateWrapper
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.facebook.react.viewmanagers.PCTextFieldManagerDelegate
+import com.facebook.react.viewmanagers.PCTextFieldManagerInterface
+import com.platformcomponents.PCButtonSupport.doubleOr
+import com.platformcomponents.PCButtonSupport.stringOr
+
+class PCTextFieldViewManager :
+  SimpleViewManager<PCTextFieldView>(),
+  PCTextFieldManagerInterface<PCTextFieldView> {
+
+  companion object {
+    private const val TAG = "PCTextField"
+  }
+
+  private val delegate: ViewManagerDelegate<PCTextFieldView> = PCTextFieldManagerDelegate(this)
+
+  override fun getName(): String = "PCTextField"
+
+  override fun getDelegate(): ViewManagerDelegate<PCTextFieldView> = delegate
+
+  override fun createViewInstance(reactContext: ThemedReactContext): PCTextFieldView {
+    return PCTextFieldView(reactContext)
+  }
+
+  /**
+   * Pass the StateWrapper to the view so it can update Fabric state with its
+   * natural height, and report it right away so the first layout already fits.
+   */
+  override fun updateState(
+    view: PCTextFieldView,
+    props: ReactStylesDiffMap,
+    stateWrapper: StateWrapper
+  ): Any? {
+    view.stateWrapper = stateWrapper
+    view.reportIntrinsicSize()
+    return null
+  }
+
+  override fun addEventEmitters(reactContext: ThemedReactContext, view: PCTextFieldView) {
+    val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, view.id)
+
+    view.onChange = { text, eventCount ->
+      dispatcher?.dispatchEvent(ChangeEvent(view.id, text, eventCount))
+    }
+    view.onFocusChange = { focused, text ->
+      dispatcher?.dispatchEvent(TextEvent(view.id, if (focused) "topFieldFocus" else "topFieldBlur", text))
+    }
+    view.onSubmit = { text ->
+      dispatcher?.dispatchEvent(TextEvent(view.id, "topFieldSubmit", text))
+    }
+    view.onTrailingIconPress = {
+      dispatcher?.dispatchEvent(TrailingIconPressEvent(view.id))
+    }
+  }
+
+  // --- Props ---
+
+  override fun setInitialText(view: PCTextFieldView, value: String?) {
+    view.applyInitialText(value ?: "")
+  }
+
+  override fun setLabel(view: PCTextFieldView, value: String?) {
+    view.applyLabel(value ?: "")
+  }
+
+  override fun setPlaceholder(view: PCTextFieldView, value: String?) {
+    view.applyPlaceholder(value ?: "")
+  }
+
+  override fun setSupportingText(view: PCTextFieldView, value: String?) {
+    view.applySupportingText(value ?: "")
+  }
+
+  override fun setErrorState(view: PCTextFieldView, value: String?) {
+    view.applyError(value ?: "none", view.errorText)
+  }
+
+  override fun setErrorText(view: PCTextFieldView, value: String?) {
+    view.applyError(view.errorState, value ?: "")
+  }
+
+  override fun setPrefix(view: PCTextFieldView, value: String?) {
+    view.applyPrefix(value ?: "")
+  }
+
+  override fun setSuffix(view: PCTextFieldView, value: String?) {
+    view.applySuffix(value ?: "")
+  }
+
+  // icons: {iconType, iconName, iconUri, iconScale, iconTinted}
+  override fun setLeadingIcon(view: PCTextFieldView, value: ReadableMap?) {
+    view.applyLeadingIcon(PCButtonSupport.parseIcon(value))
+  }
+
+  override fun setTrailingIcon(view: PCTextFieldView, value: ReadableMap?) {
+    view.applyTrailingIcon(PCButtonSupport.parseIcon(value))
+  }
+
+  override fun setClearButtonMode(view: PCTextFieldView, value: String?) {
+    view.applyClearButtonMode(value ?: "never")
+  }
+
+  override fun setPasswordToggle(view: PCTextFieldView, value: String?) {
+    view.applyPasswordToggle(value == "shown")
+  }
+
+  override fun setCharacterCount(view: PCTextFieldView, value: String?) {
+    view.applyCharacterCount(value == "shown")
+  }
+
+  override fun setMaxLength(view: PCTextFieldView, value: Int) {
+    view.applyMaxLength(value)
+  }
+
+  override fun setKeyboardType(view: PCTextFieldView, value: String?) {
+    view.applyKeyboardType(value ?: "default")
+  }
+
+  override fun setReturnKeyType(view: PCTextFieldView, value: String?) {
+    view.applyReturnKeyType(value ?: "default")
+  }
+
+  override fun setAutoCapitalize(view: PCTextFieldView, value: String?) {
+    view.applyAutoCapitalize(value ?: "sentences")
+  }
+
+  override fun setAutoCorrect(view: PCTextFieldView, value: String?) {
+    view.applyAutoCorrect(value != "disabled")
+  }
+
+  override fun setSecureTextEntry(view: PCTextFieldView, value: String?) {
+    view.applySecure(value == "secure")
+  }
+
+  override fun setLines(view: PCTextFieldView, value: String?) {
+    view.applyMultiline(value == "multiline")
+  }
+
+  override fun setInteractivity(view: PCTextFieldView, value: String?) {
+    view.applyInteractivity(value)
+  }
+
+  override fun setAutoFocus(view: PCTextFieldView, value: String?) {
+    view.applyAutoFocus(value == "focus")
+  }
+
+  override fun setSelectTextOnFocus(view: PCTextFieldView, value: String?) {
+    view.applySelectTextOnFocus(value == "select")
+  }
+
+  override fun setAutoComplete(view: PCTextFieldView, value: String?) {
+    view.applyAutoComplete(value ?: "")
+  }
+
+  override fun setKeyboardAppearance(view: PCTextFieldView, value: String?) {
+    // iOS only
+  }
+
+  // textStyle: {fontFamily, fontSize, fontWeight, fontStyle}; empty / 0 = default
+  override fun setTextStyle(view: PCTextFieldView, value: ReadableMap?) {
+    view.applyTextStyle(
+      family = value?.stringOr("fontFamily", "") ?: "",
+      size = value?.doubleOr("fontSize", 0.0)?.toFloat() ?: 0f,
+      weight = value?.stringOr("fontWeight", "") ?: "",
+      style = value?.stringOr("fontStyle", "") ?: ""
+    )
+  }
+
+  override fun setSpokenLabel(view: PCTextFieldView, value: String?) {
+    view.applySpokenLabel(value ?: "")
+  }
+
+  override fun setIos(view: PCTextFieldView, value: ReadableMap?) {
+    // Android ignores iOS config
+  }
+
+  // android: {material, variant, density}
+  override fun setAndroid(view: PCTextFieldView, value: ReadableMap?) {
+    view.applyMaterial(value?.stringOr("material", "m3"))
+    view.applyVariant(value?.stringOr("variant", "outlined"))
+    view.applyDensity(value?.stringOr("density", "standard"))
+  }
+
+  // --- Commands ---
+
+  override fun focus(view: PCTextFieldView) {
+    view.focusFromJS()
+  }
+
+  override fun blur(view: PCTextFieldView) {
+    view.blurFromJS()
+  }
+
+  override fun clear(view: PCTextFieldView) {
+    view.clearFromJS()
+  }
+
+  override fun setText(view: PCTextFieldView, eventCount: Int, text: String?) {
+    view.setTextFromJS(eventCount, text ?: "")
+  }
+
+  // --- Events ---
+
+  private class ChangeEvent(
+    surfaceId: Int,
+    private val text: String,
+    private val eventCount: Int
+  ) : Event<ChangeEvent>(surfaceId) {
+    override fun getEventName(): String = "topFieldChange"
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+      val payload = Arguments.createMap().apply {
+        putString("text", text)
+        putInt("eventCount", eventCount)
+      }
+      rctEventEmitter.receiveEvent(viewTag, eventName, payload)
+    }
+  }
+
+  private class TextEvent(
+    surfaceId: Int,
+    private val name: String,
+    private val text: String
+  ) : Event<TextEvent>(surfaceId) {
+    override fun getEventName(): String = name
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+      val payload = Arguments.createMap().apply { putString("text", text) }
+      rctEventEmitter.receiveEvent(viewTag, eventName, payload)
+    }
+  }
+
+  private class TrailingIconPressEvent(surfaceId: Int) : Event<TrailingIconPressEvent>(surfaceId) {
+    override fun getEventName(): String = "topTrailingIconPress"
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+      rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+  }
+}

package/android/src/main/java/com/platformcomponents/PlatformComponentsPackage.kt

@@ -16,7 +16,11 @@ class PlatformComponentsViewPackage : BaseReactPackage() {
           PCDatePickerViewManager(),
           PCContextMenuViewManager(),
           PCSegmentedControlViewManager(),
+          PCButtonViewManager(),
+          PCButtonGroupViewManager(),
+          PCFloatingToolbarViewManager(),
           PCLiquidGlassViewManager(),
+          PCTextFieldViewManager(),
       )
   }
 
@@ -29,13 +33,16 @@ class PlatformComponentsViewPackage : BaseReactPackage() {
   override fun getReactModuleInfoProvider(): ReactModuleInfoProvider = ReactModuleInfoProvider {
     mapOf(
       PCNativeThemeModule.NAME to
+        // Positional arguments on purpose: React Native 0.76 names the
+        // parameters of this constructor `_name` / `_className`, so named
+        // arguments only compile against newer releases.
         ReactModuleInfo(
-          name = PCNativeThemeModule.NAME,
-          className = PCNativeThemeModule::class.java.name,
-          canOverrideExistingModule = false,
-          needsEagerInit = false,
-          isCxxModule = false,
-          isTurboModule = true,
+          PCNativeThemeModule.NAME,
+          PCNativeThemeModule::class.java.name,
+          /* canOverrideExistingModule = */ false,
+          /* needsEagerInit = */ false,
+          /* isCxxModule = */ false,
+          /* isTurboModule = */ true,
         )
     )
   }

package/android/src/main/jni/CMakeLists.txt

@@ -44,4 +44,16 @@ target_link_libraries(
     reactnative
 )
 
-target_compile_reactnative_options(react_codegen_PlatformComponentsViewSpec PRIVATE)
+# target_compile_reactnative_options() arrived in React Native 0.80. On older
+# releases, apply the equivalent flags directly so the library still builds.
+if(COMMAND target_compile_reactnative_options)
+  target_compile_reactnative_options(react_codegen_PlatformComponentsViewSpec PRIVATE)
+else()
+  target_compile_options(react_codegen_PlatformComponentsViewSpec PRIVATE
+      -DLOG_TAG=\"ReactNative\"
+      -fexceptions
+      -frtti
+      -std=c++20
+      -Wall
+  )
+endif()

package/android/src/main/res/values/attrs.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <!--
+    The Material 3 Expressive size overlay for buttons built by this library
+    (see PCExpressive). The Expressive button styles carry a fixed Small
+    materialSizeOverlay; the library's copies point it at these attributes so
+    the size can be chosen per button through a theme overlay (PCSize.*), while
+    Material's own buttons built from the same context (a button group's
+    overflow button) still get a size.
+  -->
+  <attr name="pcButtonSizeOverlay" format="reference" />
+  <attr name="pcIconButtonSizeOverlay" format="reference" />
+</resources>

package/android/src/main/res/values/styles.xml

@@ -168,4 +168,187 @@
     <item name="android:colorAccent">?attr/colorPrimary</item>
     <item name="android:colorControlActivated">?attr/colorPrimary</item>
   </style>
+
+  <!--
+    Material 3 Expressive, for Button and ButtonGroup. Theme.Material3Expressive
+    only swaps widget styles and motion springs, so applying those as an overlay
+    on the host theme keeps the app's colors. The button styles take their
+    materialSizeOverlay from the pcButtonSizeOverlay / pcIconButtonSizeOverlay
+    theme attributes (attrs.xml), so a PCSize.* overlay around the context
+    decides the size and shape.
+  -->
+  <style name="PCExpressiveOverlay" parent="">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Small</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Small</item>
+    <item name="materialButtonStyle">@style/PCButton.Filled</item>
+    <item name="materialButtonTonalStyle">@style/PCButton.Tonal</item>
+    <item name="materialButtonOutlinedStyle">@style/PCButton.Outlined</item>
+    <item name="materialButtonElevatedStyle">@style/PCButton.Elevated</item>
+    <item name="borderlessButtonStyle">@style/PCButton.Text</item>
+    <item name="materialIconButtonStyle">@style/PCButton.IconStandard</item>
+    <item name="materialIconButtonFilledStyle">@style/PCButton.IconFilled</item>
+    <item name="materialIconButtonFilledTonalStyle">@style/PCButton.IconTonal</item>
+    <item name="materialIconButtonOutlinedStyle">@style/PCButton.IconOutlined</item>
+    <item name="materialButtonGroupStyle">@style/Widget.Material3Expressive.MaterialButtonGroup</item>
+    <item name="materialButtonToggleGroupStyle">@style/Widget.Material3Expressive.MaterialButtonToggleGroup</item>
+    <item name="motionSpringFastSpatial">@style/Motion.Material3.Spring.Expressive.Fast.Spatial</item>
+    <item name="motionSpringFastEffects">@style/Motion.Material3.Spring.Expressive.Fast.Effects</item>
+    <item name="motionSpringDefaultSpatial">@style/Motion.Material3.Spring.Expressive.Default.Spatial</item>
+    <item name="motionSpringDefaultEffects">@style/Motion.Material3.Spring.Expressive.Default.Effects</item>
+    <item name="motionSpringSlowSpatial">@style/Motion.Material3.Spring.Expressive.Slow.Spatial</item>
+    <item name="motionSpringSlowEffects">@style/Motion.Material3.Spring.Expressive.Slow.Effects</item>
+  </style>
+
+  <!-- Connected group of plain actions (the standard group is the default). -->
+  <style name="PCExpressiveOverlay.ConnectedGroup">
+    <item name="materialButtonGroupStyle">@style/Widget.Material3Expressive.MaterialButtonGroup.Connected</item>
+  </style>
+
+  <!-- Toggle group with the standard (unconnected) spacing and shapes. -->
+  <style name="PCExpressiveOverlay.StandardToggleGroup">
+    <item name="materialButtonToggleGroupStyle">@style/Widget.Material3Expressive.MaterialButtonGroup</item>
+  </style>
+
+  <!--
+    Classic Material 3 (android.material: 'm3'): the theme's own button styles,
+    plus the group variants Material only names as styles.
+  -->
+  <style name="PCM3Overlay.ConnectedGroup" parent="">
+    <item name="materialButtonGroupStyle">@style/Widget.Material3.MaterialButtonGroup.Connected</item>
+  </style>
+  <style name="PCM3Overlay.StandardToggleGroup" parent="">
+    <item name="materialButtonToggleGroupStyle">@style/Widget.Material3.MaterialButtonGroup</item>
+  </style>
+
+  <style name="PCButton.Filled" parent="Widget.Material3Expressive.Button">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.Tonal" parent="Widget.Material3Expressive.Button.TonalButton">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.Outlined" parent="Widget.Material3Expressive.Button.OutlinedButton">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.Text" parent="Widget.Material3Expressive.Button.TextButton">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.Elevated" parent="Widget.Material3Expressive.Button.ElevatedButton">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.IconStandard" parent="Widget.Material3Expressive.Button.IconButton.Standard">
+    <item name="materialSizeOverlay">?attr/pcIconButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.IconFilled" parent="Widget.Material3Expressive.Button.IconButton.Filled">
+    <item name="materialSizeOverlay">?attr/pcIconButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.IconTonal" parent="Widget.Material3Expressive.Button.IconButton.Tonal">
+    <item name="materialSizeOverlay">?attr/pcIconButtonSizeOverlay</item>
+  </style>
+  <style name="PCButton.IconOutlined" parent="Widget.Material3Expressive.Button.IconButton.Outlined">
+    <item name="materialSizeOverlay">?attr/pcIconButtonSizeOverlay</item>
+  </style>
+
+
+  <!-- Size (and shape) of the buttons built from a context; see PCExpressive.sizeOverlay. -->
+  <style name="PCSize.Xsmall" parent="">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Xsmall</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Xsmall</item>
+  </style>
+  <style name="PCSize.Xsmall.Square">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Xsmall.Square</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Xsmall.Square</item>
+  </style>
+  <style name="PCSize.Small" parent="">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Small</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Small</item>
+  </style>
+  <style name="PCSize.Small.Square">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Small.Square</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Small.Square</item>
+  </style>
+  <style name="PCSize.Medium" parent="">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Medium</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Medium</item>
+  </style>
+  <style name="PCSize.Medium.Square">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Medium.Square</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Medium.Square</item>
+  </style>
+  <style name="PCSize.Large" parent="">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Large</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Large</item>
+  </style>
+  <style name="PCSize.Large.Square">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Large.Square</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Large.Square</item>
+  </style>
+  <style name="PCSize.Xlarge" parent="">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Xlarge</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Xlarge</item>
+  </style>
+  <style name="PCSize.Xlarge.Square">
+    <item name="pcButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.Xlarge.Square</item>
+    <item name="pcIconButtonSizeOverlay">@style/SizeOverlay.Material3Expressive.Button.IconButton.Xlarge.Square</item>
+  </style>
+
+  <!--
+    FloatingToolbar: the Material container without its window-inset margins,
+    which React Native lays out itself.
+  -->
+  <style name="PCFloatingToolbar" parent="Widget.Material3.FloatingToolbar">
+    <item name="marginLeftSystemWindowInsets">false</item>
+    <item name="marginTopSystemWindowInsets">false</item>
+    <item name="marginRightSystemWindowInsets">false</item>
+    <item name="marginBottomSystemWindowInsets">false</item>
+  </style>
+
+  <!--
+    Buttons inside a FloatingToolbar take the toolbar's button styles, as XML
+    children of a FloatingToolbarLayout would (ThemeOverlay.Material3.FloatingToolbar).
+  -->
+  <style name="PCToolbarOverlay" parent="">
+    <item name="materialButtonStyle">@style/PCToolbarButton</item>
+    <item name="borderlessButtonStyle">@style/PCToolbarButton.Text</item>
+    <item name="materialIconButtonStyle">@style/PCToolbarButton.Icon</item>
+  </style>
+  <style name="PCToolbarOverlay.Vibrant">
+    <item name="materialButtonStyle">@style/PCToolbarButton.Vibrant</item>
+    <item name="borderlessButtonStyle">@style/PCToolbarButton.Text.Vibrant</item>
+    <item name="materialIconButtonStyle">@style/PCToolbarButton.Icon.Vibrant</item>
+  </style>
+  <style name="PCToolbarButton" parent="Widget.Material3.FloatingToolbar.Button">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCToolbarButton.Vibrant" parent="Widget.Material3.FloatingToolbar.Button.Vibrant">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCToolbarButton.Text" parent="Widget.Material3.FloatingToolbar.TextButton">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCToolbarButton.Text.Vibrant" parent="Widget.Material3.FloatingToolbar.TextButton.Vibrant">
+    <item name="materialSizeOverlay">?attr/pcButtonSizeOverlay</item>
+  </style>
+  <style name="PCToolbarButton.Icon" parent="Widget.Material3.FloatingToolbar.IconButton">
+    <item name="materialSizeOverlay">?attr/pcIconButtonSizeOverlay</item>
+  </style>
+  <style name="PCToolbarButton.Icon.Vibrant" parent="Widget.Material3.FloatingToolbar.IconButton.Vibrant">
+    <item name="materialSizeOverlay">?attr/pcIconButtonSizeOverlay</item>
+  </style>
+  <!--
+    TextField: theme overlays that select the Material 3 text field style. A
+    TextInputLayout takes its style from the textInputStyle theme attribute, so
+    the variant is chosen by wrapping the context (see PCTextFieldView).
+  -->
+  <style name="PCTextField.Outlined" parent="">
+    <item name="textInputStyle">@style/Widget.Material3.TextInputLayout.OutlinedBox</item>
+  </style>
+  <style name="PCTextField.Outlined.Dense">
+    <item name="textInputStyle">@style/Widget.Material3.TextInputLayout.OutlinedBox.Dense</item>
+  </style>
+  <style name="PCTextField.Filled" parent="">
+    <item name="textInputStyle">@style/Widget.Material3.TextInputLayout.FilledBox</item>
+  </style>
+  <style name="PCTextField.Filled.Dense">
+    <item name="textInputStyle">@style/Widget.Material3.TextInputLayout.FilledBox.Dense</item>
+  </style>
 </resources>

package/ios/PCButton.h

@@ -0,0 +1,10 @@
+// PCButton.h
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface PCButton : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END