pytech-ui 1.0.17 → 1.0.21

package/build/constants/gradient.d.ts

@@ -0,0 +1,95 @@
+declare const diameterCircle: {
+    small: number;
+    medium: number;
+    large: number;
+    extraLarge: number;
+    extraExtraLarge: number;
+};
+export type sizesType = keyof typeof diameterCircle;
+export declare const sizes: Record<sizesType, {
+    diameter: number;
+    fontSize: number[];
+}>;
+export declare const colors: {
+    default: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    rojo: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    amarillo: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    azul_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    naranja: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    marron_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    verde_agua: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    marron_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    rosa: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    azul_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    violeta: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    celeste_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    gris: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    celeste_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    verde_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    verde_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+};
+export {};

package/build/constants/gradient.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.sizes = void 0;
+const diameterCircle = {
+    small: 40,
+    medium: 45,
+    large: 50,
+    extraLarge: 100,
+    extraExtraLarge: 200
+};
+exports.sizes = Object.fromEntries(Object.entries(diameterCircle).map(([key, value]) => [key, {
+        diameter: value,
+        fontSize: [0, value * 0.53, value * 0.48, value * 0.43]
+    }]));
+exports.colors = {
+    default: {
+        dark: '#7580ba',
+        middle: '#7580ba',
+        light: '#b1c6e4'
+    },
+    rojo: {
+        dark: '#b12309',
+        middle: '#d9543a',
+        light: '#ff856a'
+    },
+    amarillo: {
+        dark: '#c97c00',
+        middle: '#e4ad1b',
+        light: '#ffe535'
+    },
+    azul_oscuro: {
+        dark: '#0f236d',
+        middle: '#3d51a0',
+        light: '#6a7ec9'
+    },
+    naranja: {
+        dark: '#9c4d00',
+        middle: '#ce8430',
+        light: '#ffba53'
+    },
+    marron_claro: {
+        dark: '#75582e',
+        middle: '#ac9065',
+        light: '#e4c79d'
+    },
+    verde_agua: {
+        dark: '#105951',
+        middle: '#48928a',
+        light: '#80c3ba'
+    },
+    marron_oscuro: {
+        dark: '#4f2a00',
+        middle: '#7d5830',
+        light: '#aa855a'
+    },
+    rosa: {
+        dark: '#892466',
+        middle: '#bd58a1',
+        light: '#f08bcc'
+    },
+    azul_claro: {
+        dark: '#334696',
+        middle: '#697cd0',
+        light: '#9eb1ff'
+    },
+    violeta: {
+        dark: '#482d76',
+        middle: '#7a5ea8',
+        light: '#ac90d9'
+    },
+    celeste_oscuro: {
+        dark: '#005095',
+        middle: '#3790ca',
+        light: '#6dbfff'
+    },
+    gris: {
+        dark: '#445255',
+        middle: '#7a888b',
+        light: '#b0bec1'
+    },
+    celeste_claro: {
+        dark: '#237286',
+        middle: '#5daec1',
+        light: '#98e7fb'
+    },
+    verde_oscuro: {
+        dark: '#215b1d',
+        middle: '#569052',
+        light: '#8ac487'
+    },
+    verde_claro: {
+        dark: '#4b5f13',
+        middle: '#83974b',
+        light: '#bbce82'
+    }
+};

package/build/contexts/app/src/Head/index.web.js

@@ -13,17 +13,17 @@ exports.default = (0, react_1.memo)(({ title = 'Pytech UI', description, ogDescr
         if (react_native_1.Platform.OS === 'web')
             document.title = title;
     }, [pathname, title]);
-    return (<head_1.default>
-			<title>{title}</title>
-			<meta name="description" content={description}/>
-			<meta property="og:type" content="website"/>
-			<meta property="og:title" content={title}/>
-			<meta property="og:description" content={ogDescription ?? description}/>
-			<meta property="og:url" content={siteUrl}/>
-			<meta property="og:image" content={ogImage}/>
-			<meta name="twitter:card" content="summary_large_image"/>
-			<meta name="twitter:title" content={title}/>
-			<meta name="twitter:description" content={ogDescription ?? description}/>
-			<meta name="twitter:image" content={ogImage}/>
+    return (<head_1.default>
+			<title>{title}</title>
+			<meta name="description" content={description}/>
+			<meta property="og:type" content="website"/>
+			<meta property="og:title" content={title}/>
+			<meta property="og:description" content={ogDescription ?? description}/>
+			<meta property="og:url" content={siteUrl}/>
+			<meta property="og:image" content={ogImage}/>
+			<meta name="twitter:card" content="summary_large_image"/>
+			<meta name="twitter:title" content={title}/>
+			<meta name="twitter:description" content={ogDescription ?? description}/>
+			<meta name="twitter:image" content={ogImage}/>
 		</head_1.default>);
 });

