pytech-ui 1.0.30 → 1.0.32

package/build/contexts/app/src/styles.css

@@ -1,17 +1,17 @@
-/* Scrollbar */
-::-webkit-scrollbar {
-    width: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-    background: hsl(252, 3%, 35%);
-    border-radius: 999px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: hsl(252, 3%, 50%);
+/* Scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: hsl(252, 3%, 35%);
+    border-radius: 999px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: hsl(252, 3%, 50%);
 }

package/build/contexts/app/types.d.ts

@@ -1,4 +1,4 @@
-import { ColorScheme } from "../../constants/colors";
+import { ColorScheme } from "../../constants/colors.js";
 type AppContext = {
     colorScheme: ColorScheme;
     fontScale: number;

package/build/contexts/router/index.d.ts

@@ -1,5 +1,5 @@
 import { Data } from './types';
-export declare const Provider: import("react").Provider<Data>, useRouter: () => Data;
+export declare const Provider: import("react").Provider<Data | null>, useRouter: () => Data;
 declare const _default: import("react").MemoExoticComponent<({ children }: {
     children: React.ReactNode;
 }) => import("react").JSX.Element>;

package/build/contexts/router/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRouter = exports.Provider = void 0;
 const expo_router_1 = require("expo-router");
 const react_1 = require("react");
-const constants_1 = require("../../constants");
+const constants_1 = require("../../constants/index.js");
 const pathname_1 = require("../pathname");
 const utils_1 = require("./utils");
 _a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useRouter = _a[1];
@@ -29,7 +29,7 @@ exports.default = (0, react_1.memo)(({ children }) => {
             expo_router_1.router.back();
     }, [globalParams]);
     const value = (0, react_1.useMemo)(() => ({ push, replace, dismissTo }), [push, replace, dismissTo]);
-    return (<exports.Provider value={value}>
-            {children}
+    return (<exports.Provider value={value}>
+            {children}
         </exports.Provider>);
 });

package/build/jetpack-compose/components/Columns/CommonColumn/index.js

@@ -28,8 +28,8 @@ const CommonColumn = ({ isLazy = false, children, contentPadding = { start: 0, e
         modifiers: newModifiers,
         contentPadding: newContentPadding,
     };
-    return (<Container isLazy={isLazy} {...newProps}>
-			{children}
+    return (<Container isLazy={isLazy} {...newProps}>
+			{children}
 		</Container>);
 };
 const Container = ({ children, isLazy = false, ...props }) => {

package/build/jetpack-compose/components/Columns/CommonColumn/types.d.ts

@@ -1,5 +1,5 @@
 import { ContentPadding, ColumnProps as ExpoColumnProps, LazyColumnProps as ExpoLazyColumnProps } from "@expo/ui/jetpack-compose";
-import { ModifierConfig } from '../../../utils';
+import { ModifierConfig } from '../../../utils/index.js';
 import { ListStyle } from "../types";
 import { CommonProps } from "../types";
 export type CommonColumnProps = CommonProps & (ExpoColumnProps | ExpoLazyColumnProps) & {

package/build/jetpack-compose/components/Columns/CommonColumn/utils.d.ts

@@ -1,3 +1,3 @@
 import { getNewModifiersType } from "./types";
-export declare const getClipModifier: () => import("@expo/ui/build/jetpack-compose/modifiers/createModifier").ModifierConfig;
+export declare const getClipModifier: () => import("node_modules/@expo/ui/build/jetpack-compose/modifiers/createModifier").ModifierConfig;
 export declare const getNewModifiers: getNewModifiersType;

package/build/jetpack-compose/components/Columns/CommonColumn/utils.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNewModifiers = exports.getClipModifier = void 0;
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const extended_theme_1 = require("../../../extended-theme");
+const extended_theme_1 = require("../../../extended-theme/index.js");
 const getClipModifier = () => (0, modifiers_1.clip)({ type: 'roundedCorner', radius: extended_theme_1.Tokens.ShapeTokens.CornerValueExtraLarge });
 exports.getClipModifier = getClipModifier;
 const getNewModifiers = ({ contentPadding, listStyle }) => ([

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle, ColorValue } from 'react-native';
-import type { ModifierConfig } from '../../utils';
+import type { ModifierConfig } from '../../utils/index.js';
 export interface DropdownMenuProps {
     children: ReactNode;
     expanded?: boolean;

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

@@ -5,7 +5,7 @@ exports.Trigger = Trigger;
 exports.Preview = Preview;
 exports.DropdownMenu = DropdownMenu;
 const expo_1 = require("expo");
-const utils_1 = require("../../utils");
+const utils_1 = require("../../utils/index.js");
 const MenuNativeView = (0, expo_1.requireNativeView)('PytechUi', 'DropdownMenuView');
 const SlotNativeView = (0, expo_1.requireNativeView)('ExpoUI', 'SlotView');
 function Items(props) {
@@ -21,8 +21,8 @@ function Preview(props) {
 }
 function DropdownMenu(props) {
     const { modifiers, offset, ...restProps } = props;
-    return (<MenuNativeView style={props.style} modifiers={modifiers} offsetX={offset?.x} offsetY={offset?.y} {...(modifiers ? (0, utils_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}>
-            {props.children}
+    return (<MenuNativeView style={props.style} modifiers={modifiers} offsetX={offset?.x} offsetY={offset?.y} {...(modifiers ? (0, utils_1.createViewModifierEventListener)(modifiers) : undefined)} {...restProps}>
+            {props.children}
         </MenuNativeView>);
 }
 DropdownMenu.Trigger = Trigger;

package/build/jetpack-compose/components/DropdownPicker/Picker.d.ts

@@ -2,13 +2,13 @@ import type { PickerProps } from './types';
 declare const Picker: {
     ({ children, data, selection, onSelectionChange }: PickerProps): import("react").JSX.Element;
     Item: {
-        ({ tag, onPress, ...props }: import("../..").DropdownPickerItemProps): import("react").JSX.Element;
+        ({ tag, onPress, ...props }: import("../../index.js").DropdownPickerItemProps): import("react").JSX.Element;
         Label: {
-            ({ children, ...props }: import("../..").MenuLabelProps): import("react").JSX.Element;
+            ({ children, ...props }: import("../../index.js").MenuLabelProps): import("react").JSX.Element;
             displayName: string;
         };
         Icon: {
-            ({ size, ...props }: import("../..").IconProps): import("react").JSX.Element;
+            ({ size, ...props }: import("../../index.js").IconProps): import("react").JSX.Element;
             displayName: string;
         };
     };

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

@@ -37,8 +37,8 @@ exports.Picker = void 0;
 const react_1 = 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 hooks_1 = require("../../../constants/hooks.js");
+const jetpack_compose_2 = require("../../index.js");
 const Menu_1 = require("../Menu");
 const PickerItem_1 = require("./PickerItem");
 const context_1 = __importStar(require("./context"));
@@ -49,28 +49,28 @@ const Picker = ({ children, data, selection, onSelectionChange }) => {
     (0, hooks_1.useEffectWithoutFirstRender)(() => onSelectionChange?.(Selection), [Selection]);
     const value = (0, react_1.useMemo)(() => ({ setSelection, setLabel }), []);
     const valueSelection = (0, react_1.useMemo)(() => ({ Selection }), [Selection]);
-    return (<context_1.default.Provider value={value}>
-        <context_1.ContextSelection.Provider value={valueSelection}>
-            <jetpack_compose_2.Surface contentColor={jetpack_compose_2.Color.link}>
-                <Menu_1.Menu hasLeading>
-                    
-                    <Menu_1.Menu.Trigger>
-                        <Menu_1.Menu.Label>{Label ?? Selection}</Menu_1.Menu.Label>
-                        <jetpack_compose_1.Column verticalArrangement={{ spacedBy: -4 }}>
-                            <jetpack_compose_2.Icon source="Icons.Rounded.ArrowForwardIos" modifiers={[(0, modifiers_1.rotate)(-90)]} size={12}/>
-                            <jetpack_compose_2.Icon source="Icons.Rounded.ArrowForwardIos" modifiers={[(0, modifiers_1.rotate)(90)]} size={12}/>
-                        </jetpack_compose_1.Column>
-                    </Menu_1.Menu.Trigger>
-
-                    {data?.map(item => (<PickerItem_1.PickerItem tag={item}>
-                            {item}
-                        </PickerItem_1.PickerItem>))}
-
-                    {children}
-                    
-                </Menu_1.Menu>
-            </jetpack_compose_2.Surface>
-        </context_1.ContextSelection.Provider>
+    return (<context_1.default.Provider value={value}>
+        <context_1.ContextSelection.Provider value={valueSelection}>
+            <jetpack_compose_2.Surface contentColor={jetpack_compose_2.Color.link}>
+                <Menu_1.Menu hasLeading>
+                    
+                    <Menu_1.Menu.Trigger>
+                        <Menu_1.Menu.Label>{Label ?? Selection}</Menu_1.Menu.Label>
+                        <jetpack_compose_1.Column verticalArrangement={{ spacedBy: -4 }}>
+                            <jetpack_compose_2.Icon source="Icons.Rounded.ArrowForwardIos" modifiers={[(0, modifiers_1.rotate)(-90)]} size={12}/>
+                            <jetpack_compose_2.Icon source="Icons.Rounded.ArrowForwardIos" modifiers={[(0, modifiers_1.rotate)(90)]} size={12}/>
+                        </jetpack_compose_1.Column>
+                    </Menu_1.Menu.Trigger>
+
+                    {data?.map(item => (<PickerItem_1.PickerItem tag={item}>
+                            {item}
+                        </PickerItem_1.PickerItem>))}
+
+                    {children}
+                    
+                </Menu_1.Menu>
+            </jetpack_compose_2.Surface>
+        </context_1.ContextSelection.Provider>
         </context_1.default.Provider>);
 };
 exports.Picker = Picker;

package/build/jetpack-compose/components/DropdownPicker/PickerItem.js

@@ -21,18 +21,18 @@ const PickerItem = ({ tag, onPress, ...props }) => {
             setLabel(newLabel);
     }, [tag]);
     const value = (0, react_1.useMemo)(() => ({ registerLabel }), []);
-    return (<context_1.ContextItem.Provider value={value}>
-            <Menu_1.Menu.Item {...props} onPress={_onPress} isOn={Selection === tag}/>
+    return (<context_1.ContextItem.Provider value={value}>
+            <Menu_1.Menu.Item {...props} onPress={_onPress} isOn={Selection === tag}/>
         </context_1.ContextItem.Provider>);
 };
 exports.PickerItem = PickerItem;
 const Label = ({ children, ...props }) => {
     const { registerLabel } = (0, context_1.usePickerItem)();
     (0, react_1.useEffect)(() => {
-        registerLabel(children);
+        registerLabel(typeof children === 'string' ? children : undefined);
     }, [children]);
-    return (<Menu_1.Menu.Label {...props}>
-            {children}
+    return (<Menu_1.Menu.Label {...props}>
+            {children}
         </Menu_1.Menu.Label>);
 };
 Label.displayName = 'Label';

package/build/jetpack-compose/components/DropdownPicker/context.d.ts

@@ -1,20 +1,14 @@
-declare const Context: import("react").Context<{
-    setSelection: import("react").Dispatch<import("react").SetStateAction<import("./types").SelectionValueType>>;
-    setLabel: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-}>;
+import type { ContextValueType, ContextItemValueType, ContextSelectionValueType } from "./types";
+declare const Context: import("react").Context<ContextValueType>;
 export declare const usePicker: () => {
     setSelection: import("react").Dispatch<import("react").SetStateAction<import("./types").SelectionValueType>>;
     setLabel: import("react").Dispatch<import("react").SetStateAction<string | null>>;
 };
-export declare const ContextSelection: import("react").Context<{
-    Selection: import("./types").SelectionValueType;
-}>;
+export declare const ContextSelection: import("react").Context<ContextSelectionValueType>;
 export declare const usePickerSelection: () => {
     Selection: import("./types").SelectionValueType;
 };
-export declare const ContextItem: import("react").Context<{
-    registerLabel: (label?: string) => void;
-}>;
+export declare const ContextItem: import("react").Context<ContextItemValueType>;
 export declare const usePickerItem: () => {
     registerLabel: (label?: string) => void;
 };

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

@@ -3,7 +3,7 @@ import type { ForEachProps } from './types';
 export declare function ForEach<T = unknown>({ modifiers, contentPadding, data, keyExtractor, renderItem, ListHeaderComponent, ListFooterComponent, children, ...restProps }: ForEachProps<T>): import("react").JSX.Element;
 export declare namespace ForEach {
     var ListItem: {
-        (_props: import("./types").ForEachListItemProps): any;
+        (_props: import("./types").ForEachListItemProps): null;
         displayName: string;
     };
     var Header: ({ children }: {

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForEach = ForEach;
 const expo_1 = require("expo");
 const react_1 = require("react");
-const utils_1 = require("../../../utils");
+const utils_1 = require("../../../utils/index.js");
 const List_1 = require("../../List");
 const keyExtractor_1 = require("./utils/keyExtractor");
 const resolveListItemElement_1 = require("./utils/resolveListItemElement");
@@ -43,10 +43,10 @@ function ForEach({ modifiers, contentPadding = defaultContentPadding, data, keyE
     const modifierEvents = (0, react_1.useMemo)(() => (modifiers ? (0, utils_1.createViewModifierEventListener)(modifiers) : undefined), [modifiers]);
     const headerContent = renderListSlotComponent(ListHeaderComponent);
     const footerContent = renderListSlotComponent(ListFooterComponent);
-    return (<Native modifiers={modifiers} contentPaddingStart={contentPadding.start ?? defaultContentPadding.start} contentPaddingEnd={contentPadding.end ?? defaultContentPadding.end} contentPaddingTop={contentPadding.top ?? defaultContentPadding.top} contentPaddingBottom={contentPadding.bottom ?? defaultContentPadding.bottom} data={nativeData} onItemPress={onItemPress} {...modifierEvents} {...restProps}>
-			{headerContent != null && <Header>{headerContent}</Header>}
-			{children}
-			{footerContent != null && <Footer>{footerContent}</Footer>}
+    return (<Native modifiers={modifiers} contentPaddingStart={contentPadding.start ?? defaultContentPadding.start} contentPaddingEnd={contentPadding.end ?? defaultContentPadding.end} contentPaddingTop={contentPadding.top ?? defaultContentPadding.top} contentPaddingBottom={contentPadding.bottom ?? defaultContentPadding.bottom} data={nativeData} onItemPress={onItemPress} {...modifierEvents} {...restProps}>
+			{headerContent != null && <Header>{headerContent}</Header>}
+			{children}
+			{footerContent != null && <Footer>{footerContent}</Footer>}
 		</Native>);
 }
 ForEach.ListItem = ListItem_1.ForEachListItem;

package/build/jetpack-compose/components/ForEach/src/ListItem.d.ts

@@ -1,5 +1,5 @@
 import { ForEachListItemProps } from './types';
 export declare const ForEachListItem: {
-    (_props: ForEachListItemProps): any;
+    (_props: ForEachListItemProps): null;
     displayName: string;
 };

package/build/jetpack-compose/components/ForEach/src/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, type ReactElement, type ReactNode } from 'react';
-import { type ModifierConfig } from '../../../utils';
+import { type ModifierConfig } from '../../../utils/index.js';
 import { type ListItemProps } from '../../ListItem/SlotListItem';
 import { type IconProps } from '../../Icon';
 import { type GradientProps, type NativeGradientProps } from '../../Gradient';

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gradient = exports.transformProps = void 0;
 const expo_1 = require("expo");
 const react_1 = require("react");
-const gradient_1 = require("../../../constants/gradient");
+const gradient_1 = require("../../../constants/gradient.js");
 const transformProps = ({ text, color = 'default', type = 'small', source, iconSize, fontSize, size = null } = {}) => {
     const cantLetras = text?.length;
     if (cantLetras && cantLetras > 3)

package/build/jetpack-compose/components/Gradient/types.d.ts

@@ -1,4 +1,4 @@
-import { colors, sizesType } from '../../../constants/gradient';
+import { colors, sizesType } from '../../../constants/gradient.js';
 import { IconProps } from '../Icon';
 export type Props = {
     /**

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

@@ -1,3 +1,4 @@
-import { HostProps } from '@expo/ui/jetpack-compose';
-export declare const Host: ({ style, ...props }: HostProps) => import("react").JSX.Element;
-export { HostProps };
+import { HostProps as ExpoHostProps } from '@expo/ui/jetpack-compose';
+import { NavigationWrapperProps } from './NavigationWrapper';
+export type HostProps = ExpoHostProps & Partial<NavigationWrapperProps>;
+export declare const Host: ({ style, screenA, screenB, startDestination, ...props }: HostProps) => import("react").JSX.Element;

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

@@ -3,10 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Host = void 0;
 const expo_1 = require("expo");
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
+const NavigationWrapper_1 = require("./NavigationWrapper");
 const ExtendedTheme = (0, expo_1.requireNativeView)('PytechUi', 'ExtendedTheme');
-const Host = ({ style, ...props }) => {
+const Host = ({ style, screenA, screenB, startDestination, ...props }) => {
+    const hasNavigation = screenA != null && screenB != null;
     return (<jetpack_compose_1.Host style={{ flex: 1, ...style }} {...props}>
-            <ExtendedTheme>{props.children}</ExtendedTheme>
+            <ExtendedTheme>
+                {hasNavigation ? (<NavigationWrapper_1.NavigationWrapper screenA={screenA} screenB={screenB} startDestination={startDestination}/>) : (props.children)}
+            </ExtendedTheme>
         </jetpack_compose_1.Host>);
 };
 exports.Host = Host;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const expo_1 = require("expo");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const utils_1 = require("../../../utils");
+const utils_1 = require("../../../utils/index.js");
 const IconNativeView = (0, expo_1.requireNativeView)('PytechUi', 'IconView');
 exports.default = (props) => {
     const { size: sizeProp, modifiers, ...restProps } = props;

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

@@ -1,7 +1,7 @@
 import { IconProps as ExpoIconProps } from '@expo/ui/jetpack-compose';
 import { IconProps as NativeIconProps } from './Icon';
 declare const Icon: {
-    ({ source, size, ...props }: IconProps): import("react").JSX.Element;
+    ({ source, size, ...props }: IconProps): 0 | import("react").JSX.Element | undefined;
     displayName: string;
 };
 type NativeIconProps_ = Omit<NativeIconProps, 'source'>;

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

@@ -2,34 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 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 utils_1 = require("./utils");
 const IconSection = ({ title, subtitle, gradientProps, buttonProps }) => {
     const spacing = gradientProps?.type === 'extraLarge' ? 10 : 20;
-    return (<jetpack_compose_2.Section>
-            <jetpack_compose_1.Column horizontalAlignment='center' modifiers={[(0, modifiers_1.fillMaxWidth)()]} verticalArrangement={{ spacedBy: spacing }}>
-                {gradientProps && <jetpack_compose_2.Gradient {...gradientProps}/>}
-
-                {(title || subtitle) && (<jetpack_compose_1.Column horizontalAlignment='center' verticalArrangement={{ spacedBy: 2 }}>
-                        {title && (<jetpack_compose_2.TextSlot slotName="icontitle">
-                                <jetpack_compose_2.Text>{title}</jetpack_compose_2.Text>
-                            </jetpack_compose_2.TextSlot>)}
-                        {subtitle && (<jetpack_compose_2.TextSlot slotName="iconsubtitle">
-                                <jetpack_compose_2.Text>{subtitle}</jetpack_compose_2.Text>
-                            </jetpack_compose_2.TextSlot>)}
-                    </jetpack_compose_1.Column>)}
+    return (<jetpack_compose_2.Section>
+            <jetpack_compose_1.Column horizontalAlignment='center' modifiers={[(0, modifiers_1.fillMaxWidth)()]} verticalArrangement={{ spacedBy: spacing }}>
+                {gradientProps && <jetpack_compose_2.Gradient {...gradientProps}/>}
+
+                {(title || subtitle) && (<jetpack_compose_1.Column horizontalAlignment='center' verticalArrangement={{ spacedBy: 2 }}>
+                        {title && (<jetpack_compose_2.TextSlot slotName="icontitle">
+                                <jetpack_compose_2.Text>{title}</jetpack_compose_2.Text>
+                            </jetpack_compose_2.TextSlot>)}
+                        {subtitle && (<jetpack_compose_2.TextSlot slotName="iconsubtitle">
+                                <jetpack_compose_2.Text>{subtitle}</jetpack_compose_2.Text>
+                            </jetpack_compose_2.TextSlot>)}
+                    </jetpack_compose_1.Column>)}
                 {buttonProps && (<jetpack_compose_1.Box contentAlignment='center' modifiers={[
                 ...(0, utils_1.getItemClip)(0, 0),
                 (0, modifiers_1.height)(jetpack_compose_2.Tokens.ListTokens.ItemOneLineContainerHeight),
                 (0, modifiers_1.background)(jetpack_compose_2.Color.secondarySystemFill),
                 (0, modifiers_1.clickable)(() => buttonProps.onPress?.()),
                 (0, modifiers_1.padding)(jetpack_compose_2.Tokens.ListTokens.DividerLeadingSpace * 2, 0, jetpack_compose_2.Tokens.ListTokens.DividerTrailingSpace * 2, 0)
-            ]}>
-                        <jetpack_compose_2.TextSlot slotName="iconbutton">
-                            <jetpack_compose_2.Text>{buttonProps.label}</jetpack_compose_2.Text>
-                        </jetpack_compose_2.TextSlot>
-                    </jetpack_compose_1.Box>)}
-            </jetpack_compose_1.Column>
+            ]}>
+                        <jetpack_compose_2.TextSlot slotName="iconbutton">
+                            <jetpack_compose_2.Text>{buttonProps.label}</jetpack_compose_2.Text>
+                        </jetpack_compose_2.TextSlot>
+                    </jetpack_compose_1.Box>)}
+            </jetpack_compose_1.Column>
         </jetpack_compose_2.Section>);
 };
 exports.default = IconSection;

package/build/jetpack-compose/components/IconSection/types.d.ts

@@ -1,4 +1,4 @@
-import { GradientProps } from '../..';
+import { GradientProps } from '../../index.js';
 type Props = {
     /**
         The title of the icon section.

package/build/jetpack-compose/components/IconSection/utils.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getItemClip = void 0;
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const jetpack_compose_1 = require("../..");
+const jetpack_compose_1 = require("../../index.js");
 const getItemClip = (index, lastIndex) => {
     const isFirst = index === 0;
     const isLast = index === lastIndex;

package/build/jetpack-compose/components/List/CommonColumn.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const extended_theme_1 = require("../../extended-theme");
+const extended_theme_1 = require("../../extended-theme/index.js");
 const defaultContentPadding = { start: 16, end: 16, top: 0, bottom: 0 };
 exports.default = ({ isLazy = false, children, contentPadding = defaultContentPadding, modifiers = [], ...props }) => {
     const newModifiers = [
@@ -17,8 +17,8 @@ exports.default = ({ isLazy = false, children, contentPadding = defaultContentPa
         ...props,
         modifiers: newModifiers
     };
-    return (<Container isLazy={isLazy} {...newProps}>
-			{children}
+    return (<Container isLazy={isLazy} {...newProps}>
+			{children}
 		</Container>);
 };
 const Container = ({ children, isLazy = false, ...props }) => {

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

@@ -1,6 +1,6 @@
 import type { ListContextType, ListProps } from './types';
 export type { ListProps };
-export declare const useList: () => ListContextType;
+export declare const useList: () => ListContextType | null;
 /**
  * Emula la List de SwiftUI.
  */

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = exports.useList = void 0;
 const react_1 = require("react");
-const jetpack_compose_1 = require("../..");
+const jetpack_compose_1 = require("../../index.js");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
 const CommonColumn_1 = __importDefault(require("./CommonColumn"));
 const Context = (0, react_1.createContext)(null);
@@ -17,25 +17,25 @@ exports.useList = useList;
 exports.List = (0, react_1.memo)(({ children, onRefresh, ...props }) => {
     const [HasForEach, setHasForEach] = (0, react_1.useState)(false);
     const value = (0, react_1.useMemo)(() => ({ setHasForEach }), [setHasForEach]);
-    return (<Context.Provider value={value}>
-			<PullToRefreshBoxRenderer onRefresh={onRefresh}>
-				<CommonColumnRenderer hasForEach={HasForEach} {...props}>
-					{children}
-				</CommonColumnRenderer>
-			</PullToRefreshBoxRenderer>
+    return (<Context.Provider value={value}>
+			<PullToRefreshBoxRenderer onRefresh={onRefresh}>
+				<CommonColumnRenderer hasForEach={HasForEach} {...props}>
+					{children}
+				</CommonColumnRenderer>
+			</PullToRefreshBoxRenderer>
 		</Context.Provider>);
 });
 const PullToRefreshBoxRenderer = ({ children, onRefresh }) => {
     if (!onRefresh)
         return children;
-    return (<jetpack_compose_1.PullToRefreshBox onRefresh={onRefresh}>
-			{children}
+    return (<jetpack_compose_1.PullToRefreshBox onRefresh={onRefresh}>
+			{children}
 		</jetpack_compose_1.PullToRefreshBox>);
 };
 const CommonColumnRenderer = ({ children, hasForEach, modifiers = [], ...props }) => {
     if (hasForEach)
         return children;
-    return (<CommonColumn_1.default modifiers={[(0, modifiers_1.fillMaxHeight)(), ...modifiers]} {...props}>
-			{children}
+    return (<CommonColumn_1.default modifiers={[(0, modifiers_1.fillMaxHeight)(), ...modifiers]} {...props}>
+			{children}
 		</CommonColumn_1.default>);
 };

package/build/jetpack-compose/components/ListItem/SlotListItem.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type ModifierConfig } from '../../utils';
+import { type ModifierConfig } from '../../utils/index.js';
 import { ColorValue } from 'react-native';
 export type ListItemColors = {
     containerColor?: ColorValue;
@@ -20,7 +20,7 @@ export interface ListItemProps {
     isLast?: boolean;
     hasNavigationLink?: boolean;
 }
-export declare const useListItemColors: () => ListItemColors;
+export declare const useListItemColors: () => ListItemColors | null;
 export { type ListItemProps as SlotListItemProps };
 declare const ListItemComponent: {
     ({ children, colors, ...props }: ListItemProps): import("react").JSX.Element;

package/build/jetpack-compose/components/ListItem/SlotListItem.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlotListItem = exports.useListItemColors = void 0;
 const expo_1 = require("expo");
 const react_1 = require("react");
-const jetpack_compose_1 = require("../..");
-const extended_theme_1 = require("../../extended-theme");
-const utils_1 = require("../../utils");
+const jetpack_compose_1 = require("../../index.js");
+const extended_theme_1 = require("../../extended-theme/index.js");
+const utils_1 = require("../../utils/index.js");
 const ContextListItemColors = (0, react_1.createContext)(null);
 const useListItemColors = () => (0, react_1.useContext)(ContextListItemColors);
 exports.useListItemColors = useListItemColors;
@@ -31,10 +31,10 @@ const ListItemComponent = ({ children, colors, ...props }) => {
         ...defaultColors,
         ...(colors || {}),
     };
-    return (<ListItemNativeView {...transformProps({ ...props, colors: newColors })}>
-			<ContextListItemColors.Provider value={newColors}>
-				{children}
-			</ContextListItemColors.Provider>
+    return (<ListItemNativeView {...transformProps({ ...props, colors: newColors })}>
+			<ContextListItemColors.Provider value={newColors}>
+				{children}
+			</ContextListItemColors.Provider>
 		</ListItemNativeView>);
 };
 const SLOT_NAMES = [
@@ -46,8 +46,8 @@ const SLOT_NAMES = [
 ];
 const SlotView = ({ children, slotKey }) => {
     const slotName = slotKey.charAt(0).toLowerCase() + slotKey.slice(1);
-    return (<SlotNativeView slotName={slotName}>
-			<jetpack_compose_1.TextSlot slotName={slotName}>{children}</jetpack_compose_1.TextSlot>
+    return (<SlotNativeView slotName={slotName}>
+			<jetpack_compose_1.TextSlot slotName={slotName}>{children}</jetpack_compose_1.TextSlot>
 		</SlotNativeView>);
 };
 function createSlotComponent(slotKey) {

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
 const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
-const extended_theme_1 = require("../../../../extended-theme");
-const jetpack_compose_2 = require("../../../..");
+const extended_theme_1 = require("../../../../extended-theme/index.js");
+const jetpack_compose_2 = require("../../../../index.js");
 const Divider = () => (<jetpack_compose_1.HorizontalDivider modifiers={horizontalDividerModifiers} color={jetpack_compose_2.Color.separator}/>);
 const horizontalDividerModifiers = [
     (0, modifiers_1.padding)(extended_theme_1.Tokens.SegmentedMenuTokens.HorizontalItemLeadingSpace, extended_theme_1.Tokens.SegmentedMenuTokens.HorizontalItemTopSpace, extended_theme_1.Tokens.SegmentedMenuTokens.HorizontalItemTrailingSpace, extended_theme_1.Tokens.SegmentedMenuTokens.HorizontalItemBottomSpace),

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

@@ -1,4 +1,4 @@
-import { IconProps } from '../../../..';
+import { IconProps } from '../../../../index.js';
 declare const Icon: {
     ({ size, ...props }: IconProps): import("react").JSX.Element;
     displayName: string;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jetpack_compose_1 = require("../../../..");
+const jetpack_compose_1 = require("../../../../index.js");
 const Icon = ({ size = 17, ...props }) => (<jetpack_compose_1.Icon size={size} {...props}/>);
 Icon.displayName = 'Icon';
 exports.default = Icon;