react-native-tinyui 3.0.0 → 3.1.0

package/README.md

@@ -11,6 +11,7 @@ staying close to native APIs. It uses UIKit by default and SwiftUI where needed.
 | Component                          | What it does                                                   |
 | ---------------------------------- | -------------------------------------------------------------- |
 | [Menu](#menu)                      | Present native menus with actions, submenus, and sections       |
+| [SwipeActions](#swipeactions)      | Reveal native action buttons by swiping React Native rows      |
 | [Popover](#popover)                | Show interactive React Native content in a native popover      |
 | [TipKit](#tipkit)                  | Present contextual tips using Apple's TipKit framework         |
 | [LiquidGlassText](#liquidglasstext) | Render text with native glass effects inside the glyphs        |
@@ -75,6 +76,7 @@ use in your app's `package.json`:
 Available components:
 
 - `Menu`
+- `SwipeActions`
 - `Popover`
 - `LiquidGlassText`
 - `Stepper`
@@ -107,6 +109,7 @@ Component-specific JavaScript entry points are also available:
 
 ```tsx
 import { Menu } from 'react-native-tinyui/menu';
+import { SwipeActions } from 'react-native-tinyui/swipe-actions';
 import { Popover } from 'react-native-tinyui/popover';
 import { LiquidGlassText } from 'react-native-tinyui/liquid-glass-text';
 import { Stepper } from 'react-native-tinyui/stepper';
@@ -221,6 +224,62 @@ deprecated `titleColor` field is retained only for source compatibility; use
 `destructive` for system red styling. Submenus support the same label fields
 plus `destructive`, `disabled`, `hidden`, and `displayInline`.
 
+## SwipeActions
+
+`SwipeActions` wraps React Native row content in a native, non-scrolling
+`UITableView` row and uses `UISwipeActionsConfiguration`. It provides the edge
+and full-swipe behavior of SwiftUI's
+[`swipeActions`](https://developer.apple.com/documentation/swiftui/view/swipeactions(edge:allowsfullswipe:content:))
+without requiring a SwiftUI `List`. Use it inside a `FlatList` or `ScrollView`;
+Yoga measures the children, so a fixed row height is optional.
+
+```tsx
+import { SwipeActions } from 'react-native-tinyui/swipe-actions';
+
+<SwipeActions
+  edge="trailing"
+  allowsFullSwipe={false}
+  contentContainerStyle={{ backgroundColor: 'white', borderRadius: 12 }}
+  actions={[
+    { id: 'archive', title: 'Archive', systemImage: 'archivebox', tintColor: '#007AFF' },
+    { id: 'delete', title: 'Delete', systemImage: 'trash', destructive: true },
+  ]}
+  onActionPress={({ nativeEvent }) => handleAction(nativeEvent.id)}
+>
+  <Pressable onPress={openMessage} style={{ padding: 16 }}>
+    <Text>Weekend plans</Text>
+  </Pressable>
+</SwipeActions>;
+```
+
+| Prop | Description | Default |
+| --- | --- | --- |
+| `actions` | Ordered array of native buttons; an empty array disables swiping | Required |
+| `edge` | `leading` or `trailing`, following the row's layout direction | `trailing` |
+| `allowsFullSwipe` | A full swipe performs the **first** action | `true` |
+| `disabled` | Disables swipe actions while preserving child interactions | `false` |
+| `onActionPress` | Receives `{ nativeEvent: { id, title } }` | — |
+| `children` | React Native row content, including pressable children | Required |
+| `contentContainerStyle` | Styles the moving row, including its background, corners and padding | — |
+
+Each action accepts `title`, optional `id` (defaults to `item.<index>`),
+`systemImage` (SF Symbol), `tintColor` (button background), and `destructive`.
+IDs must be unique within the row; use explicit IDs when reordering actions.
+Colors support `PlatformColor` and `DynamicColorIOS`. Buttons appear from the
+selected edge inward in array order. `destructive` changes the native appearance;
+your callback decides whether to remove the row from React state.
+
+Standard `ViewProps` and a native view ref are supported. `style` applies to the
+stationary outer container; use it for layout, sizing and margins. Put the row's
+background, corners and padding in `contentContainerStyle` (or on your children)
+so they move with the content. A background on `style` stays behind the revealed
+actions. Keep stable list keys.
+Opening another `SwipeActions` row closes the previous one. Updating the action
+configuration, disabling, resizing or unmounting a row dismisses its actions.
+One edge is supported per wrapper; do not nest wrappers to add a second edge.
+This component hosts one native table per mounted row, so use list virtualization
+for large datasets. It does not expose SwiftUI's arbitrary action view content.
+
 ## Popover
 
 <img src="docs/screenshots/popover.png" alt="Popover displaying resizable content above its trigger" width="320" />
@@ -744,7 +803,7 @@ visibility state changes apply instantly. Set it to `false` to opt out.
 
 ## Example App
 
-The [example app](example/src/App.tsx) demonstrates Menu, Popover, TipKit,
+The [example app](example/src/App.tsx) demonstrates Menu, SwipeActions, Popover, TipKit,
 LiquidGlassText, Stepper, ConcentricView, and SFSymbol. It includes all native
 components, so building it requires Xcode 26+. Use iOS 26+ to try the glass effects
 and the latest SF Symbol features.

package/ios/Core/Tinyui.mm

@@ -12,6 +12,9 @@
 #if TINYUI_FEATURE_MENU
   [components addObject:@"Menu"];
 #endif
+#if TINYUI_FEATURE_SWIPE_ACTIONS
+  [components addObject:@"SwipeActions"];
+#endif
 #if TINYUI_FEATURE_POPOVER
   [components addObject:@"Popover"];
 #endif

package/ios/Core/TinyuiComponentClasses.mm

@@ -29,6 +29,12 @@ TINYUI_DISABLED_COMPONENT(TinyuiMenuView, TinyuiMenuViewComponentDescriptor)
 TINYUI_DISABLED_COMPONENT(TinyuiPopoverView, TinyuiPopoverViewComponentDescriptor)
 #endif
 
+#if TINYUI_FEATURE_SWIPE_ACTIONS
+#import "TinyuiSwipeActionsView.h"
+#else
+TINYUI_DISABLED_COMPONENT(TinyuiSwipeActionsView, TinyuiSwipeActionsViewComponentDescriptor)
+#endif
+
 #if TINYUI_FEATURE_LIQUID_GLASS_TEXT
 #import "TinyuiLiquidGlassTextView.h"
 #else
@@ -68,6 +74,11 @@ Class<RCTComponentViewProtocol> TinyuiMenuViewCls(void)
   return TinyuiMenuView.class;
 }
 
+Class<RCTComponentViewProtocol> TinyuiSwipeActionsViewCls(void)
+{
+  return TinyuiSwipeActionsView.class;
+}
+
 Class<RCTComponentViewProtocol> TinyuiPopoverViewCls(void)
 {
   return TinyuiPopoverView.class;

package/ios/SwipeActions/TinyuiSwipeActionsView.h

@@ -0,0 +1,12 @@
+#if TINYUI_FEATURE_SWIPE_ACTIONS
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TinyuiSwipeActionsView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/SwipeActions/TinyuiSwipeActionsView.mm

@@ -0,0 +1,289 @@
+#if TINYUI_FEATURE_SWIPE_ACTIONS
+
+#import "TinyuiSwipeActionsView.h"
+
+#import <React/RCTConvert.h>
+#import <React/RCTSurfacePointerHandler.h>
+#import <React/RCTSurfaceTouchHandler.h>
+#import <react/utils/FollyConvert.h>
+#import <react/renderer/components/TinyuiSpec/ComponentDescriptors.h>
+#import <react/renderer/components/TinyuiSpec/EventEmitters.h>
+#import <react/renderer/components/TinyuiSpec/Props.h>
+
+using namespace facebook::react;
+
+@interface TinyuiSwipeActionsView () <UITableViewDataSource, UITableViewDelegate>
+@end
+
+@implementation TinyuiSwipeActionsView {
+  UITableView *_tableView;
+  UITableViewCell *_cell;
+  UIView *_rowView;
+  NSArray<NSDictionary *> *_actions;
+  BOOL _leading;
+  BOOL _allowsFullSwipe;
+  BOOL _disabled;
+  BOOL _needsConfiguration;
+  BOOL _actionsPresented;
+  NSUInteger _configurationVersion;
+}
+
+// UIKit normally coordinates open rows within one table. Each React row has
+// its own table, so coordinate them without retaining mounted Fabric views.
+static __weak TinyuiSwipeActionsView *activeSwipeView;
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<TinyuiSwipeActionsViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    _props = std::make_shared<const TinyuiSwipeActionsViewProps>();
+    _actions = @[];
+    _allowsFullSwipe = YES;
+
+    _cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
+    _cell.backgroundColor = UIColor.clearColor;
+    _cell.contentView.backgroundColor = UIColor.clearColor;
+    _cell.selectionStyle = UITableViewCellSelectionStyleNone;
+    _cell.isAccessibilityElement = NO;
+
+    _tableView = [[UITableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
+    _tableView.backgroundColor = UIColor.clearColor;
+    _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
+    _tableView.scrollEnabled = NO;
+    _tableView.showsVerticalScrollIndicator = NO;
+    _tableView.showsHorizontalScrollIndicator = NO;
+    _tableView.bounces = NO;
+    _tableView.delaysContentTouches = NO;
+    _tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
+    _tableView.insetsContentViewsToSafeArea = NO;
+    _tableView.sectionHeaderTopPadding = 0;
+    _tableView.estimatedRowHeight = 0;
+    _tableView.estimatedSectionHeaderHeight = 0;
+    _tableView.estimatedSectionFooterHeight = 0;
+    _tableView.dataSource = self;
+    _tableView.delegate = self;
+    // Cover the entire row. Yoga owns the child's frame, including any padding;
+    // using RCTView's inset contentView frame would apply that padding twice.
+    [self addSubview:_tableView];
+  }
+  return self;
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                         index:(NSInteger)index
+{
+  _rowView = childComponentView;
+  [_cell.contentView addSubview:childComponentView];
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                           index:(NSInteger)index
+{
+  [childComponentView removeFromSuperview];
+  if (_rowView == childComponentView) {
+    _rowView = nil;
+    [self closeActions];
+  }
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+  UISemanticContentAttribute direction = _layoutMetrics.layoutDirection == LayoutDirection::RightToLeft
+      ? UISemanticContentAttributeForceRightToLeft
+      : UISemanticContentAttributeForceLeftToRight;
+  if (!CGSizeEqualToSize(_tableView.bounds.size, self.bounds.size) ||
+      _tableView.semanticContentAttribute != direction) {
+    [self closeActions];
+  }
+  _tableView.frame = self.bounds;
+  CGFloat height = MAX(1, CGRectGetHeight(self.bounds));
+  if (_tableView.rowHeight != height) {
+    _tableView.rowHeight = height;
+    [_tableView reloadData];
+  }
+  // Map Yoga's resolved direction to UIKit's logical leading/trailing edges.
+  _tableView.semanticContentAttribute = direction;
+}
+
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
+{
+  UIView *hit = [super hitTest:point withEvent:event];
+  // A tap on the exposed row dismisses its actions. Keep that tap in UIKit,
+  // rather than also activating a React child while the row is sliding back.
+  if (_actionsPresented && _rowView != nil && [hit isDescendantOfView:_rowView]) {
+    return _cell.contentView;
+  }
+  return hit;
+}
+
+- (SharedTouchEventEmitter)touchEventEmitterAtPoint:(CGPoint)point
+{
+  // Native action buttons have no Fabric ancestor until this view. Do not let
+  // their taps bubble to an outer React Pressable. Child React views still own
+  // normal row touches and keep their usual event bubbling.
+  return _actionsPresented ? nullptr : [super touchEventEmitterAtPoint:point];
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  const auto &previous = *std::static_pointer_cast<const TinyuiSwipeActionsViewProps>(_props);
+  const auto &next = *std::static_pointer_cast<const TinyuiSwipeActionsViewProps>(props);
+  if (_needsConfiguration || previous.actionsConfig != next.actionsConfig || previous.edge != next.edge ||
+      previous.allowsFullSwipe != next.allowsFullSwipe || previous.disabled != next.disabled) {
+    [self closeActions];
+    id config = convertFollyDynamicToId(next.actionsConfig);
+    _actions = [config isKindOfClass:NSArray.class] ? config : @[];
+    _leading = next.edge == TinyuiSwipeActionsViewEdge::Leading;
+    _allowsFullSwipe = next.allowsFullSwipe;
+    _disabled = next.disabled;
+    _needsConfiguration = NO;
+  }
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
+{
+  return 1;
+}
+
+- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
+{
+  return _cell;
+}
+
+- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath
+{
+  return !_disabled && _actions.count > 0 && _rowView != nil;
+}
+
+- (UISwipeActionsConfiguration *)tableView:(UITableView *)tableView
+    leadingSwipeActionsConfigurationForRowAtIndexPath:(NSIndexPath *)indexPath
+{
+  return _leading ? [self swipeConfiguration] : nil;
+}
+
+- (UISwipeActionsConfiguration *)tableView:(UITableView *)tableView
+    trailingSwipeActionsConfigurationForRowAtIndexPath:(NSIndexPath *)indexPath
+{
+  return _leading ? nil : [self swipeConfiguration];
+}
+
+- (UISwipeActionsConfiguration *)swipeConfiguration
+{
+  if (_disabled || _actions.count == 0 || _rowView == nil) {
+    return nil;
+  }
+
+  NSMutableArray<UIContextualAction *> *actions = [NSMutableArray array];
+  NSUInteger version = _configurationVersion;
+  __weak TinyuiSwipeActionsView *weakSelf = self;
+  for (NSDictionary *item in _actions) {
+    if (![item isKindOfClass:NSDictionary.class] ||
+        ![item[@"id"] isKindOfClass:NSString.class] ||
+        ![item[@"title"] isKindOfClass:NSString.class]) {
+      continue;
+    }
+    NSString *identifier = item[@"id"];
+    NSString *title = item[@"title"];
+    UIContextualActionStyle style = [item[@"destructive"] boolValue]
+        ? UIContextualActionStyleDestructive : UIContextualActionStyleNormal;
+    UIContextualAction *action = [UIContextualAction contextualActionWithStyle:style
+        title:title handler:^(UIContextualAction *selectedAction, UIView *sourceView,
+                              void (^completionHandler)(BOOL)) {
+      TinyuiSwipeActionsView *view = weakSelf;
+      if (view == nil || view->_disabled || view.window == nil || view->_rowView == nil ||
+          version != view->_configurationVersion) {
+        completionHandler(NO);
+        return;
+      }
+      // Finish UIKit's interaction before JS can update or remove the row.
+      completionHandler(YES);
+      if (view->_eventEmitter != nullptr) {
+        std::static_pointer_cast<const TinyuiSwipeActionsViewEventEmitter>(view->_eventEmitter)
+            ->onActionPress(TinyuiSwipeActionsViewEventEmitter::OnActionPress{
+                .id = std::string(identifier.UTF8String ?: ""),
+                .title = std::string(title.UTF8String ?: "")});
+      }
+    }];
+    if ([item[@"systemImage"] isKindOfClass:NSString.class]) {
+      action.image = [UIImage systemImageNamed:item[@"systemImage"]];
+    }
+    if (item[@"tintColor"] != nil && item[@"tintColor"] != NSNull.null) {
+      action.backgroundColor = [RCTConvert UIColor:item[@"tintColor"]];
+    }
+    [actions addObject:action];
+  }
+  UISwipeActionsConfiguration *configuration = [UISwipeActionsConfiguration configurationWithActions:actions];
+  configuration.performsFirstActionWithFullSwipe = _allowsFullSwipe;
+  return configuration;
+}
+
+- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath
+{
+  _actionsPresented = YES;
+  // Fabric keeps observing touches handled by recognizers inside its surface.
+  // Once UIKit starts a swipe, cancel that React sequence so a child/ancestor
+  // Pressable cannot also complete an onPress when the finger is lifted.
+  for (UIView *view = self; view != nil; view = view.superview) {
+    for (UIGestureRecognizer *recognizer in view.gestureRecognizers) {
+      if (recognizer.enabled &&
+          ([recognizer isKindOfClass:RCTSurfaceTouchHandler.class] ||
+           [recognizer isKindOfClass:RCTSurfacePointerHandler.class])) {
+        recognizer.enabled = NO;
+        recognizer.enabled = YES;
+      }
+    }
+  }
+  if (activeSwipeView != self) {
+    [activeSwipeView closeActions];
+  }
+  activeSwipeView = self;
+}
+
+- (void)tableView:(UITableView *)tableView didEndEditingRowAtIndexPath:(NSIndexPath *)indexPath
+{
+  _actionsPresented = NO;
+  if (activeSwipeView == self) {
+    activeSwipeView = nil;
+  }
+}
+
+- (void)closeActions
+{
+  _configurationVersion += 1;
+  _actionsPresented = NO;
+  [_tableView setEditing:NO animated:NO];
+  if (activeSwipeView == self) {
+    activeSwipeView = nil;
+  }
+}
+
+- (void)didMoveToWindow
+{
+  [super didMoveToWindow];
+  if (self.window == nil) {
+    [self closeActions];
+  }
+}
+
+- (void)prepareForRecycle
+{
+  [self closeActions];
+  [_rowView removeFromSuperview];
+  _rowView = nil;
+  _actions = @[];
+  _leading = NO;
+  _allowsFullSwipe = YES;
+  _disabled = NO;
+  _needsConfiguration = YES;
+  [super prepareForRecycle];
+}
+
+@end
+
+#endif

package/lib/module/SwipeActions/SwipeActionsNativeComponent.ts

@@ -0,0 +1,19 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type ViewProps,
+} from 'react-native';
+import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface NativeSwipeActionsProps extends ViewProps {
+  actionsConfig: CodegenTypes.UnsafeMixed;
+  edge?: CodegenTypes.WithDefault<'leading' | 'trailing', 'trailing'>;
+  allowsFullSwipe?: CodegenTypes.WithDefault<boolean, true>;
+  disabled?: boolean;
+  onActionPress?: DirectEventHandler<Readonly<{ id: string; title: string }>>;
+}
+
+export default codegenNativeComponent<NativeSwipeActionsProps>(
+  'TinyuiSwipeActionsView',
+  { excludedPlatforms: ['android'] }
+);

package/lib/module/SwipeActions/actions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { processColor } from 'react-native';
+export function serializeSwipeActions(actions) {
+  const ids = new Set();
+  return actions.map((action, index) => {
+    const id = action.id ?? `item.${index}`;
+    if (ids.has(id)) {
+      throw new Error(`SwipeActions action id "${id}" must be unique.`);
+    }
+    ids.add(id);
+    return {
+      id,
+      title: action.title,
+      systemImage: action.systemImage,
+      tintColor: action.tintColor === undefined ? undefined : processColor(action.tintColor),
+      destructive: action.destructive ?? false
+    };
+  });
+}
+//# sourceMappingURL=actions.js.map

package/lib/module/SwipeActions/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processColor","serializeSwipeActions","actions","ids","Set","map","action","index","id","has","Error","add","title","systemImage","tintColor","undefined","destructive"],"sourceRoot":"../../../src","sources":["SwipeActions/actions.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,cAAc;AAI3C,OAAO,SAASC,qBAAqBA,CAACC,OAA+B,EAAE;EACrE,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAAS,CAAC;EAE7B,OAAOF,OAAO,CAACG,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACpC,MAAMC,EAAE,GAAGF,MAAM,CAACE,EAAE,IAAI,QAAQD,KAAK,EAAE;IACvC,IAAIJ,GAAG,CAACM,GAAG,CAACD,EAAE,CAAC,EAAE;MACf,MAAM,IAAIE,KAAK,CAAC,2BAA2BF,EAAE,mBAAmB,CAAC;IACnE;IACAL,GAAG,CAACQ,GAAG,CAACH,EAAE,CAAC;IAEX,OAAO;MACLA,EAAE;MACFI,KAAK,EAAEN,MAAM,CAACM,KAAK;MACnBC,WAAW,EAAEP,MAAM,CAACO,WAAW;MAC/BC,SAAS,EACPR,MAAM,CAACQ,SAAS,KAAKC,SAAS,GAC1BA,SAAS,GACTf,YAAY,CAACM,MAAM,CAACQ,SAAS,CAAC;MACpCE,WAAW,EAAEV,MAAM,CAACU,WAAW,IAAI;IACrC,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/SwipeActions/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { assertComponentEnabled } from "../utils/index.js";
+import { serializeSwipeActions } from "./actions.js";
+import NativeSwipeActionsView from './SwipeActionsNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SwipeActions = /*#__PURE__*/forwardRef(function SwipeActionsRoot({
+  actions,
+  children,
+  contentContainerStyle,
+  edge = 'trailing',
+  allowsFullSwipe = true,
+  disabled = false,
+  style,
+  ...viewProps
+}, ref) {
+  assertComponentEnabled('SwipeActions');
+  return /*#__PURE__*/_jsx(NativeSwipeActionsView, {
+    ...viewProps,
+    ref: ref,
+    actionsConfig: serializeSwipeActions(actions),
+    edge: edge,
+    allowsFullSwipe: allowsFullSwipe,
+    disabled: disabled,
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsx(View, {
+      collapsable: false,
+      style: [styles.content, contentContainerStyle],
+      children: children
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  content: {
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","StyleSheet","View","assertComponentEnabled","serializeSwipeActions","NativeSwipeActionsView","jsx","_jsx","SwipeActions","SwipeActionsRoot","actions","children","contentContainerStyle","edge","allowsFullSwipe","disabled","style","viewProps","ref","actionsConfig","styles","container","collapsable","content","create","overflow","flexGrow"],"sourceRoot":"../../../src","sources":["SwipeActions/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,sBAAsB,QAAQ,mBAAU;AACjD,SAASC,qBAAqB,QAAQ,cAAW;AACjD,OAAOC,sBAAsB,MAAM,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnE,OAAO,MAAMC,YAAY,gBAAGR,UAAU,CAGpC,SAASS,gBAAgBA,CACzB;EACEC,OAAO;EACPC,QAAQ;EACRC,qBAAqB;EACrBC,IAAI,GAAG,UAAU;EACjBC,eAAe,GAAG,IAAI;EACtBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACAf,sBAAsB,CAAC,cAAc,CAAC;EAEtC,oBACEI,IAAA,CAACF,sBAAsB;IAAA,GACjBY,SAAS;IACbC,GAAG,EAAEA,GAAI;IACTC,aAAa,EAAEf,qBAAqB,CAACM,OAAO,CAAE;IAC9CG,IAAI,EAAEA,IAAK;IACXC,eAAe,EAAEA,eAAgB;IACjCC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAEL,KAAK,CAAE;IAAAL,QAAA,eAEjCJ,IAAA,CAACL,IAAI;MAACoB,WAAW,EAAE,KAAM;MAACN,KAAK,EAAE,CAACI,MAAM,CAACG,OAAO,EAAEX,qBAAqB,CAAE;MAAAD,QAAA,EACtEA;IAAQ,CACL;EAAC,CACe,CAAC;AAE7B,CAAC,CAAC;AAEF,MAAMS,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IAAEI,QAAQ,EAAE;EAAS,CAAC;EACjCF,OAAO,EAAE;IAAEG,QAAQ,EAAE;EAAE;AACzB,CAAC,CAAC","ignoreList":[]}

package/lib/module/SwipeActions/types.js

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

package/lib/module/SwipeActions/types.js.map

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

package/lib/module/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 export { Menu } from "./Menu/index.js";
+export { SwipeActions } from "./SwipeActions/index.js";
 export { TipKit } from "./TipKit/index.js";
 export { Stepper } from "./Stepper/index.js";
 export { ConcentricView } from "./ConcentricView/index.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Menu","TipKit","Stepper","ConcentricView","SFSymbol","Popover","PopoverClose","getNativeTinyui","assertComponentEnabled","LiquidGlassText"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,MAAM,QAAQ,mBAAU;AAuBjC,SAASC,OAAO,QAAQ,oBAAW;AAGnC,SAASC,cAAc,QAAQ,2BAAkB;AAGjD,SAASC,QAAQ,QAAQ,qBAAY;AAWrC,SAASC,OAAO,EAAEC,YAAY,QAAQ,oBAAW;AAUjD,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,kBAAS;AAGjE,SAASC,eAAe,QAAQ,4BAAmB","ignoreList":[]}
+{"version":3,"names":["Menu","SwipeActions","TipKit","Stepper","ConcentricView","SFSymbol","Popover","PopoverClose","getNativeTinyui","assertComponentEnabled","LiquidGlassText"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,YAAY,QAAQ,yBAAgB;AAO7C,SAASC,MAAM,QAAQ,mBAAU;AAuBjC,SAASC,OAAO,QAAQ,oBAAW;AAGnC,SAASC,cAAc,QAAQ,2BAAkB;AAGjD,SAASC,QAAQ,QAAQ,qBAAY;AAWrC,SAASC,OAAO,EAAEC,YAAY,QAAQ,oBAAW;AAUjD,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,kBAAS;AAGjE,SAASC,eAAe,QAAQ,4BAAmB","ignoreList":[]}

package/lib/module/utils/getNativeTinyui.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeTinyui","nativeTinyui","enabledComponents","getNativeTinyui","Error","assertComponentEnabled","component","tinyui","Set","getEnabledComponents","has"],"sourceRoot":"../../../src","sources":["utils/getNativeTinyui.ts"],"mappings":";;AAAA,OAAOA,YAAY,MAAqB,oBAAiB;AAWzD,IAAIC,YAAqC;AACzC,IAAIC,iBAAkD;;AAEtD;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAA,EAAS;EACtCF,YAAY,KAAKD,YAAY;EAC7B,IAAIC,YAAY,IAAI,IAAI,EAAE;IACxB,MAAM,IAAIG,KAAK,CACb,sDAAsD,GACpD,8DACJ,CAAC;EACH;EACA,OAAOH,YAAY;AACrB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,sBAAsBA,CAACC,SAA0B,EAAQ;EACvE,MAAMC,MAAM,GAAGJ,eAAe,CAAC,CAAC;EAChCD,iBAAiB,KAAK,IAAIM,GAAG,CAACD,MAAM,CAACE,oBAAoB,CAAC,CAAC,CAAC;EAE5D,IAAI,CAACP,iBAAiB,CAACQ,GAAG,CAACJ,SAAS,CAAC,EAAE;IACrC,MAAM,IAAIF,KAAK,CACb,gBAAgBE,SAAS,+BAA+B,GACtD,QAAQA,SAAS,kDAAkD,GACnE,sCACJ,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"names":["NativeTinyui","nativeTinyui","enabledComponents","getNativeTinyui","Error","assertComponentEnabled","component","tinyui","Set","getEnabledComponents","has"],"sourceRoot":"../../../src","sources":["utils/getNativeTinyui.ts"],"mappings":";;AAAA,OAAOA,YAAY,MAAqB,oBAAiB;AAYzD,IAAIC,YAAqC;AACzC,IAAIC,iBAAkD;;AAEtD;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAA,EAAS;EACtCF,YAAY,KAAKD,YAAY;EAC7B,IAAIC,YAAY,IAAI,IAAI,EAAE;IACxB,MAAM,IAAIG,KAAK,CACb,sDAAsD,GACpD,8DACJ,CAAC;EACH;EACA,OAAOH,YAAY;AACrB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,sBAAsBA,CAACC,SAA0B,EAAQ;EACvE,MAAMC,MAAM,GAAGJ,eAAe,CAAC,CAAC;EAChCD,iBAAiB,KAAK,IAAIM,GAAG,CAACD,MAAM,CAACE,oBAAoB,CAAC,CAAC,CAAC;EAE5D,IAAI,CAACP,iBAAiB,CAACQ,GAAG,CAACJ,SAAS,CAAC,EAAE;IACrC,MAAM,IAAIF,KAAK,CACb,gBAAgBE,SAAS,+BAA+B,GACtD,QAAQA,SAAS,kDAAkD,GACnE,sCACJ,CAAC;EACH;AACF","ignoreList":[]}

package/lib/typescript/src/SwipeActions/SwipeActionsNativeComponent.d.ts

@@ -0,0 +1,15 @@
+import { type CodegenTypes, type ViewProps } from 'react-native';
+import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeSwipeActionsProps extends ViewProps {
+    actionsConfig: CodegenTypes.UnsafeMixed;
+    edge?: CodegenTypes.WithDefault<'leading' | 'trailing', 'trailing'>;
+    allowsFullSwipe?: CodegenTypes.WithDefault<boolean, true>;
+    disabled?: boolean;
+    onActionPress?: DirectEventHandler<Readonly<{
+        id: string;
+        title: string;
+    }>>;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeSwipeActionsProps>;
+export default _default;
+//# sourceMappingURL=SwipeActionsNativeComponent.d.ts.map

package/lib/typescript/src/SwipeActions/SwipeActionsNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeActionsNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/SwipeActions/SwipeActionsNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,aAAa,EAAE,YAAY,CAAC,WAAW,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,SAAS,GAAG,UAAU,EAAE,UAAU,CAAC,CAAC;IACpE,eAAe,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CAC7E;;AAED,wBAGE"}

package/lib/typescript/src/SwipeActions/actions.d.ts

@@ -0,0 +1,9 @@
+import type { SwipeAction } from './types.js';
+export declare function serializeSwipeActions(actions: readonly SwipeAction[]): {
+    id: string;
+    title: string;
+    systemImage: string | undefined;
+    tintColor: import("react-native").ProcessedColorValue | null | undefined;
+    destructive: boolean;
+}[];
+//# sourceMappingURL=actions.d.ts.map

package/lib/typescript/src/SwipeActions/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/SwipeActions/actions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAE3C,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE;;;;;;IAqBpE"}

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

@@ -0,0 +1,4 @@
+import type { SwipeActionsProps } from './types.js';
+export declare const SwipeActions: import("react").ForwardRefExoticComponent<SwipeActionsProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+export type { SwipeAction, SwipeActionPressEvent, SwipeActionsEdge, SwipeActionsProps, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SwipeActions/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,+LAiCvB,CAAC;AAOH,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,YAAS,CAAC"}

package/lib/typescript/src/SwipeActions/types.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+import type { ColorValue, StyleProp, ViewProps, ViewStyle } from 'react-native';
+export type SwipeActionsEdge = 'leading' | 'trailing';
+export interface SwipeAction {
+    /** Stable identifier. Defaults to `item.<index>` when omitted. */
+    id?: string;
+    /** Button title and accessible action name. */
+    title: string;
+    /** SF Symbol name. */
+    systemImage?: string;
+    /** Native action background color, including semantic and dynamic colors. */
+    tintColor?: ColorValue;
+    /** Uses the system destructive appearance. Does not remove the React row. */
+    destructive?: boolean;
+}
+export type SwipeActionPressEvent = Readonly<{
+    nativeEvent: Readonly<{
+        id: string;
+        title: string;
+    }>;
+}>;
+export interface SwipeActionsProps extends Omit<ViewProps, 'children'> {
+    /** The React Native row content. */
+    children: ReactNode;
+    /** Styles the moving row, including its background, corners and padding. */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /** Actions ordered from the selected edge inward. */
+    actions: readonly SwipeAction[];
+    /** Logical edge; respects layout direction. Defaults to `trailing`. */
+    edge?: SwipeActionsEdge;
+    /** A full swipe performs the first action. Defaults to `true`. */
+    allowsFullSwipe?: boolean;
+    /** Disables swipe actions without disabling the row's children. */
+    disabled?: boolean;
+    onActionPress?: (event: SwipeActionPressEvent) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/SwipeActions/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/SwipeActions/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,WAAW,EAAE,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtD,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACpE,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,qDAAqD;IACrD,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,uEAAuE;IACvE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACxD"}

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

@@ -1,4 +1,6 @@
 export { Menu } from './Menu/index.js';
+export { SwipeActions } from './SwipeActions/index.js';
+export type { SwipeAction, SwipeActionPressEvent, SwipeActionsEdge, SwipeActionsProps, } from './SwipeActions/index.js';
 export { TipKit } from './TipKit/index.js';
 export type { TipAction, TipDisplayFrequency, TipError, TipInvalidationReason, TipPopoverProps, TipViewProps, TipKitConfiguration, } from './TipKit/index.js';
 export type { MenuActionOption, MenuActionPressEvent, MenuActionPressEventData, MenuDividerOption, MenuItemState, MenuOption, MenuProps, MenuRef, MenuSectionOption, MenuSubmenuOption, } from './Menu/index.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAU,CAAC;AAClC,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,GACpB,MAAM,mBAAU,CAAC;AAClB,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAQ,CAAC;AAEhB,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAAkB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAY,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,GACf,MAAM,qBAAY,CAAC;AAEpB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAClD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,YAAY,GACb,MAAM,oBAAW,CAAC;AAEnB,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,kBAAS,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAS,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAAmB,CAAC;AACpD,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAgB,CAAC;AAC9C,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,yBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAU,CAAC;AAClC,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,GACpB,MAAM,mBAAU,CAAC;AAClB,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAQ,CAAC;AAEhB,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAAkB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAY,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,GACf,MAAM,qBAAY,CAAC;AAEpB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAClD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,YAAY,GACb,MAAM,oBAAW,CAAC;AAEnB,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,kBAAS,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAS,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAAmB,CAAC;AACpD,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAAmB,CAAC"}

package/lib/typescript/src/utils/getNativeTinyui.d.ts

@@ -1,5 +1,5 @@
 import { type Spec } from '../NativeTinyui.js';
-export type TinyuiComponent = 'Menu' | 'Popover' | 'LiquidGlassText' | 'Stepper' | 'ConcentricView' | 'SFSymbol' | 'TipKit';
+export type TinyuiComponent = 'Menu' | 'SwipeActions' | 'Popover' | 'LiquidGlassText' | 'Stepper' | 'ConcentricView' | 'SFSymbol' | 'TipKit';
 /**
  * Returns the Tinyui TurboModule instance. The native module is always
  * compiled (Core), so this is safe to call.

package/lib/typescript/src/utils/getNativeTinyui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNativeTinyui.d.ts","sourceRoot":"","sources":["../../../../src/utils/getNativeTinyui.ts"],"names":[],"mappings":"AAAA,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAiB,CAAC;AAE1D,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,SAAS,GACT,iBAAiB,GACjB,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,QAAQ,CAAC;AAKb;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAStC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAWvE"}
+{"version":3,"file":"getNativeTinyui.d.ts","sourceRoot":"","sources":["../../../../src/utils/getNativeTinyui.ts"],"names":[],"mappings":"AAAA,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAiB,CAAC;AAE1D,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,cAAc,GACd,SAAS,GACT,iBAAiB,GACjB,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,QAAQ,CAAC;AAKb;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAStC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAWvE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-tinyui",
-  "version": "3.0.0",
-  "description": "Dependency-free native iOS Menu, Popover, TipKit, Stepper, ConcentricView, SFSymbol and LiquidGlassText components for React Native",
+  "version": "3.1.0",
+  "description": "Dependency-free native iOS Menu, SwipeActions, Popover, TipKit, Stepper, ConcentricView, SFSymbol and LiquidGlassText components for React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
@@ -20,6 +20,11 @@
       "types": "./lib/typescript/src/Popover/index.d.ts",
       "default": "./lib/module/Popover/index.js"
     },
+    "./swipe-actions": {
+      "react-native-tinyui-source": "./src/SwipeActions/index.tsx",
+      "types": "./lib/typescript/src/SwipeActions/index.d.ts",
+      "default": "./lib/module/SwipeActions/index.js"
+    },
     "./stepper": {
       "react-native-tinyui-source": "./src/Stepper/index.tsx",
       "types": "./lib/typescript/src/Stepper/index.d.ts",
@@ -152,6 +157,9 @@
         }
       },
       "components": {
+        "TinyuiSwipeActionsView": {
+          "className": "TinyuiSwipeActionsView"
+        },
         "TinyuiMenuView": {
           "className": "TinyuiMenuView"
         },

package/react-native-tinyui.podspec

@@ -4,6 +4,11 @@ require "pathname"
 package = JSON.parse(File.read(File.join(__dir__, "package.json")))
 
 components = {
+  "SwipeActions" => {
+    :source_files => "ios/SwipeActions/**/*.{h,m,mm,swift,cpp}",
+    :definition => "TINYUI_FEATURE_SWIPE_ACTIONS=1",
+    :frameworks => ["UIKit"],
+  },
   "Menu" => {
     :source_files => "ios/Menu/**/*.{h,m,mm,swift,cpp}",
     :definition => "TINYUI_FEATURE_MENU=1",
@@ -100,7 +105,7 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/luoxuhai/react-native-tinyui.git", :tag => "#{s.version}" }
 
   s.source_files = source_files
-  s.private_header_files = ["ios/Core/**/*.h", "ios/Menu/**/*.h", "ios/Popover/**/*.h", "ios/LiquidGlassText/**/*.h", "ios/Stepper/**/*.h", "ios/ConcentricView/**/*.h", "ios/SFSymbol/**/*.h", "ios/TipKit/**/*.h"]
+  s.private_header_files = ["ios/Core/**/*.h", "ios/Menu/**/*.h", "ios/SwipeActions/**/*.h", "ios/Popover/**/*.h", "ios/LiquidGlassText/**/*.h", "ios/Stepper/**/*.h", "ios/ConcentricView/**/*.h", "ios/SFSymbol/**/*.h", "ios/TipKit/**/*.h"]
   s.preserve_paths = "ios/LiquidGlassText/GlassText-LICENSE"
   s.swift_version = "5.0"
   s.frameworks = frameworks unless frameworks.empty?

package/src/SwipeActions/SwipeActionsNativeComponent.ts

@@ -0,0 +1,19 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type ViewProps,
+} from 'react-native';
+import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface NativeSwipeActionsProps extends ViewProps {
+  actionsConfig: CodegenTypes.UnsafeMixed;
+  edge?: CodegenTypes.WithDefault<'leading' | 'trailing', 'trailing'>;
+  allowsFullSwipe?: CodegenTypes.WithDefault<boolean, true>;
+  disabled?: boolean;
+  onActionPress?: DirectEventHandler<Readonly<{ id: string; title: string }>>;
+}
+
+export default codegenNativeComponent<NativeSwipeActionsProps>(
+  'TinyuiSwipeActionsView',
+  { excludedPlatforms: ['android'] }
+);

package/src/SwipeActions/actions.ts

@@ -0,0 +1,26 @@
+import { processColor } from 'react-native';
+
+import type { SwipeAction } from './types';
+
+export function serializeSwipeActions(actions: readonly SwipeAction[]) {
+  const ids = new Set<string>();
+
+  return actions.map((action, index) => {
+    const id = action.id ?? `item.${index}`;
+    if (ids.has(id)) {
+      throw new Error(`SwipeActions action id "${id}" must be unique.`);
+    }
+    ids.add(id);
+
+    return {
+      id,
+      title: action.title,
+      systemImage: action.systemImage,
+      tintColor:
+        action.tintColor === undefined
+          ? undefined
+          : processColor(action.tintColor),
+      destructive: action.destructive ?? false,
+    };
+  });
+}

package/src/SwipeActions/index.tsx

@@ -0,0 +1,54 @@
+import { forwardRef, type ComponentRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+
+import { assertComponentEnabled } from '../utils';
+import { serializeSwipeActions } from './actions';
+import NativeSwipeActionsView from './SwipeActionsNativeComponent';
+import type { SwipeActionsProps } from './types';
+
+export const SwipeActions = forwardRef<
+  ComponentRef<typeof View>,
+  SwipeActionsProps
+>(function SwipeActionsRoot(
+  {
+    actions,
+    children,
+    contentContainerStyle,
+    edge = 'trailing',
+    allowsFullSwipe = true,
+    disabled = false,
+    style,
+    ...viewProps
+  },
+  ref
+) {
+  assertComponentEnabled('SwipeActions');
+
+  return (
+    <NativeSwipeActionsView
+      {...viewProps}
+      ref={ref}
+      actionsConfig={serializeSwipeActions(actions)}
+      edge={edge}
+      allowsFullSwipe={allowsFullSwipe}
+      disabled={disabled}
+      style={[styles.container, style]}
+    >
+      <View collapsable={false} style={[styles.content, contentContainerStyle]}>
+        {children}
+      </View>
+    </NativeSwipeActionsView>
+  );
+});
+
+const styles = StyleSheet.create({
+  container: { overflow: 'hidden' },
+  content: { flexGrow: 1 },
+});
+
+export type {
+  SwipeAction,
+  SwipeActionPressEvent,
+  SwipeActionsEdge,
+  SwipeActionsProps,
+} from './types';

package/src/SwipeActions/types.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+import type { ColorValue, StyleProp, ViewProps, ViewStyle } from 'react-native';
+
+export type SwipeActionsEdge = 'leading' | 'trailing';
+
+export interface SwipeAction {
+  /** Stable identifier. Defaults to `item.<index>` when omitted. */
+  id?: string;
+  /** Button title and accessible action name. */
+  title: string;
+  /** SF Symbol name. */
+  systemImage?: string;
+  /** Native action background color, including semantic and dynamic colors. */
+  tintColor?: ColorValue;
+  /** Uses the system destructive appearance. Does not remove the React row. */
+  destructive?: boolean;
+}
+
+export type SwipeActionPressEvent = Readonly<{
+  nativeEvent: Readonly<{ id: string; title: string }>;
+}>;
+
+export interface SwipeActionsProps extends Omit<ViewProps, 'children'> {
+  /** The React Native row content. */
+  children: ReactNode;
+  /** Styles the moving row, including its background, corners and padding. */
+  contentContainerStyle?: StyleProp<ViewStyle>;
+  /** Actions ordered from the selected edge inward. */
+  actions: readonly SwipeAction[];
+  /** Logical edge; respects layout direction. Defaults to `trailing`. */
+  edge?: SwipeActionsEdge;
+  /** A full swipe performs the first action. Defaults to `true`. */
+  allowsFullSwipe?: boolean;
+  /** Disables swipe actions without disabling the row's children. */
+  disabled?: boolean;
+  onActionPress?: (event: SwipeActionPressEvent) => void;
+}

package/src/index.tsx

@@ -1,4 +1,11 @@
 export { Menu } from './Menu';
+export { SwipeActions } from './SwipeActions';
+export type {
+  SwipeAction,
+  SwipeActionPressEvent,
+  SwipeActionsEdge,
+  SwipeActionsProps,
+} from './SwipeActions';
 export { TipKit } from './TipKit';
 export type {
   TipAction,

package/src/utils/getNativeTinyui.ts

@@ -2,6 +2,7 @@ import NativeTinyui, { type Spec } from '../NativeTinyui';
 
 export type TinyuiComponent =
   | 'Menu'
+  | 'SwipeActions'
   | 'Popover'
   | 'LiquidGlassText'
   | 'Stepper'