package/build/contexts/router/index.js

@@ -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/Color/auto-generated/Colors.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Auto generated by the script extendedTheme/Colors/index.ts
+ * Do not edit manually.
+ */
+import type { ColorValue } from "react-native";
+export type ExtendedColorScheme = {
+    systemBlue: ColorValue;
+    systemBrown: ColorValue;
+    systemCyan: ColorValue;
+    systemGreen: ColorValue;
+    systemIndigo: ColorValue;
+    systemMint: ColorValue;
+    systemOrange: ColorValue;
+    systemPink: ColorValue;
+    systemPurple: ColorValue;
+    systemRed: ColorValue;
+    systemTeal: ColorValue;
+    systemYellow: ColorValue;
+    systemGray: ColorValue;
+    systemGray2: ColorValue;
+    systemGray3: ColorValue;
+    systemGray4: ColorValue;
+    systemGray5: ColorValue;
+    systemGray6: ColorValue;
+    label: ColorValue;
+    secondaryLabel: ColorValue;
+    tertiaryLabel: ColorValue;
+    quaternaryLabel: ColorValue;
+    placeholderText: ColorValue;
+    link: ColorValue;
+    systemBackground: ColorValue;
+    secondarySystemBackground: ColorValue;
+    tertiarySystemBackground: ColorValue;
+    systemGroupedBackground: ColorValue;
+    secondarySystemGroupedBackground: ColorValue;
+    tertiarySystemGroupedBackground: ColorValue;
+    systemFill: ColorValue;
+    secondarySystemFill: ColorValue;
+    tertiarySystemFill: ColorValue;
+    quaternarySystemFill: ColorValue;
+    separator: ColorValue;
+    opaqueSeparator: ColorValue;
+    lightText: ColorValue;
+    darkText: ColorValue;
+};

package/build/jetpack-compose/components/Color/auto-generated/Colors.js

