pytech-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Matias Tobias Gutierrez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,50 @@
+# pytech-ui
+
+Librería de componentes de UI nativos para apps **React Native** / **Expo** (Pytech).
+
+## Instalación
+
+```bash
+npm install pytech-ui
+npx expo install pytech-ui @expo/ui expo react react-native
+```
+
+Después de instalar, en iOS:
+
+```bash
+npx pod-install
+```
+
+## Uso
+
+Componentes SwiftUI (iOS):
+
+```tsx
+import { Gradient, ListItem, NavigationStack } from 'pytech-ui/swift-ui';
+import { padding } from '@expo/ui/swift-ui/modifiers';
+
+export function Example() {
+  return (
+    <NavigationStack modifiers={[padding({ all: 16 })]}>
+      <ListItem onPress={() => {}}>
+        <ListItem.Headline>Hola</ListItem.Headline>
+      </ListItem>
+      <Gradient systemImage="star.fill" colors={['#7580ba', '#b1c6e4']} />
+    </NavigationStack>
+  );
+}
+```
+
+También podés importar desde el entry principal:
+
+```tsx
+import { Gradient } from 'pytech-ui';
+```
+
+## Plataformas
+
+Los componentes de `pytech-ui/swift-ui` requieren **iOS** y dependen de `@expo/ui`.
+
+## Licencia
+
+MIT — ver `LICENSE`.

package/build/index.d.ts

@@ -0,0 +1 @@
+export * from './swift-ui';

package/build/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./swift-ui"), exports);

package/build/swift-ui/ChevronForward.d.ts

@@ -0,0 +1,4 @@
+import { type CommonViewModifierProps } from '@expo/ui/swift-ui';
+export interface ChevronForwardProps extends CommonViewModifierProps {
+}
+export declare const ChevronForward: ({ modifiers, ...restProps }: ChevronForwardProps) => import("react").JSX.Element;

package/build/swift-ui/ChevronForward.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronForward = void 0;
+const expo_1 = require("expo");
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'ChevronForwardView');
+const ChevronForward = ({ modifiers, ...restProps }) => (<Native modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}/>);
+exports.ChevronForward = ChevronForward;

package/build/swift-ui/Gradient.d.ts

@@ -0,0 +1,18 @@
+import { type CommonViewModifierProps } from '@expo/ui/swift-ui';
+import { type ColorValue } from 'react-native';
+import { type SFSymbol } from 'sf-symbols-typescript';
+export interface GradientProps extends CommonViewModifierProps {
+    /**
+        If `text` is omitted/undefined, it will use `systemImage` (SF Symbol).
+    */
+    text?: string;
+    /**
+        shows an SF Symbol when `text` is omitted/undefined.
+    */
+    systemImage?: SFSymbol;
+    /**
+        An array of color values to use for the gradient.
+    */
+    colors?: ColorValue[];
+}
+export declare const Gradient: ({ modifiers, systemImage, colors, ...restProps }: GradientProps) => import("react").JSX.Element;

package/build/swift-ui/Gradient.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gradient = void 0;
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const expo_1 = require("expo");
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'GradientView');
+const Gradient = ({ modifiers, systemImage = 'person.fill', colors = ['#7580ba', '#b1c6e4'], ...restProps }) => (<Native modifiers={modifiers} systemImage={systemImage} colors={colors} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}/>);
+exports.Gradient = Gradient;

package/build/swift-ui/Image.d.ts

@@ -0,0 +1,20 @@
+import type { ColorValue } from 'react-native';
+import { type SFSymbol } from 'sf-symbols-typescript';
+import type { CommonViewModifierProps } from '@expo/ui/swift-ui';
+export interface ImageProps extends CommonViewModifierProps {
+    /**
+        The name of the system image (SF Symbol).
+    */
+    systemName: SFSymbol;
+    /**
+        The color of the system image.
+        Accepts hex, names ('red'), etc.
+    */
+    color?: ColorValue;
+    /**
+        The size of the system image in points.
+        If omitted, SwiftUI uses the context size (e.g. Label).
+    */
+    size?: number;
+}
+export declare const Image: ({ modifiers, ...restProps }: ImageProps) => import("react").JSX.Element;

