pytech-ui 1.0.30 → 1.0.32

package/build/jetpack-compose/components/Menu/src/components/Item.d.ts

@@ -1,4 +1,3 @@
-import { StackToolbarMenuActionProps } from 'expo-router';
 import { DropdownMenuItemProps as ExpoDropdownMenuItemProps } from "@expo/ui/src/jetpack-compose/DropdownMenu/DropdownMenuItem";
 declare const Item: {
     ({ children, isOn, subtitle, onPress, elementColors, modifiers, ...props }: ItemProps): import("react").JSX.Element;
@@ -8,11 +7,11 @@ interface ItemProps extends Omit<ExpoDropdownMenuItemProps, 'onClick'> {
     /**
      * If `true`, the menu item will be displayed as selected.
      */
-    isOn?: StackToolbarMenuActionProps['isOn'];
+    isOn?: boolean;
     /**
      * An optional subtitle for the menu item.
      */
-    subtitle?: StackToolbarMenuActionProps['subtitle'];
+    subtitle?: string;
     /**
      * Callback that is called when the menu item is clicked.
      */

package/build/jetpack-compose/components/Menu/src/components/Item.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const jetpack_compose_2 = require("../../../..");
-const extended_theme_1 = require("../../../../extended-theme");
+const jetpack_compose_2 = require("../../../../index.js");
+const extended_theme_1 = require("../../../../extended-theme/index.js");
 const context_1 = require("../context");
 const utils_1 = require("../utils");
 const Icon_1 = __importDefault(require("./Icon"));
@@ -28,35 +28,35 @@ const Item = ({ children, isOn, subtitle, onPress, elementColors = {}, modifiers
         }} modifiers={[
             (0, modifiers_1.clip)({ type: 'roundedCorner', radius: jetpack_compose_2.Tokens.ShapeTokens.CornerValueExtraLarge }),
             ...modifiers
-        ]} onClick={onClick} {...props}>
-            <jetpack_compose_1.DropdownMenuItem.Text>
-                <jetpack_compose_1.Row horizontalArrangement={{ spacedBy: 8 }} verticalAlignment="center">
-
-                    {hasLeading && (<jetpack_compose_1.Box modifiers={[(0, modifiers_1.width)(24)]} contentAlignment="center">
+        ]} onClick={onClick} {...props}>
+            <jetpack_compose_1.DropdownMenuItem.Text>
+                <jetpack_compose_1.Row horizontalArrangement={{ spacedBy: 8 }} verticalAlignment="center">
+
+                    {hasLeading && (<jetpack_compose_1.Box modifiers={[(0, modifiers_1.width)(24)]} contentAlignment="center">
                             {isTrigger ? <IconSubmenu /> :
                 isOn ? <Icon_1.default source='Icons.Rounded.Check'/> :
-                    null}
-                        </jetpack_compose_1.Box>)}
-
-                    {slots?.Icon}
-
-                    {(Children || slots?.Label) && (<jetpack_compose_1.Column>
-                            <jetpack_compose_1.Box>
-                                <jetpack_compose_2.TextSlot slotName="menuitemheadline">
-                                    {slots?.Label}
+                    null}
+                        </jetpack_compose_1.Box>)}
+
+                    {slots?.Icon}
+
+                    {(Children || slots?.Label) && (<jetpack_compose_1.Column>
+                            <jetpack_compose_1.Box>
+                                <jetpack_compose_2.TextSlot slotName="menuitemheadline">
+                                    {slots?.Label}
                                     {typeof Children === 'string'
                 ? <Label_1.default>{Children}</Label_1.default>
-                : Children}
-                                </jetpack_compose_2.TextSlot>
-                            </jetpack_compose_1.Box>
+                : Children}
+                                </jetpack_compose_2.TextSlot>
+                            </jetpack_compose_1.Box>
                             {subtitle &&
-                <jetpack_compose_2.TextSlot slotName="menuitemsupporting">
-                                    <jetpack_compose_2.Text>{subtitle}</jetpack_compose_2.Text>
-                                </jetpack_compose_2.TextSlot>}
-                        </jetpack_compose_1.Column>)}
-                    
-                </jetpack_compose_1.Row>
-            </jetpack_compose_1.DropdownMenuItem.Text>
+                <jetpack_compose_2.TextSlot slotName="menuitemsupporting">
+                                    <jetpack_compose_2.Text>{subtitle}</jetpack_compose_2.Text>
+                                </jetpack_compose_2.TextSlot>}
+                        </jetpack_compose_1.Column>)}
+                    
+                </jetpack_compose_1.Row>
+            </jetpack_compose_1.DropdownMenuItem.Text>
         </jetpack_compose_1.DropdownMenuItem>);
 };
 const IconSubmenu = () => {

package/build/jetpack-compose/components/Menu/src/components/Label.d.ts

@@ -1,4 +1,7 @@
-import { StackToolbarLabelProps as LabelProps } from 'expo-router';
+import { ReactNode } from 'react';
+type LabelProps = {
+    children?: ReactNode;
+};
 declare const Label: {
     ({ children }: LabelProps): import("react").JSX.Element;
     displayName: string;

package/build/jetpack-compose/components/Menu/src/components/Label.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jetpack_compose_1 = require("../../../..");
-const Label = ({ children }) => (<jetpack_compose_1.Text>
-        {children}
+const jetpack_compose_1 = require("../../../../index.js");
+const Label = ({ children }) => (<jetpack_compose_1.Text>
+        {children}
     </jetpack_compose_1.Text>);
 Label.displayName = 'Label';
 exports.default = Label;

package/build/jetpack-compose/components/Menu/src/components/Menu.d.ts

@@ -11,11 +11,11 @@ declare const Menu: {
         displayName: string;
     };
     Item: {
-        ({ children, isOn, subtitle, onPress, elementColors, modifiers, ...props }: import("../../../..").MenuItemProps): React.JSX.Element;
+        ({ children, isOn, subtitle, onPress, elementColors, modifiers, ...props }: import("../../../../index.js").MenuItemProps): React.JSX.Element;
         displayName: string;
     };
     Label: {
-        ({ children }: import("../../../..").MenuLabelProps): React.JSX.Element;
+        ({ children }: import("../../../../index.js").MenuLabelProps): React.JSX.Element;
         displayName: string;
     };
     Icon: {

package/build/jetpack-compose/components/Menu/src/components/Menu.js

@@ -39,9 +39,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const hooks_1 = require("../../../../../constants/hooks");
-const jetpack_compose_2 = require("../../../..");
-const extended_theme_1 = require("../../../../extended-theme");
+const hooks_1 = require("../../../../../constants/hooks.js");
+const jetpack_compose_2 = require("../../../../index.js");
+const extended_theme_1 = require("../../../../extended-theme/index.js");
 const DropdownMenu_1 = require("../../../DropdownMenu");
 const context_1 = __importStar(require("../context"));
 const utils_1 = require("../utils");
@@ -84,36 +84,36 @@ const Menu = ({ color, children, onDismissRequest, expanded = false, hasLeading,
         const childrenTrigger = output.map(({ element }) => element);
         return { isIconOnly, childrenTrigger };
     }, [order]);
-    return (<DropdownMenu_1.DropdownMenu expanded={Expanded} onDismissRequest={_onDismissRequest} color={color || jetpack_compose_2.Color.secondarySystemGroupedBackground} {...props}>
-
-                <DropdownMenu_1.DropdownMenu.Trigger>
-                    <context_1.default.Provider value={valueTrigger}>
+    return (<DropdownMenu_1.DropdownMenu expanded={Expanded} onDismissRequest={_onDismissRequest} color={color || jetpack_compose_2.Color.secondarySystemGroupedBackground} {...props}>
+
+                <DropdownMenu_1.DropdownMenu.Trigger>
+                    <context_1.default.Provider value={valueTrigger}>
                         {isFirstMenu ? (
         //Si es el primer menu...
-        <Trigger_1.TriggerButton onClick={() => setExpanded(true)} isIconOnly={isIconOnly}>
-                                {childrenTrigger}
+        <Trigger_1.TriggerButton onClick={() => setExpanded(true)} isIconOnly={isIconOnly}>
+                                {childrenTrigger}
                             </Trigger_1.TriggerButton>) : (
         //Si es un submenu...
-        <context_1.ContextExpanded.Provider value={valueExpanded}>
-                                <Item_1.default>
-                                    {slots?.Icon}
-                                    {slots?.Label}
-                                </Item_1.default>
-                            </context_1.ContextExpanded.Provider>)}
-                    </context_1.default.Provider>
-                </DropdownMenu_1.DropdownMenu.Trigger>
-                    
-                <DropdownMenu_1.DropdownMenu.Items>
-                    <context_1.default.Provider value={valueItems}>
+        <context_1.ContextExpanded.Provider value={valueExpanded}>
+                                <Item_1.default>
+                                    {slots?.Icon}
+                                    {slots?.Label}
+                                </Item_1.default>
+                            </context_1.ContextExpanded.Provider>)}
+                    </context_1.default.Provider>
+                </DropdownMenu_1.DropdownMenu.Trigger>
+                    
+                <DropdownMenu_1.DropdownMenu.Items>
+                    <context_1.default.Provider value={valueItems}>
                         <jetpack_compose_1.Column modifiers={[
             (0, modifiers_1.defaultMinSize)({ minWidth: 250 }),
             (0, modifiers_1.padding)(extended_theme_1.Tokens.SegmentedMenuTokens.HorizontalContainerTopSpace, 0, extended_theme_1.Tokens.SegmentedMenuTokens.HorizontalContainerBottomSpace, 0)
-        ]}>
-                            {slots?.children}
-                        </jetpack_compose_1.Column>
-                    </context_1.default.Provider>
-                </DropdownMenu_1.DropdownMenu.Items>
-
+        ]}>
+                            {slots?.children}
+                        </jetpack_compose_1.Column>
+                    </context_1.default.Provider>
+                </DropdownMenu_1.DropdownMenu.Items>
+
         </DropdownMenu_1.DropdownMenu>);
 };
 Menu.displayName = 'Menu';