@@ -0,0 +1,6 @@
+"use strict";
+/**
+ * Auto generated by the script extendedTheme/Colors/index.ts
+ * Do not edit manually.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,5 @@
+import { CommonColumnProps } from "./types";
+declare const _default: ({ isLazy, isRaw, modifiers, ...props }: CommonColumnProps & {
+    isRaw?: boolean;
+}) => import("react").JSX.Element;
+export default _default;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
+const utils_1 = require("./utils");
+exports.default = ({ isLazy = false, isRaw = false, modifiers = [], ...props }) => {
+    const newModifiers = (isLazy && isRaw && false) ? [
+        (0, utils_1.getClipModifier)(),
+        ...modifiers
+    ] : modifiers;
+    const newProps = {
+        ...props,
+        modifiers: newModifiers,
+        isLazy: isLazy,
+    };
+    if (isRaw)
+        return <Container {...newProps}/>;
+    return <CommonColumn {...newProps}/>;
+};
+const CommonColumn = ({ isLazy = false, children, contentPadding = { start: 0, end: 0, top: 0, bottom: 0 }, modifiers = [], listStyle = 'automatic', ...props }) => {
+    const newModifiers = [...(0, utils_1.getNewModifiers)({ contentPadding, listStyle }), ...modifiers];
+    const newContentPadding = {
+        ...contentPadding,
+        start: 0,
+        end: 0,
+    };
+    const newProps = {
+        ...props,
+        modifiers: newModifiers,
+        contentPadding: newContentPadding,
+    };
+    return (<Container isLazy={isLazy} {...newProps}>
+			{children}
+		</Container>);
+};
+const Container = ({ children, isLazy = false, ...props }) => {
+    return (isLazy ?
+        <jetpack_compose_1.LazyColumn {...props}>{children}</jetpack_compose_1.LazyColumn> :
+        <jetpack_compose_1.Column {...props}>{children}</jetpack_compose_1.Column>);
+};

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

@@ -0,0 +1,18 @@
+import { ContentPadding, ColumnProps as ExpoColumnProps, LazyColumnProps as ExpoLazyColumnProps } from "@expo/ui/jetpack-compose";
+import { ModifierConfig } from 'src/jetpack-compose/utils';
+import { ListStyle } from "../types";
+import { CommonProps } from "../types";
+export type CommonColumnProps = CommonProps & (ExpoColumnProps | ExpoLazyColumnProps) & {
+    isLazy?: boolean;
+    contentPadding?: ContentPadding;
+};
+export type ContainerProps = (ExpoColumnProps | ExpoLazyColumnProps) & {
+    isLazy?: boolean;
+};
+interface NewModifiersProps {
+    contentPadding: ContentPadding;
+    listStyle: ListStyle;
+}
+export type getNewModifiersType = (args: NewModifiersProps) => ModifierConfig[];
+export type getListStyleModifierType = (listStyle: ListStyle) => ModifierConfig[];
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+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("src/jetpack-compose/extended-theme");
+const getClipModifier = () => (0, modifiers_1.clip)({ type: 'roundedCorner', radius: extended_theme_1.Tokens.ShapeTokens.CornerValueExtraLarge });
+exports.getClipModifier = getClipModifier;
+const getNewModifiers = ({ contentPadding, listStyle }) => ([
+    ...getListStyleModifier(listStyle),
+    (0, modifiers_1.padding)(contentPadding.start ?? 0, 0, contentPadding.end ?? 0, 0),
+    (0, exports.getClipModifier)(),
+]);
+exports.getNewModifiers = getNewModifiers;
+const getListStyleModifier = (listStyle) => {
+    const paddingModifier = listStyle === 'automatic' ? [(0, modifiers_1.padding)(16, 0, 16, 0)] : [];
+    return [
+        ...paddingModifier,
+        (0, modifiers_1.background)(extended_theme_1.Color.systemGroupedBackground)
+    ];
+};

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

@@ -0,0 +1,4 @@
+import type { ColumnProps, LazyColumnProps } from './types';
+export declare const Column: (props: ColumnProps) => import("react").JSX.Element;
+export declare const LazyColumn: (props: LazyColumnProps) => import("react").JSX.Element;
+export type { ColumnProps, LazyColumnProps };

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

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazyColumn = exports.Column = void 0;
+const CommonColumn_1 = __importDefault(require("./CommonColumn"));
+const Column = (props) => <CommonColumn_1.default isLazy={false} {...props}/>;
+exports.Column = Column;
+const LazyColumn = (props) => <CommonColumn_1.default isLazy={true} {...props}/>;
+exports.LazyColumn = LazyColumn;

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

@@ -0,0 +1,10 @@
+import { LazyColumnProps as ExpoLazyColumnProps, ColumnProps as ExpoColumnProps } from "@expo/ui/jetpack-compose";
+export type ListStyle = 'automatic' | 'inset';
+export interface CommonProps {
+    listStyle?: ListStyle;
+    isRaw?: boolean;
+}
+export interface LazyColumnProps extends ExpoLazyColumnProps, CommonProps {
+}
+export interface ColumnProps extends ExpoColumnProps, CommonProps {
+}

package/build/jetpack-compose/components/Columns/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,7 @@
+import type { DialogProperties } from '@expo/ui/src/types';
+export interface DialogProps {
+    properties?: DialogProperties;
+    onDismissRequest?: () => void;
+    children?: React.ReactNode;
+}
+export declare const Dialog: ({ onDismissRequest, children, ...props }: DialogProps) => import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+const expo_1 = require("expo");
+const DialogNativeView = (0, expo_1.requireNativeView)('MyUi', 'DialogView');
+const Dialog = ({ onDismissRequest, children, ...props }) => (<DialogNativeView {...props} onDismissRequest={onDismissRequest}>
+        {children}
+    </DialogNativeView>);
+exports.Dialog = Dialog;

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

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, ColorValue } from 'react-native';
+import type { ModifierConfig } from 'src/jetpack-compose/utils';
+export interface DropdownMenuProps {
+    children: ReactNode;
+    expanded?: boolean;
+    onDismissRequest?: () => void;
+    color?: ColorValue;
+    style?: StyleProp<ViewStyle>;
+    modifiers?: ModifierConfig[];
+    /** Desplazamiento del popup respecto al anchor, en dp. */
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+}
+export declare function Items(props: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare namespace Items {
+    var tag: string;
+}
+export declare function Trigger(props: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare namespace Trigger {
+    var tag: string;
+}
+export declare function Preview(props: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+declare function DropdownMenu(props: DropdownMenuProps): import("react").JSX.Element;
+declare namespace DropdownMenu {
+    var Trigger: typeof import(".").Trigger;
+    var Preview: typeof import(".").Preview;
+    var Items: typeof import(".").Items;
+}
+export { DropdownMenu };

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Items = Items;
+exports.Trigger = Trigger;
+exports.Preview = Preview;
+exports.DropdownMenu = DropdownMenu;
+const expo_1 = require("expo");
+const utils_1 = require("src/jetpack-compose/utils");
+const MenuNativeView = (0, expo_1.requireNativeView)('MyUi', 'DropdownMenuView');
+const SlotNativeView = (0, expo_1.requireNativeView)('ExpoUI', 'SlotView');
+function Items(props) {
+    return <SlotNativeView slotName="items">{props.children}</SlotNativeView>;
+}
+Items.tag = 'Items';
+function Trigger(props) {
+    return <>{props.children}</>;
+}
+Trigger.tag = 'Trigger';
+function Preview(props) {
+    return <></>;
+}
+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}
+        </MenuNativeView>);
+}
+DropdownMenu.Trigger = Trigger;
+DropdownMenu.Preview = Preview;
+DropdownMenu.Items = Items;

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