package/build/swift-ui/Image.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const expo_1 = require("expo");
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const Slot_1 = require("./Slot");
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'ImageView');
+const Image = ({ modifiers, ...restProps }) => (<Slot_1.Slot name="image">
+		<Native modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}/>
+	</Slot_1.Slot>);
+exports.Image = Image;

package/build/swift-ui/ListItem.d.ts

@@ -0,0 +1,48 @@
+import { type CommonViewModifierProps } from '@expo/ui/swift-ui';
+export interface ListItemInsets {
+    horizontal?: number;
+    vertical?: number;
+    top?: number;
+    bottom?: number;
+    leading?: number;
+    trailing?: number;
+}
+export type ListItemButtonRole = 'cancel' | 'destructive';
+export interface ListItemProps extends CommonViewModifierProps {
+    children?: React.ReactNode;
+    /**
+        When true, shows a navigation chevron on the trailing side.
+        Defaults to false.
+    */
+    hasNavigationLink?: boolean;
+    /**
+        SwiftUI Button role applied when the list item is pressable.
+        Omit to use the default button appearance.
+    */
+    buttonRole?: ListItemButtonRole;
+    /**
+        List row insets in points (iOS 26+).
+        Use horizontal/vertical for both sides, or top/bottom/leading/trailing individually.
+        Individual edges override the corresponding axis value when both are set.
+    */
+    insets?: ListItemInsets;
+    /**
+        The callback to be called when the list item is pressed.
+    */
+    onPress?: () => void;
+}
+export declare const ListItem: {
+    ({ modifiers, onPress, children, ...restProps }: ListItemProps): import("react").JSX.Element;
+    Headline: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    Supporting: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    Leading: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    Trailing: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+};

package/build/swift-ui/ListItem.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const expo_1 = require("expo");
+const Slot_1 = require("./Slot");
+const Headline = ({ children }) => (<Slot_1.Slot name="headlineContent">{children}</Slot_1.Slot>);
+const Supporting = ({ children }) => (<Slot_1.Slot name="supportingContent">{children}</Slot_1.Slot>);
+const Leading = ({ children }) => (<Slot_1.Slot name="leadingContent">{children}</Slot_1.Slot>);
+const Trailing = ({ children }) => (<Slot_1.Slot name="trailingContent">{children}</Slot_1.Slot>);
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'ListItemView');
+const ListItem = ({ modifiers, onPress, children, ...restProps }) => (<Native modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} hasOnPress={onPress !== undefined} onListItemPress={onPress} {...restProps}>
+		{children}
+	</Native>);
+exports.ListItem = ListItem;
+exports.ListItem.Headline = Headline;
+exports.ListItem.Supporting = Supporting;
+exports.ListItem.Leading = Leading;
+exports.ListItem.Trailing = Trailing;

package/build/swift-ui/ListItemSimple.d.ts

@@ -0,0 +1,19 @@
+import { type CommonViewModifierProps } from '@expo/ui/swift-ui';
+export interface ListItemSimpleProps extends CommonViewModifierProps {
+    children?: React.ReactNode;
+}
+export declare const ListItemSimple: {
+    ({ modifiers, children, ...restProps }: ListItemSimpleProps): import("react").JSX.Element;
+    Headline: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    Supporting: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    Leading: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    Trailing: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+};