package/build/jetpack-compose/components/Menu/src/components/Trigger.js

@@ -3,24 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TriggerButton = void 0;
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
-const jetpack_compose_2 = require("../../../..");
+const jetpack_compose_2 = require("../../../../index.js");
 const Trigger = ({ children }) => children;
 Trigger.displayName = 'Trigger';
 exports.default = Trigger;
 const TriggerButton = ({ children, isIconOnly, onClick }) => {
     if (isIconOnly)
-        return (<jetpack_compose_1.IconButton onClick={onClick}>
-            {children}
+        return (<jetpack_compose_1.IconButton onClick={onClick}>
+            {children}
         </jetpack_compose_1.IconButton>);
     return (<jetpack_compose_1.Row horizontalArrangement='end' verticalAlignment="center" modifiers={[
             (0, modifiers_1.defaultMinSize)({ minWidth: 48, minHeight: 48 }),
             (0, modifiers_1.clip)({ type: 'roundedCorner', radius: jetpack_compose_2.Tokens.ShapeTokens.CornerValueExtraLarge }),
             (0, modifiers_1.clickable)(onClick),
             (0, modifiers_1.paddingAll)(10),
-        ]}>   
-            <jetpack_compose_1.Row horizontalArrangement={{ spacedBy: 4 }} verticalAlignment="center">
-                {children}
-            </jetpack_compose_1.Row>
+        ]}>   
+            <jetpack_compose_1.Row horizontalArrangement={{ spacedBy: 4 }} verticalAlignment="center">
+                {children}
+            </jetpack_compose_1.Row>
         </jetpack_compose_1.Row>);
 };
 exports.TriggerButton = TriggerButton;