@@ -0,0 +1,16 @@
+import type { PickerProps } from './types';
+declare const Picker: {
+    ({ children, data, selection, onSelectionChange }: PickerProps): import("react").JSX.Element;
+    Item: {
+        ({ tag, onPress, ...props }: import("src/jetpack-compose").DropdownPickerItemProps): import("react").JSX.Element;
+        Label: {
+            ({ children, ...props }: import("src/jetpack-compose").MenuLabelProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Icon: {
+            ({ size, ...props }: import("src/jetpack-compose").IconProps): import("react").JSX.Element;
+            displayName: string;
+        };
+    };
+};
+export { Picker, type PickerProps };

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

@@ -0,0 +1,77 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+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("src/constants/hooks");
+const jetpack_compose_2 = require("src/jetpack-compose");
+const Menu_1 = require("../Menu");
+const PickerItem_1 = require("./PickerItem");
+const context_1 = __importStar(require("./context"));
+const Picker = ({ children, data, selection, onSelectionChange }) => {
+    const [Selection, setSelection] = (0, react_1.useState)(selection);
+    const [Label, setLabel] = (0, react_1.useState)(null);
+    (0, hooks_1.useEffectWithoutFirstRender)(() => setSelection(selection), [selection]);
+    (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>
+        </context_1.default.Provider>);
+};
+exports.Picker = Picker;
+Picker.Item = PickerItem_1.PickerItem;

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

@@ -0,0 +1,14 @@
+import { MenuLabelProps } from '../Menu';
+import type { PickerItemProps } from './types';
+declare const PickerItem: {
+    ({ tag, onPress, ...props }: PickerItemProps): import("react").JSX.Element;
+    Label: {
+        ({ children, ...props }: MenuLabelProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Icon: {
+        ({ size, ...props }: import("../Icon").IconProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export { PickerItem, type PickerItemProps };

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickerItem = void 0;
+const react_1 = require("react");
+const Menu_1 = require("../Menu");
+const context_1 = require("./context");
+const PickerItem = ({ tag, onPress, ...props }) => {
+    const { Selection } = (0, context_1.usePickerSelection)();
+    const { setSelection, setLabel } = (0, context_1.usePicker)();
+    const LabelRef = (0, react_1.useRef)(null);
+    const SelectionRef = (0, react_1.useRef)(Selection);
+    const _onPress = (0, react_1.useCallback)(() => {
+        setSelection(tag);
+        setLabel(LabelRef.current);
+        onPress?.();
+    }, [tag, onPress]);
+    const registerLabel = (0, react_1.useCallback)((label) => {
+        const newLabel = label ?? null;
+        LabelRef.current = newLabel;
+        if (SelectionRef.current === tag)
+            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}/>
+        </context_1.ContextItem.Provider>);
+};
+exports.PickerItem = PickerItem;
+const Label = ({ children, ...props }) => {
+    const { registerLabel } = (0, context_1.usePickerItem)();
+    (0, react_1.useEffect)(() => {
+        registerLabel(children);
+    }, [children]);
+    return (<Menu_1.Menu.Label {...props}>
+            {children}
+        </Menu_1.Menu.Label>);
+};
+Label.displayName = 'Label';
+PickerItem.Label = Label;
+PickerItem.Icon = Menu_1.Menu.Icon;