package/build/swift-ui/ListItemSimple.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemSimple = void 0;
+const expo_1 = require("expo");
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const Slot_1 = require("./Slot");
+const Headline = ({ children }) => (<Slot_1.Slot name="headlineContent">{children}</Slot_1.Slot>);
+const Supporting = ({ children }) => (<Slot_1.Slot name="supportingContent">{children}</Slot_1.Slot>);
+const Leading = ({ children }) => (<Slot_1.Slot name="leadingContent">{children}</Slot_1.Slot>);
+const Trailing = ({ children }) => (<Slot_1.Slot name="trailingContent">{children}</Slot_1.Slot>);
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'ListItemSimpleView');
+const ListItemSimple = ({ modifiers, children, ...restProps }) => (<Native modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}>
+		{children}
+	</Native>);
+exports.ListItemSimple = ListItemSimple;
+exports.ListItemSimple.Headline = Headline;
+exports.ListItemSimple.Supporting = Supporting;
+exports.ListItemSimple.Leading = Leading;
+exports.ListItemSimple.Trailing = Trailing;

package/build/swift-ui/NavigationLink.d.ts

@@ -0,0 +1,12 @@
+import { type CommonViewModifierProps } from '@expo/ui/swift-ui';
+export interface NavigationLinkProps extends CommonViewModifierProps {
+    /**
+        The content that will be displayed as the navigation link.
+    */
+    children?: React.ReactNode;
+    /**
+        The callback to be called when the navigation link is pressed.
+    */
+    onPress?: () => void;
+}
+export declare const NavigationLink: ({ modifiers, onPress, ...restProps }: NavigationLinkProps) => import("react").JSX.Element;

package/build/swift-ui/NavigationLink.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationLink = void 0;
+const expo_1 = require("expo");
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'NavigationLinkView');
+const NavigationLink = ({ modifiers, onPress, ...restProps }) => (<Native modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps} onLinkPress={onPress}/>);
+exports.NavigationLink = NavigationLink;

package/build/swift-ui/NavigationStack.d.ts

@@ -0,0 +1,5 @@
+import { type CommonViewModifierProps } from '@expo/ui/swift-ui';
+export interface NavigationStackProps extends CommonViewModifierProps {
+    children?: React.ReactNode;
+}
+export declare const NavigationStack: ({ modifiers, ...restProps }: NavigationStackProps) => import("react").JSX.Element;

package/build/swift-ui/NavigationStack.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationStack = void 0;
+const expo_1 = require("expo");
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'NavigationStackView');
+const NavigationStack = ({ modifiers, ...restProps }) => (<Native modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}/>);
+exports.NavigationStack = NavigationStack;

package/build/swift-ui/Slot.d.ts

@@ -0,0 +1,16 @@
+type SlotProps<ExtraProps extends Record<string, unknown> = Record<string, unknown>> = {
+    /**
+        The content of the slot.
+    */
+    children?: React.ReactNode;
+    /**
+        The name of the slot.
+    */
+    name: string;
+    /**
+        Extra props to be passed to the slot.
+    */
+    extraProps?: ExtraProps;
+};
+export declare const Slot: <ExtraProps extends Record<string, unknown> = Record<string, unknown>>({ children, name, extraProps, }: SlotProps<ExtraProps>) => import("react").JSX.Element;
+export {};

package/build/swift-ui/Slot.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slot = void 0;
+const expo_1 = require("expo");
+const Native = (0, expo_1.requireNativeView)('PytechUi', 'SlotView');
+const Slot = ({ children, name, extraProps, }) => (<Native name={name} extraProps={extraProps}>
+		{children}
+	</Native>);
+exports.Slot = Slot;

package/build/swift-ui/Text.d.ts

@@ -0,0 +1,7 @@
+import { type TextProps } from '@expo/ui/swift-ui';
+/**
+    Text con slot "text" para que vistas nativas (p. ej. ListItem) puedan
+    detectar si el contenido es texto plano o una vista custom.
+*/
+export declare const Text: ({ modifiers, ...restProps }: TextProps) => import("react").JSX.Element;
+export type { TextProps };