package/build/jetpack-compose/components/Menu/src/context.d.ts

@@ -1,18 +1,20 @@
-declare const Context: import("react").Context<{
+type ContextValueType = null | {
     setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     hasLeading: boolean;
     isTrigger?: boolean;
-}>;
+};
+declare const Context: import("react").Context<ContextValueType>;
 export declare const useMenu: () => {
     setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     hasLeading: boolean;
     isTrigger?: boolean;
-};
-declare const ContextExpanded: import("react").Context<{
+} | null;
+type ContextExpandedValueType = null | {
     Expanded: boolean;
-}>;
+};
+declare const ContextExpanded: import("react").Context<ContextExpandedValueType>;
 export declare const useMenuExpanded: () => {
     Expanded: boolean;
-};
+} | null;
 export { ContextExpanded };
 export default Context;

package/build/jetpack-compose/components/Menu/src/utils.js

@@ -9,9 +9,9 @@ const appendChild = (children, child) => {
     if (!children)
         return child;
     else
-        return (<>
-            {children}
-            {child}
+        return (<>
+            {children}
+            {child}
         </>);
 };
 const getComponentDisplayName = (type) => {

package/build/jetpack-compose/components/NavigationButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '@expo/ui/jetpack-compose';
+import { NavigationRoute } from './NavigationWrapper';
+export type NavigationButtonProps = Omit<ButtonProps, 'onClick'> & {
+    route: NavigationRoute;
+    onClick?: (route: NavigationRoute) => void;
+};
+export declare const NavigationButton: ({ route, onClick, children, ...props }: NavigationButtonProps) => import("react").JSX.Element;

package/build/jetpack-compose/components/NavigationButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationButton = void 0;
+const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
+const NavigationWrapper_1 = require("./NavigationWrapper");
+const TextSlot_1 = require("./TextSlot");
+const NavigationButton = ({ route, onClick, children, ...props }) => {
+    const handleClick = () => {
+        onClick?.(route);
+        (0, NavigationWrapper_1.navigate)(route);
+    };
+    return (<jetpack_compose_1.Button {...props} onClick={handleClick}>
+			{typeof children === 'string' ? <TextSlot_1.Text>{children}</TextSlot_1.Text> : children}
+		</jetpack_compose_1.Button>);
+};
+exports.NavigationButton = NavigationButton;

package/build/jetpack-compose/components/NavigationWrapper.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type NavigationRoute = 'screen_A' | 'screen_B';
+export type NavigationWrapperProps = {
+    screenA: ReactNode;
+    screenB: ReactNode;
+    startDestination?: NavigationRoute;
+};
+export declare const navigate: (route: NavigationRoute) => Promise<void>;
+export declare const goBack: () => Promise<boolean>;
+export declare const NavigationWrapper: ({ screenA, screenB, startDestination }: NavigationWrapperProps) => import("react").JSX.Element;

package/build/jetpack-compose/components/NavigationWrapper.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationWrapper = exports.goBack = exports.navigate = void 0;
+const expo_1 = require("expo");
+const SlotNativeView = (0, expo_1.requireNativeView)('ExpoUI', 'SlotView');
+const NavigationWrapperNativeView = (0, expo_1.requireNativeView)('PytechUi', 'NavigationWrapperView');
+const Native = (0, expo_1.requireNativeModule)('PytechUi');
+const navigate = (route) => Native.navigate(route);
+exports.navigate = navigate;
+const goBack = () => Native.goBack();
+exports.goBack = goBack;
+const NavigationWrapper = ({ screenA, screenB, startDestination }) => (<NavigationWrapperNativeView startDestination={startDestination}>
+		<SlotNativeView slotName="screen_A">{screenA}</SlotNativeView>
+		<SlotNativeView slotName="screen_B">{screenB}</SlotNativeView>
+	</NavigationWrapperNativeView>);
+exports.NavigationWrapper = NavigationWrapper;

package/build/jetpack-compose/components/PagePicker/Item.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_2 = require("react");
-const jetpack_compose_1 = require("../..");
+const jetpack_compose_1 = require("../../index.js");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
 const context_1 = require("./context");
 const PickerItem = ({ children, tag, ...props }) => {
@@ -51,14 +51,14 @@ const PickerItem = ({ children, tag, ...props }) => {
             (0, modifiers_1.clickable)(() => {
                 onSelectionChange?.(tag);
             })
-        ]} colors={{ trailingContentColor: jetpack_compose_1.Color.link }} {...props}>
-            <context_1.TagProvider tag={ContextTagValue} addedDefaults={addedDefaults}>
-                {children}
-                <jetpack_compose_1.ListItem.TrailingContent>
-                    <IconReactive />
-                </jetpack_compose_1.ListItem.TrailingContent>
-            </context_1.TagProvider>
-
+        ]} colors={{ trailingContentColor: jetpack_compose_1.Color.link }} {...props}>
+            <context_1.TagProvider tag={ContextTagValue} addedDefaults={addedDefaults}>
+                {children}
+                <jetpack_compose_1.ListItem.TrailingContent>
+                    <IconReactive />
+                </jetpack_compose_1.ListItem.TrailingContent>
+            </context_1.TagProvider>
+
         </jetpack_compose_1.ListItem>);
 };
 const IconReactive = (0, react_1.memo)(() => {
@@ -74,8 +74,8 @@ const LeadingContent = (props) => <jetpack_compose_1.ListItem.LeadingContent {..
 const HeadlineContent = (props) => <jetpack_compose_1.ListItem.HeadlineContent {...props}/>;
 const HeadlineContentDefault = () => {
     const tag = (0, context_1.useContextTag)();
-    return (<jetpack_compose_1.ListItem.HeadlineContent>
-            <jetpack_compose_1.Text>{tag}</jetpack_compose_1.Text>
+    return (<jetpack_compose_1.ListItem.HeadlineContent>
+            <jetpack_compose_1.Text>{tag}</jetpack_compose_1.Text>
         </jetpack_compose_1.ListItem.HeadlineContent>);
 };
 PickerItem.HeadlineContent = HeadlineContent;

package/build/jetpack-compose/components/PagePicker/Picker.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const jetpack_compose_1 = require("../..");
+const jetpack_compose_1 = require("../../index.js");
 const context_1 = require("./context");
 const Item_1 = __importDefault(require("./Item"));
 const Picker = ({ children, data, selection, onSelectionChange }) => {
-    return (<context_1.PickerProvider selection={selection} onSelectionChange={onSelectionChange}>
-            <jetpack_compose_1.Section>
-                {children ? children : (data?.map(item => (<Item_1.default tag={item}/>)))}
-            </jetpack_compose_1.Section>
+    return (<context_1.PickerProvider selection={selection} onSelectionChange={onSelectionChange}>
+            <jetpack_compose_1.Section>
+                {children ? children : (data?.map(item => (<Item_1.default tag={item}/>)))}
+            </jetpack_compose_1.Section>
         </context_1.PickerProvider>);
 };
 exports.default = Picker;

package/build/jetpack-compose/components/PagePicker/context/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { SelectionValueType } from '../types';
 import type { PickerProviderProps, TagProviderProps, ContextCallbacksProps } from './types';
-export declare const useContextCallbacks: () => ContextCallbacksProps;
+export declare const useContextCallbacks: () => ContextCallbacksProps | null;
 export declare const useContextSelection: () => SelectionValueType;
 export declare const useContextTag: () => SelectionValueType;
 declare const PickerProvider: ({ children, selection, onSelectionChange, }: PickerProviderProps) => React.JSX.Element;

package/build/jetpack-compose/components/PagePicker/context/index.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagProvider = exports.PickerProvider = exports.useContextTag = exports.useContextSelection = exports.useContextCallbacks = void 0;
 const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../../../constants/hooks");
+const hooks_1 = require("../../../../constants/hooks.js");
 const ContextCallbacks = (0, react_1.createContext)(null);
 const useContextCallbacks = () => (0, react_1.useContext)(ContextCallbacks);
 exports.useContextCallbacks = useContextCallbacks;
@@ -63,10 +63,10 @@ const PickerProvider = ({ children, selection, onSelectionChange, }) => {
     }, [onSelectionChange]);
     const ContextCallbacksValue = (0, react_1.useMemo)(() => ({ onSelectionChange: _onSelectionChange }), [_onSelectionChange]);
     const ContextSelectionValue = (0, react_1.useMemo)(() => currentSelection, [currentSelection]);
-    return (<ContextCallbacks.Provider value={ContextCallbacksValue}>
-        <ContextSelection.Provider value={ContextSelectionValue}>
-            {children}
-        </ContextSelection.Provider>
+    return (<ContextCallbacks.Provider value={ContextCallbacksValue}>
+        <ContextSelection.Provider value={ContextSelectionValue}>
+            {children}
+        </ContextSelection.Provider>
         </ContextCallbacks.Provider>);
 };
 exports.PickerProvider = PickerProvider;
@@ -82,9 +82,9 @@ const TagProvider = ({ children, tag, addedDefaults = [] }) => {
         if (!(addedTypes.includes(type)))
             addedChildren.push(component);
     });
-    return (<ContextTag.Provider value={tag}>
-            {children}
-            {addedChildren}
+    return (<ContextTag.Provider value={tag}>
+            {children}
+            {addedChildren}
         </ContextTag.Provider>);
 };
 exports.TagProvider = TagProvider;

package/build/jetpack-compose/components/PullToRefreshBox.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PullToRefreshBox = void 0;
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const react_1 = require("react");
-const jetpack_compose_2 = require("..");
+const jetpack_compose_2 = require("../index.js");
 const PullToRefreshBox = ({ contentAlignment, ...props }) => {
     const newContentAlignment = contentAlignment ?? 'topCenter';
     const newProps = { ...props, contentAlignment: newContentAlignment };

package/build/jetpack-compose/components/SearchBar.d.ts

@@ -1,4 +1,4 @@
-import type { ModifierConfig } from '../utils';
+import type { ModifierConfig } from '../utils/index.js';
 export interface SearchBarProps {
     placeholder?: string;
     /**

package/build/jetpack-compose/components/SearchBar.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchBar = void 0;
 const expo_1 = require("expo");
-const utils_1 = require("../utils");
+const utils_1 = require("../utils/index.js");
 const SearchBarNativeView = (0, expo_1.requireNativeView)('PytechUi', 'SearchBarView');
 const SearchBar = ({ onDismiss, onChangeText, ...props }) => {
     return (<SearchBarNativeView {...(0, utils_1.transformProps)({ ...props })} onDismiss={onDismiss} onChangeText={onChangeText

package/build/jetpack-compose/components/Section/components/Column.d.ts

@@ -2,5 +2,5 @@ import { ColumnProps } from "@expo/ui/jetpack-compose";
 declare const _default: import("react").MemoExoticComponent<({ children, isTop }: {
     children: ColumnProps["children"];
     isTop?: boolean;
-}) => import("react").JSX.Element>;
+}) => import("react").JSX.Element | null>;
 export default _default;

package/build/jetpack-compose/components/Section/components/Column.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const jetpack_compose_2 = require("../../..");
+const jetpack_compose_2 = require("../../../index.js");
 exports.default = (0, react_1.memo)(({ children, isTop = false }) => {
     const horizontalPadding = (0, react_1.useMemo)(() => (0, modifiers_1.padding)(jetpack_compose_2.Tokens.ListTokens.DividerLeadingSpace, 0, jetpack_compose_2.Tokens.ListTokens.DividerTrailingSpace, 0), []);
     const modifiers = (0, react_1.useMemo)(() => [
@@ -14,7 +14,7 @@ exports.default = (0, react_1.memo)(({ children, isTop = false }) => {
     ], [isTop]);
     if (!children)
         return null;
-    return (<jetpack_compose_1.Column verticalArrangement={{ spacedBy: 6 }} modifiers={modifiers}>
-			{children}
+    return (<jetpack_compose_1.Column verticalArrangement={{ spacedBy: 6 }} modifiers={modifiers}>
+			{children}
 		</jetpack_compose_1.Column>);
 });

package/build/jetpack-compose/components/Section/components/Section.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const jetpack_compose_2 = require("../../..");
+const jetpack_compose_2 = require("../../../index.js");
 const SectionHost_1 = __importDefault(require("../../SectionHost"));
 const Column_1 = __importDefault(require("./Column"));
 const Slot_1 = __importDefault(require("./Slot"));
@@ -47,21 +47,21 @@ const hasSectionContent = (children) => react_1.default.Children.toArray(childre
 /**
  * Section Android: el contenido pasa por [SectionHost] nativo (first/last en ListItems anidados).
  */
-exports.default = (0, react_1.memo)(({ title, header, footer, children, }) => (<>
-		<Column_1.default isTop>
-			{(title || header) && (<>
-					{title && <Slot_1.default slotName="title">{title}</Slot_1.default>}
-					{header && <Slot_1.default slotName="header">{header}</Slot_1.default>}
-				</>)}
-		</Column_1.default>
-
-		<SectionHost_1.default>
-			{children}
-		</SectionHost_1.default>
-
-		<Column_1.default>
-			{footer && <Slot_1.default slotName="footer">{footer}</Slot_1.default>}
-		</Column_1.default>
-
-		{hasSectionContent(children) && (<jetpack_compose_1.Box modifiers={[(0, modifiers_1.padding)(0, 0, 0, jetpack_compose_2.Tokens.ListTokens.ItemOneLineContainerHeight / 2)]}/>)}
+exports.default = (0, react_1.memo)(({ title, header, footer, children, }) => (<>
+		<Column_1.default isTop>
+			{(title || header) && (<>
+					{title && <Slot_1.default slotName="title">{title}</Slot_1.default>}
+					{header && <Slot_1.default slotName="header">{header}</Slot_1.default>}
+				</>)}
+		</Column_1.default>
+
+		<SectionHost_1.default>
+			{children}
+		</SectionHost_1.default>
+
+		<Column_1.default>
+			{footer && <Slot_1.default slotName="footer">{footer}</Slot_1.default>}
+		</Column_1.default>
+
+		{hasSectionContent(children) && (<jetpack_compose_1.Box modifiers={[(0, modifiers_1.padding)(0, 0, 0, jetpack_compose_2.Tokens.ListTokens.ItemOneLineContainerHeight / 2)]}/>)}
 	</>));

package/build/jetpack-compose/components/Section/components/Slot.d.ts

@@ -1,4 +1,4 @@
-import { TextProps, TextSlotProps } from '../../..';
+import { TextProps, TextSlotProps } from '../../../index.js';
 declare const _default: import("react").MemoExoticComponent<({ children, slotName }: SlotProps) => import("react").JSX.Element>;
 export default _default;
 type SlotProps = {

package/build/jetpack-compose/components/Section/components/Slot.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const jetpack_compose_1 = require("../../..");
-exports.default = (0, react_1.memo)(({ children, slotName }) => (<jetpack_compose_1.TextSlot slotName={slotName}>
-		{typeof children === 'string' ? <jetpack_compose_1.Text>{children}</jetpack_compose_1.Text> : children}
+const jetpack_compose_1 = require("../../../index.js");
+exports.default = (0, react_1.memo)(({ children, slotName }) => (<jetpack_compose_1.TextSlot slotName={slotName}>
+		{typeof children === 'string' ? <jetpack_compose_1.Text>{children}</jetpack_compose_1.Text> : children}
 	</jetpack_compose_1.TextSlot>));

package/build/jetpack-compose/components/SectionHost/index.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type ModifierConfig } from '../../utils';
+import { type ModifierConfig } from '../../utils/index.js';
 export type SectionHostProps = {
     children?: ReactNode;
     modifiers?: ModifierConfig[];

package/build/jetpack-compose/components/SectionHost/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const expo_1 = require("expo");
-const utils_1 = require("../../utils");
+const utils_1 = require("../../utils/index.js");
 const SectionHostNativeView = (0, expo_1.requireNativeView)('PytechUi', 'SectionHostView');
 function transformProps(props) {
     const { modifiers, ...restProps } = props;
@@ -16,8 +16,8 @@ function transformProps(props) {
  * Contenedor nativo de section: detecta ListItems anidados en el árbol de vistas
  * y les asigna `isFirst` / `isLast` sin depender de ser hijo directo en React.
  */
-const SectionHost = (0, react_1.memo)(({ children, ...props }) => (<SectionHostNativeView {...transformProps(props)}>
-		{children}
+const SectionHost = (0, react_1.memo)(({ children, ...props }) => (<SectionHostNativeView {...transformProps(props)}>
+		{children}
 	</SectionHostNativeView>));
 SectionHost.displayName = 'SectionHost';
 exports.default = SectionHost;

package/build/jetpack-compose/components/TextField.d.ts

@@ -1,5 +1,5 @@
 import type { Ref } from 'react';
-import { ModifierConfig } from '../utils';
+import { ModifierConfig } from '../utils/index.js';
 import type { TextFieldKeyboardOptions } from '@expo/ui/jetpack-compose';
 export type TextFieldRef = {
     focus: () => Promise<void>;

package/build/jetpack-compose/components/TextField.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
 const expo_1 = require("expo");
-const utils_1 = require("../utils");
+const utils_1 = require("../utils/index.js");
 const TextFieldNativeView = (0, expo_1.requireNativeView)('PytechUi', 'TextFieldView');
 /**
  *