package/build/swift-ui/Text.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const swift_ui_1 = require("@expo/ui/swift-ui");
+const modifiers_1 = require("@expo/ui/swift-ui/modifiers");
+const Slot_1 = require("./Slot");
+/**
+    Text con slot "text" para que vistas nativas (p. ej. ListItem) puedan
+    detectar si el contenido es texto plano o una vista custom.
+*/
+const Text = ({ modifiers, ...restProps }) => (<Slot_1.Slot name="text">
+		<swift_ui_1.Text modifiers={modifiers} {...(modifiers ? (0, modifiers_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}/>
+	</Slot_1.Slot>);
+exports.Text = Text;

package/build/swift-ui/index.d.ts

@@ -0,0 +1,8 @@
+export * from './NavigationLink';
+export * from './NavigationStack';
+export * from './ListItemSimple';
+export * from './ListItem';
+export * from './Text';
+export * from './Image';
+export * from './Gradient';
+export * from './ChevronForward';

package/build/swift-ui/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NavigationLink"), exports);
+__exportStar(require("./NavigationStack"), exports);
+__exportStar(require("./ListItemSimple"), exports);
+__exportStar(require("./ListItem"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Image"), exports);
+__exportStar(require("./Gradient"), exports);
+__exportStar(require("./ChevronForward"), exports);

package/expo-module.config.json

@@ -0,0 +1,8 @@
+{
+	"name": "pytech-ui",
+	"platforms": ["apple"],
+	"coreFeatures": ["swiftui"],
+	"apple": {
+		"modules": ["PytechUiModule"]
+	}
+}

package/ios/ChevronForwardView.swift

@@ -0,0 +1,21 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+struct ChevronForward: View {
+	var body: some View {
+		Image(systemName: "chevron.forward")
+			.font(.footnote.weight(.bold))
+			.foregroundStyle(Color(.tertiaryLabel))
+	}
+}
+
+public final class ChevronForwardViewProps: UIBaseViewProps {}
+
+struct ChevronForwardView: ExpoSwiftUI.View {
+	@ObservedObject var props: ChevronForwardViewProps
+
+	var body: some View {
+		ChevronForward()
+	}
+}

package/ios/GradientView.swift

@@ -0,0 +1,40 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+
+final class GradientViewProps: UIBaseViewProps {
+	@Field var text: String?
+	@Field var systemImage: String?
+	@Field var colors: [Color]
+}
+
+struct GradientView: ExpoSwiftUI.View {
+	@ObservedObject public var props: GradientViewProps
+
+	public init(props: GradientViewProps) {
+		self.props = props
+	}
+
+	public var body: some View {
+		Circle()
+			.fill(
+				LinearGradient(
+					colors: props.colors,
+					startPoint: .top,
+					endPoint: .bottom
+				)
+			)
+			.overlay {
+				if let text = props.text {
+					Text(String(text.prefix(3)).uppercased())
+						.fontWeight(.bold)
+						.kerning(-0.5)
+						.foregroundStyle(.white)
+				} else if let systemImage = props.systemImage {
+					Image(systemName: systemImage)
+						.foregroundStyle(.white)
+				}
+			}
+	}
+}

package/ios/ImageView.swift

@@ -0,0 +1,32 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+public final class ImageViewProps: UIBaseViewProps {
+	@Field var systemName: String = ""
+	@Field var color: Color?
+	@Field var size: Double?
+}
+
+struct ImageView: ExpoSwiftUI.View {
+	@ObservedObject var props: ImageViewProps
+
+	var body: some View {
+		styledImage(Image(systemName: props.systemName))
+	}
+
+	@ViewBuilder
+	private func styledImage(_ image: Image) -> some View {
+		if let size = props.size, let color = props.color {
+			image
+				.font(.system(size: size))
+				.foregroundStyle(color)
+		} else if let size = props.size {
+			image.font(.system(size: size))
+		} else if let color = props.color {
+			image.foregroundStyle(color)
+		} else {
+			image
+		}
+	}
+}

package/ios/ListItem.swift

@@ -0,0 +1,161 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+struct ListItemInsetsRecord: Record {
+	@Field var horizontal: Double?
+	@Field var vertical: Double?
+	@Field var top: Double?
+	@Field var bottom: Double?
+	@Field var leading: Double?
+	@Field var trailing: Double?
+}
+
+extension ListItemInsetsRecord: ListRowInsetsProviding {}
+
+enum ListItemButtonRole: String, Enumerable {
+	case cancel
+	case destructive
+
+	var swiftUIRole: SwiftUI.ButtonRole {
+		switch self {
+		case .cancel:
+			return .cancel
+		case .destructive:
+			return .destructive
+		}
+	}
+}
+
+public final class ListItemViewProps: UIBaseViewProps {
+	@Field var hasNavigationLink: Bool = false
+	@Field var insets: ListItemInsetsRecord?
+	@Field var hasOnPress: Bool = false
+	@Field var buttonRole: ListItemButtonRole?
+	var onListItemPress = EventDispatcher()
+}
+
+struct ListItemView: ExpoSwiftUI.View {
+	@ObservedObject var props: ListItemViewProps
+
+	// Si se le pasan insets, y tiene una versión mínima de iOS 26, se aplican al item
+	var body: some View {
+		if #available(iOS 26.0, *) {
+			applyInsets(to: pressableRowContent)
+		} else {
+			pressableRowContent
+		}
+	}
+
+	// Si se le envia un onPress sin navigation link, se coloca un Button sobre toda la row.
+	@ViewBuilder
+	private var pressableRowContent: some View {
+		if props.hasOnPress && !props.hasNavigationLink {
+			listItemButton {
+				rowContent
+			}
+		} else {
+			rowContent
+		}
+	}
+
+	@ViewBuilder
+	private var rowContent: some View {
+		if props.children?.slot("trailingContent") != nil || props.hasNavigationLink {
+			HStack {
+				if props.hasOnPress && props.hasNavigationLink {
+					SwiftUI.Button(action: {
+						props.onListItemPress()
+					}){
+						mainLabel
+					}
+					.foregroundStyle(.primary)
+				}
+
+				Spacer()
+
+				slotContent(in: props.children, named: "trailingContent", secondary: true)
+
+				if props.hasNavigationLink {
+					ChevronForward()
+				}
+			}
+		} else {
+			mainLabel
+		}
+	}
+
+	// Es para aplicar los insets al item. Los ejes se aplican primero; top/bottom/leading/trailing los sobrescriben.
+	@available(iOS 26.0, *)
+	@ViewBuilder
+	private func applyInsets(to content: some View) -> some View {
+		if let insets = props.insets {
+			applyEdgeInsets(to: content, insets: insets)
+		} else {
+			content
+		}
+	}
+
+	// Button con role aplicado.
+	@ViewBuilder
+	private func listItemButton<Label: View>(@ViewBuilder label: () -> Label) -> some View {
+		if let buttonRole = props.buttonRole {
+			Button(role: buttonRole.swiftUIRole) {
+				props.onListItemPress()
+			} label: {
+				label()
+			}
+		} else {
+			Button {
+				props.onListItemPress()
+			} label: {
+				label()
+			}
+		}
+	}
+
+	// Renderiza el leading, headline y supporting content.
+	@ViewBuilder
+	private var mainLabel: some View {
+		let leading = props.children?.slot("leadingContent")
+		let hasImage = leading?.props.children?.slot("image") != nil
+
+		if let leading {
+			if hasImage {
+				Label {
+					titleContent  // Label ya apila título + subtítulo
+				} icon: {
+					leading.foregroundStyle(.blue)
+				}
+			} else {
+				HStack {
+					leading
+					alignedTitleContent
+				}
+			}
+		} else {
+			alignedTitleContent
+		}
+	}
+
+	// Se fija si tiene que llevar un VStack o no.
+	@ViewBuilder
+	private var alignedTitleContent: some View {
+		let hasSupporting = props.children?.slot("supportingContent") != nil
+
+		if hasSupporting {
+			VStack(alignment: .leading) {
+				titleContent
+			}
+		} else {
+			slotContent(in: props.children, named: "headlineContent")
+		}
+	}
+
+	// Renderiza el headline y supporting content dentro de Label o VStack.
+	@ViewBuilder
+	private var titleContent: some View {
+		slotContent(in: props.children, named: "headlineContent")
+		slotContent(in: props.children, named: "supportingContent", font: .subheadline, secondary: true)
+	}
+}

package/ios/ListItemSimple.swift

@@ -0,0 +1,69 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+public final class ListItemSimpleViewProps: UIBaseViewProps {}
+
+struct ListItemSimpleView: ExpoSwiftUI.View {
+	@ObservedObject var props: ListItemSimpleViewProps
+
+	var body: some View {
+		if props.children?.slot("trailingContent") != nil {
+			HStack(){
+				mainLabel
+				
+				Spacer()
+
+				slotContent(in: props.children, named: "trailingContent", secondary: true)
+			}
+		} else {
+			mainLabel
+		}
+	}
+
+	// Renderiza el leading, headline y supporting content.
+	@ViewBuilder
+	private var mainLabel: some View {
+		let leading = props.children?.slot("leadingContent")
+		let hasImage = leading?.props.children?.slot("image") != nil
+
+		if let leading {
+			if hasImage {
+				Label {
+					titleContent  // Label ya apila título + subtítulo
+				} icon: {
+					leading
+				}
+			} else {
+				HStack {
+					leading
+					alignedTitleContent
+				}
+			}
+		} else {
+			alignedTitleContent
+		}
+	}
+
+	// Se fija si tiene que llevar un VStack o no.
+	@ViewBuilder
+	private var alignedTitleContent: some View {
+		let hasSupporting = props.children?.slot("supportingContent") != nil
+
+		if hasSupporting {
+			VStack(alignment: .leading) {
+				titleContent
+			}
+		} else {
+			slotContent(in: props.children, named: "headlineContent")
+		}
+	}
+
+	// Renderiza el headline y supporting content dentro de Label o VStack.
+	@ViewBuilder
+	private var titleContent: some View {
+		slotContent(in: props.children, named: "headlineContent")
+		slotContent(in: props.children, named: "supportingContent", font: .subheadline, secondary: true)
+	}
+
+}

package/ios/NavigationLinkView.swift

@@ -0,0 +1,43 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+public final class NavigationLinkViewProps: UIBaseViewProps {
+	var onLinkPress = EventDispatcher()
+}
+
+struct NavigationLinkView: ExpoSwiftUI.View {
+	@ObservedObject public var props: NavigationLinkViewProps
+
+	public init(props: NavigationLinkViewProps) {
+		self.props = props
+	}
+
+	public var body: some View {
+		ZStack {
+			NavigationLink {
+				EmptyView()
+			} label: {
+				labelContent
+			}
+			.allowsHitTesting(false)
+			.buttonStyle(.plain)
+
+			Color.clear
+				.contentShape(Rectangle())
+				.onTapGesture {
+					props.onLinkPress()
+				}
+				.onLongPressGesture(minimumDuration: 0.5) {
+					props.onLinkPress()
+				}
+		}
+	}
+
+	private var labelContent: some View {
+		HStack {
+			Children()
+		}
+		.frame(maxWidth: .infinity, alignment: .leading)
+	}
+}

package/ios/NavigationStackView.swift

@@ -0,0 +1,19 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+public final class NavigationStackViewProps: UIBaseViewProps {}
+
+struct NavigationStackView: ExpoSwiftUI.View {
+	@ObservedObject public var props: NavigationStackViewProps
+
+	public init(props: NavigationStackViewProps) {
+		self.props = props
+	}
+
+	public var body: some View {
+		NavigationStack {
+			Children()
+		}
+	}
+}

package/ios/PytechUi.podspec

@@ -0,0 +1,24 @@
+Pod::Spec.new do |s|
+  s.name           = 'PytechUi'
+  s.version        = '1.0.0'
+  s.summary        = 'Native SwiftUI components for pytech-ui'
+  s.description    = 'Native SwiftUI components for pytech-ui'
+  s.author         = 'Matias Tobias Gutierrez'
+  s.homepage       = 'https://github.com/MatiTobi/UI#readme'
+  s.license        = { :type => 'MIT' }
+  s.platforms      = {
+    :ios => '16.4',
+    :tvos => '16.4'
+  }
+  s.source         = { git: 'https://github.com/MatiTobi/UI.git' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+  s.dependency 'ExpoUI'
+
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+
+  s.source_files = '**/*.{h,m,mm,swift,hpp,cpp}'
+end

package/ios/PytechUiModule.swift

@@ -0,0 +1,18 @@
+import ExpoModulesCore
+import ExpoUI
+
+public class MyUiModule: Module {
+	public func definition() -> ModuleDefinition {
+		Name("MyUi")
+		
+		View(SlotView.self)
+
+		ExpoUIView(NavigationStackView.self)
+		ExpoUIView(NavigationLinkView.self)
+		ExpoUIView(ListItemSimpleView.self)
+		ExpoUIView(ListItemView.self)
+		ExpoUIView(ImageView.self)
+		ExpoUIView(GradientView.self)
+		ExpoUIView(ChevronForwardView.self)
+	}
+}

package/ios/SlotView.swift

@@ -0,0 +1,107 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+
+
+internal final class SlotViewProps: ExpoSwiftUI.ViewProps {
+	@Field var name: String = ""
+	@Field var extraProps: [String: Any]?
+}
+
+internal struct SlotView: ExpoSwiftUI.View {
+	@ObservedObject var props: SlotViewProps
+
+	init(props: SlotViewProps) {
+		self.props = props
+	}
+
+	var body: some View {
+		Children()
+	}
+
+	func extra<T>(_ key: String, as type: T.Type = T.self) -> T? {
+		return props.extraProps?[key] as? T
+	}
+}
+
+extension [any ExpoSwiftUI.AnyChild] {
+	func slot(_ name: String) -> SlotView? {
+		compactMap { $0.childView as? SlotView }
+			.first { $0.props.name == name }
+	}
+
+	func withoutSlot(_ name: String) -> [any ExpoSwiftUI.AnyChild] {
+		filter {
+			guard let slot = $0.childView as? SlotView else { return true }
+			return slot.props.name != name
+		}
+	}
+
+	func withoutSlots() -> [any ExpoSwiftUI.AnyChild] {
+		filter { !($0.childView is SlotView) }
+	}
+}
+
+
+/**
+	Le agrega una función para obtener el texto directo del slot.
+	Esto es útil para los slots que contienen nuestro `<Text>` (slot "text" → TextView).
+	Por ejemplo, si el slot contiene nuestro `<Text>` (slot "text" → TextView), devuelve el string.
+	Si no, devuelve nil.
+	
+	Ejemplo:
+	<Slot name="text">
+		<Text>Hello</Text>
+	</Slot>
+*/
+extension SlotView {
+	var isTextContent: Bool {
+		props.children?.slot("text") != nil || textContent() != nil
+	}
+
+	@ViewBuilder
+	func renderedContent(defaultFont: Font = .body, secondary: Bool = false) -> some View {
+		if isTextContent {
+			if let textSlot = props.children?.slot("text") {
+				if secondary {
+					textSlot
+						.font(defaultFont)
+						.foregroundStyle(.secondary)
+				} else {
+					textSlot
+				}
+			} else if secondary {
+				self
+					.font(defaultFont)
+					.foregroundStyle(.secondary)
+			} else {
+				self
+			}
+		} else {
+			self
+		}
+	}
+
+	func textContent() -> String? {
+		if let textSlot = props.children?.slot("text") {
+			return textSlot.directTextContent()
+		}
+		return directTextContent()
+	}
+
+	fileprivate func directTextContent() -> String? {
+		guard let children = props.children else { return nil }
+
+		for child in children {
+			if let textView = child.childView as? TextView {
+				let text = textView.props.text
+				if !text.isEmpty {
+					return text
+				}
+			}
+		}
+
+		return nil
+	}
+}

package/ios/_shared/utils.swift

@@ -0,0 +1,58 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+
+
+// Coloca los insets a una view, segun lo que se le pase.
+protocol ListRowInsetsProviding {
+	var vertical: Double? { get }
+	var horizontal: Double? { get }
+	var top: Double? { get }
+	var bottom: Double? { get }
+	var leading: Double? { get }
+	var trailing: Double? { get }
+}
+
+@available(iOS 26.0, *)
+func applyEdgeInsets<V: View, I: ListRowInsetsProviding>(to content: V, insets: I) -> some View {
+	let orderedInsets: [(Edge.Set, Double?)] = [
+		(.vertical, insets.vertical),
+		(.horizontal, insets.horizontal),
+		(.top, insets.top),
+		(.bottom, insets.bottom),
+		(.leading, insets.leading),
+		(.trailing, insets.trailing),
+	]
+
+	return orderedInsets.reduce(AnyView(content)) { view, item in
+		guard let value = item.1 else { return view }
+		return AnyView(view.listRowInsets(item.0, CGFloat(value)))
+	}
+}
+
+
+// Renderiza un componente o un texto (si existe el slot)
+@ViewBuilder
+func slotContent(
+	in children: [any ExpoSwiftUI.AnyChild]?,
+	named name: String,
+	font: Font = .body,
+	secondary: Bool = false
+) -> some View {
+	if let slot = children?.slot(name) {
+		slot.renderedContent(defaultFont: font, secondary: secondary)
+	}
+}
+
+@ViewBuilder
+func pressableRow<Content: View>(
+	onPress: EventDispatcher,
+	@ViewBuilder content: () -> Content
+) -> some View {
+	Button {
+		onPress()
+	} label: {
+		content()
+	}
+}

package/package.json

@@ -0,0 +1,69 @@
+{
+	"name": "pytech-ui",
+	"version": "1.0.0",
+	"description": "Librería de componentes de UI para Pytech",
+	"keywords": [
+		"react-native",
+		"expo",
+		"ui",
+		"components",
+		"swiftui",
+		"pytech"
+	],
+	"homepage": "https://github.com/MatiTobi/UI#readme",
+	"bugs": {
+		"url": "https://github.com/MatiTobi/UI/issues"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/MatiTobi/UI.git"
+	},
+	"license": "MIT",
+	"author": "Matias Tobias Gutierrez",
+	"type": "commonjs",
+	"exports": {
+		".": {
+			"types": "./build/index.d.ts",
+			"default": "./build/index.js"
+		},
+		"./swift-ui": {
+			"types": "./build/swift-ui/index.d.ts",
+			"default": "./build/swift-ui/index.js"
+		},
+		"./package.json": "./package.json"
+	},
+	"main": "build/index.js",
+	"types": "build/index.d.ts",
+	"files": [
+		"build",
+		"ios",
+		"swift-ui",
+		"expo-module.config.json",
+		"LICENSE",
+		"README.md"
+	],
+	"scripts": {
+		"build": "tsc",
+		"clean": "node -e \"require('fs').rmSync('build',{recursive:true,force:true})\"",
+		"typecheck": "tsc --noEmit",
+		"prepublishOnly": "npm run build",
+		"release": "dev git && npm version patch && npm publish && dev git"
+	},
+	"dependencies": {
+		"sf-symbols-typescript": "^1.0.0"
+	},
+	"devDependencies": {
+		"@expo/ui": "~57.0.15",
+		"@types/react": "~19.1.0",
+		"expo": "~57.0.19",
+		"react": "19.2.3",
+		"react-native": "0.86.3",
+		"typescript": "^5.9.2"
+	},
+	"peerDependencies": {
+		"@expo/ui": "~57.0.15",
+		"expo": "~57.0.19",
+		"react": "19.2.3",
+		"react-native": "0.86.3"
+	}
+}

package/swift-ui/index.d.ts

@@ -0,0 +1 @@
+export * from '../build/swift-ui/index';

package/swift-ui/index.js

@@ -0,0 +1 @@
+module.exports = require('../build/swift-ui/index.js');