@codeleap/mobile 5.0.14 → 5.1.4

package/dist/components/Calendar/index.d.ts

@@ -1,14 +1,7 @@
 /// <reference types="react" />
-import { CalendarProps as RNCalendarProps } from 'react-native-calendars';
-import { ViewProps } from '../View';
-import { CalendarComposition } from './types';
-import { AnyRecord, IJSX, StyledComponentProps, StyledProp } from '@codeleap/styles';
-export type CalendarProps = Omit<ViewProps, 'style'> & {
-    onValueChange?: (date: Date | string) => any;
-    value?: Date | string;
-    calendarProps?: RNCalendarProps;
-    style?: StyledProp<CalendarComposition>;
-};
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { CalendarProps } from './types';
+export * from './styles';
 export * from './types';
 export declare const Calendar: {
     (props: CalendarProps): JSX.Element;
@@ -16,4 +9,5 @@ export declare const Calendar: {
     elements: string[];
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<CalendarProps, S>) => IJSX;
+    defaultProps: Partial<CalendarProps>;
 };

package/dist/components/Calendar/index.js

@@ -1,41 +1,33 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { TypeGuards } from '@codeleap/types';
-import dayjs from 'dayjs';
-// @ts-ignore
 import { Calendar as RNCalendar } from 'react-native-calendars';
-import { View } from '../View';
 import { MobileStyleRegistry } from '../../Registry';
 import { useStylesFor } from '../../hooks';
+import dayjs from 'dayjs';
+export * from './styles';
 export * from './types';
 export const Calendar = (props) => {
-    const { style, calendarProps, value, onValueChange, ...viewProps } = props;
+    const { style, value, onValueChange, parseToDate, ...calendarProps } = props;
     const styles = useStylesFor(Calendar.styleRegistryName, style);
-    const isDateObject = TypeGuards.isInstance(value, Date);
-    const stringValue = isDateObject ? dayjs(value).format('YYYY/MM/DD') : value;
-    function handleChange(date) {
-        if (!onValueChange)
-            return;
-        if (isDateObject) {
-            onValueChange(new Date(date.timestamp));
-        }
-        else {
-            onValueChange(date.dateString);
-        }
-    }
-    return <View style={styles?.wrapper} {...viewProps}>
-    <RNCalendar onDayPress={handleChange} current={new Date(value).toISOString()} monthFormat={'MMMM yyyy'} markedDates={{
-            [stringValue]: { selected: true },
-        }} theme={{
-            ...styles?.theme,
-            stylesheet: styles,
-        }} {...calendarProps}/>
-  </View>;
+    const isDateValue = TypeGuards.isInstance(value, Date);
+    const stringValue = isDateValue ? dayjs(value).format('YYYY-MM-DD') : value ?? '';
+    const onChange = useCallback((date) => {
+        const newValue = isDateValue || parseToDate ? dayjs(date.dateString).toDate() : date.dateString;
+        onValueChange?.(newValue);
+    }, [onValueChange]);
+    return (<RNCalendar onDayPress={onChange} current={stringValue} monthFormat={'MMMM yyyy'} {...calendarProps} markedDates={{ [stringValue]: { selected: true }, ...calendarProps?.markedDates }} style={styles?.wrapper} headerStyle={styles?.header} theme={{
+            ...styles?.calendar,
+            ...calendarProps?.theme,
+        }}/>);
 };
 Calendar.styleRegistryName = 'Calendar';
-Calendar.elements = ['wrapper', 'theme', 'calendar', 'day', 'agenda', 'expandable', 'event', 'timeLabel', 'textDayStyle', 'dotStyle', 'arrowStyle', 'contentStyle', 'timelineContainer', 'line', 'verticalLine', 'nowIndicator'];
+Calendar.elements = ['wrapper', 'header', 'calendar'];
 Calendar.rootElement = 'wrapper';
 Calendar.withVariantTypes = (styles) => {
     return Calendar;
 };
+Calendar.defaultProps = {
+    parseToDate: false,
+};
 MobileStyleRegistry.registerComponent(Calendar);
 //# sourceMappingURL=index.js.map

package/dist/components/Calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,aAAa;AACb,OAAO,EAAE,QAAQ,IAAI,UAAU,EAA8C,MAAM,wBAAwB,CAAA;AAC3G,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAW1C,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,KAAK,EACL,aAAa,EACb,KAAK,EACL,aAAa,EACb,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACvD,MAAM,WAAW,GAAW,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAEpF,SAAS,YAAY,CAAC,IAAc;QAClC,IAAI,CAAC,aAAa;YAAE,OAAM;QAC1B,IAAI,YAAY,EAAE;YAChB,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;SACxC;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;SAC/B;IACH,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,SAAS,CAAC,CACjD;IAAA,CAAC,UAAU,CACT,UAAU,CAAC,CAAC,YAAY,CAAC,CACzB,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CACvC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,WAAW,CAAC,CAAC;YACX,CAAC,WAAW,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;SAClC,CAAC,CACF,KAAK,CAAC,CAAC;YACL,GAAG,MAAM,EAAE,KAAK;YAChB,UAAU,EAAE,MAAM;SACnB,CAAC,CACF,IAAI,aAAa,CAAC,EAEtB;EAAA,EAAE,IAAI,CAAC,CAAA;AACT,CAAC,CAAA;AAED,QAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,QAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,CAAC,CAAA;AAChO,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,QAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,QAA+E,CAAA;AACxF,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAY,MAAM,wBAAwB,CAAA;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,GAAG,aAAa,EACjB,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAA;IAEjF,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,IAAc,EAAE,EAAE;QAC9C,MAAM,QAAQ,GAAG,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAA;QAC/F,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,CAAC,UAAU,CACT,UAAU,CAAC,CAAC,QAAQ,CAAC,CACrB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,aAAa,CAAC,CAClB,WAAW,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,aAAa,EAAE,WAAW,EAAE,CAAC,CAClF,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CACvB,WAAW,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAC5B,KAAK,CAAC,CAAC;YACL,GAAG,MAAM,EAAE,QAAQ;YACnB,GAAG,aAAa,EAAE,KAAK;SACxB,CAAC,EACF,CACH,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,QAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;AACrD,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,QAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,QAA+E,CAAA;AACxF,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,WAAW,EAAE,KAAK;CACO,CAAA;AAE3B,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA"}

package/dist/components/Calendar/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'react-native-calendars/src/types';
+export type CalendarComposition = 'wrapper' | 'header' | 'calendar';
+export type CalendarThemeConfig = Theme;

package/dist/components/Calendar/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/Calendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Calendar/styles.ts"],"names":[],"mappings":""}

package/dist/components/Calendar/types.d.ts

@@ -1,94 +1,9 @@
-import { FilterKeys, Paths } from '@codeleap/types';
-import { TextStyle, ViewStyle } from 'react-native';
-type CalendarTheme = {
-    timelineContainer?: object;
-    contentStyle?: ViewStyle;
-    event?: object;
-    eventTitle?: object;
-    eventSummary?: object;
-    eventTimes?: object;
-    line?: object;
-    verticalLine?: object;
-    nowIndicatorLine?: object;
-    nowIndicatorKnob?: object;
-    timeLabel?: object;
-    todayTextColor?: string;
-    calendarBackground?: string;
-    indicatorColor?: string;
-    textSectionTitleColor?: string;
-    textSectionTitleDisabledColor?: string;
-    dayTextColor?: string;
-    selectedDayTextColor?: string;
-    monthTextColor?: string;
-    selectedDayBackgroundColor?: string;
-    arrowColor?: string;
-    textDisabledColor?: string;
-    textInactiveColor?: string;
-    backgroundColor?: string;
-    dotColor?: string;
-    selectedDotColor?: string;
-    disabledArrowColor?: string;
-    textDayFontFamily?: TextStyle['fontFamily'];
-    textMonthFontFamily?: TextStyle['fontFamily'];
-    textDayHeaderFontFamily?: TextStyle['fontFamily'];
-    textDayFontWeight?: TextStyle['fontWeight'];
-    textMonthFontWeight?: TextStyle['fontWeight'];
-    textDayHeaderFontWeight?: TextStyle['fontWeight'];
-    textDayFontSize?: number;
-    textMonthFontSize?: number;
-    textDayHeaderFontSize?: number;
-    agendaDayTextColor?: string;
-    agendaDayNumColor?: string;
-    agendaTodayColor?: string;
-    agendaKnobColor?: string;
-    todayButtonFontFamily?: TextStyle['fontFamily'];
-    todayButtonFontWeight?: TextStyle['fontWeight'];
-    todayButtonFontSize?: number;
-    textDayStyle?: TextStyle;
-    dotStyle?: object;
-    arrowStyle?: ViewStyle;
-    todayBackgroundColor?: string;
-    disabledDotColor?: string;
-    inactiveDotColor?: string;
-    todayDotColor?: string;
-    todayButtonTextColor?: string;
-    todayButtonPosition?: string;
-    arrowHeight?: number;
-    arrowWidth?: number;
-    weekVerticalMargin?: number;
-    stylesheet?: {
-        calendar?: {
-            main?: object;
-            header?: object;
-        };
-        day?: {
-            basic?: object;
-            period?: object;
-        };
-        dot?: object;
-        marking?: object;
-        'calendar-list'?: {
-            main?: object;
-        };
-        agenda?: {
-            main?: object;
-            list?: object;
-        };
-        expandable?: {
-            main?: object;
-        };
-    };
+import { StyledProp } from '@codeleap/styles';
+import { CalendarProps as RNCalendarProps } from 'react-native-calendars';
+import { CalendarComposition } from './styles';
+export type CalendarProps = Omit<RNCalendarProps, 'style'> & {
+    onValueChange: (date: Date | string) => void;
+    value: Date | string;
+    style?: StyledProp<CalendarComposition>;
+    parseToDate?: boolean;
 };
-type FlatStyleKeys = 'dot' | 'marking';
-type StyleSheetKeys = Exclude<keyof CalendarTheme['stylesheet'], FlatStyleKeys>;
-type ThemeObjPrimitiveKeys = FilterKeys<CalendarTheme, string | number>;
-type ThemeObjCompositionKeys = Exclude<keyof CalendarTheme, ThemeObjPrimitiveKeys | 'stylesheet'>;
-type StyleSheetObjKeys = Exclude<Paths<CalendarTheme['stylesheet']>, StyleSheetKeys>;
-export type CalendarStyleGen<TCSS = any> = {
-    theme?: Partial<{
-        [P in ThemeObjPrimitiveKeys]: CalendarTheme[P];
-    }>;
-} & Partial<Record<StyleSheetObjKeys | 'wrapper' | ThemeObjCompositionKeys, TCSS>>;
-export type CalendarComposition = keyof CalendarStyleGen;
-export type TCalendarStyles = CalendarStyleGen<any>;
-export {};

package/dist/components/CalendarInput/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { CalendarInputProps } from './types';
+export * from './styles';
+export * from './types';
+export declare const CalendarInput: {
+    (props: CalendarInputProps): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<CalendarInputProps, S>) => IJSX;
+    defaultProps: Partial<CalendarInputProps>;
+};

package/dist/components/CalendarInput/index.js

@@ -0,0 +1,88 @@
+import React, { useCallback, useState } from 'react';
+import { useCompositionStyles } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { View } from '../View';
+import { Calendar } from '../Calendar';
+import { TextInput } from '../TextInput';
+import dayjs from 'dayjs';
+import Animated, { FadeOut, FadeIn } from 'react-native-reanimated';
+import { globalState } from '@codeleap/store';
+import { useBooleanToggle, useId } from '@codeleap/hooks';
+import { useInputBase } from '../InputBase';
+import { fields } from '@codeleap/form';
+export * from './styles';
+export * from './types';
+const calendarStore = globalState({});
+const useCalendar = (id, autoClosePeersCalendars) => {
+    if (!autoClosePeersCalendars)
+        return useBooleanToggle(false);
+    const isOpen = calendarStore.use(state => state[id]);
+    const toggle = useCallback(() => {
+        const isCurrentlyOpen = calendarStore.value[id];
+        const isAnyOtherOpen = Object.entries(calendarStore.value).some(([key, isOpen]) => key !== id && isOpen);
+        const newValues = Object.keys(calendarStore.value).reduce((acc, key) => {
+            acc[key] = false;
+            return acc;
+        }, {});
+        if (isAnyOtherOpen && !isCurrentlyOpen) {
+            calendarStore.set(newValues);
+            setTimeout(() => {
+                calendarStore.set({ [id]: true });
+            }, 100);
+        }
+        else {
+            calendarStore.set({ ...newValues, [id]: !isCurrentlyOpen });
+        }
+    }, []);
+    return [isOpen, toggle];
+};
+export const CalendarInput = (props) => {
+    const { style, value, onValueChange, disabled, gap, calendarPosition, rightIcon, leftIcon, autoClosePeersCalendars, field, format, overlay, ...textInputProps } = {
+        ...CalendarInput.defaultProps,
+        ...props
+    };
+    const id = useId();
+    const styles = useStylesFor(CalendarInput.styleRegistryName, style);
+    const compositionStyles = useCompositionStyles(['calendar', 'input'], styles);
+    const { inputValue, onInputValueChange, } = useInputBase(field, fields.date, { value, onValueChange });
+    const [inputHeight, setInputHeight] = useState(0);
+    const [isOpen, toggle] = useCalendar(id, autoClosePeersCalendars);
+    return (<View style={[styles.wrapper, { position: 'relative' }]}>
+      <TextInput placeholder='Select Date' disabled={disabled} {...textInputProps} leftIcon={!leftIcon ? null : {
+            ...leftIcon,
+            onPress: toggle,
+        }} rightIcon={!rightIcon ? null : {
+            ...rightIcon,
+            onPress: toggle,
+        }} value={!inputValue ? '' : dayjs(inputValue).format(format)} onValueChange={() => inputValue} onPress={disabled ? null : toggle} innerWrapperProps={{
+            rippleDisabled: true,
+        }} focused={isOpen} onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)}/>
+
+      {!isOpen || disabled ? null : (<Animated.View exiting={FadeOut.duration(150)} entering={FadeIn.duration(150)} style={overlay ? {
+                position: 'absolute',
+                zIndex: 1,
+                [calendarPosition]: 0,
+                top: inputHeight + gap,
+            } : {
+                marginTop: gap,
+            }}>
+          <Calendar style={compositionStyles.calendar} value={inputValue} onValueChange={onInputValueChange} parseToDate/>
+        </Animated.View>)}
+    </View>);
+};
+CalendarInput.styleRegistryName = 'CalendarInput';
+CalendarInput.elements = ['wrapper', 'calendar', 'input'];
+CalendarInput.rootElement = 'wrapper';
+CalendarInput.withVariantTypes = (styles) => {
+    return CalendarInput;
+};
+CalendarInput.defaultProps = {
+    gap: 8,
+    calendarPosition: 'left',
+    autoClosePeersCalendars: false,
+    format: 'DD/MM/YYYY',
+    overlay: true,
+};
+MobileStyleRegistry.registerComponent(CalendarInput);
+//# sourceMappingURL=index.js.map

package/dist/components/CalendarInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CalendarInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,CAAA;AAErC,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,uBAAgC,EAAE,EAAE;IACnE,IAAI,CAAC,uBAAuB;QAAE,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IAEpD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC/C,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAC7D,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,IAAI,MAAM,CACxC,CAAA;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACrE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;YAChB,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAA6B,CAAC,CAAA;QAEjC,IAAI,cAAc,IAAI,CAAC,eAAe,EAAE;YACtC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YAE5B,UAAU,CAAC,GAAG,EAAE;gBACd,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;YACnC,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC,CAAA;SAC5D;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,aAAa,EACb,QAAQ,EACR,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,uBAAuB,EACvB,KAAK,EACL,MAAM,EACN,OAAO,EACP,GAAG,cAAc,EAClB,GAAG;QACF,GAAG,aAAa,CAAC,YAAY;QAC7B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAElB,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEnE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;IAE7E,MAAM,EACJ,UAAU,EACV,kBAAkB,GACnB,GAAG,YAAY,CAAgB,KAAK,EAAE,MAAM,CAAC,IAAW,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;IAEpF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,EAAE,EAAE,uBAAuB,CAAC,CAAA;IAEjE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CACtD;MAAA,CAAC,SAAS,CACR,WAAW,CAAC,aAAa,CACzB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,cAAc,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC3B,GAAG,QAAQ;YACX,OAAO,EAAE,MAAM;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,GAAG,SAAS;YACZ,OAAO,EAAE,MAAM;SAChB,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAC3D,aAAa,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAChC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAClC,iBAAiB,CAAC,CAAC;YACjB,cAAc,EAAE,IAAI;SACrB,CAAC,CACF,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAG/D;;MAAA,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,CAAC,QAAQ,CAAC,IAAI,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAC/B,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAC/B,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;gBACf,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,CAAC;gBACT,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACrB,GAAG,EAAE,WAAW,GAAG,GAAG;aACvB,CAAC,CAAC,CAAC;gBACF,SAAS,EAAE,GAAG;aACf,CAAC,CAEF;UAAA,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAClC,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,aAAa,CAAC,CAAC,kBAAkB,CAAC,CAClC,WAAW,EAEf;QAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,aAAa,CAAC,iBAAiB,GAAG,eAAe,CAAA;AACjD,aAAa,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAA;AACzD,aAAa,CAAC,WAAW,GAAG,SAAS,CAAA;AAErC,aAAa,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAClE,OAAO,aAAyF,CAAA;AAClG,CAAC,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,GAAG,EAAE,CAAC;IACN,gBAAgB,EAAE,MAAM;IACxB,uBAAuB,EAAE,KAAK;IAC9B,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,IAAI;CACiB,CAAA;AAEhC,mBAAmB,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA"}

package/dist/components/CalendarInput/styles.d.ts

@@ -0,0 +1,3 @@
+import { TextInputComposition } from '../TextInput';
+import { CalendarComposition } from '../Calendar';
+export type CalendarInputComposition = 'wrapper' | `input${Capitalize<TextInputComposition>}` | `calendar${Capitalize<CalendarComposition>}`;

package/dist/components/CalendarInput/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/CalendarInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CalendarInput/styles.ts"],"names":[],"mappings":""}

package/dist/components/CalendarInput/types.d.ts

@@ -0,0 +1,24 @@
+import { StyledProp } from '@codeleap/styles';
+import { CalendarInputComposition } from './styles';
+import { CalendarProps } from '../Calendar';
+import { TextInputProps } from '../TextInput';
+import { DateField } from '@codeleap/form';
+export type CalendarInputProps = Omit<TextInputProps, 'value' | 'onValueChange' | 'field' | 'style'> & {
+    value?: CalendarProps['value'];
+    onValueChange?: CalendarProps['onValueChange'];
+    style?: StyledProp<CalendarInputComposition>;
+    disabled?: boolean;
+    gap?: number;
+    field?: DateField<any>;
+    format?: string;
+    overlay?: boolean;
+    /**
+      * Defines the position where the calendar will be anchored relative to the input.
+    */
+    calendarPosition?: 'left' | 'right';
+    /**
+      * If `true`, this calendar is part of a globally managed group.
+      * When one calendar in this group opens, all others with `autoClosePeersCalendars: true` will close.
+    */
+    autoClosePeersCalendars?: boolean;
+};

package/dist/components/CalendarInput/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/CalendarInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/CalendarInput/types.ts"],"names":[],"mappings":""}

package/dist/components/InputBase/index.d.ts

@@ -1,5 +1,6 @@
 import { InputBaseProps } from './types';
 import { StyledComponentWithProps } from '@codeleap/styles';
+export { useInputBase } from './useInputBase';
 export * from './styles';
 export * from './utils';
 export * from './types';

package/dist/components/InputBase/index.js

@@ -6,6 +6,7 @@ import { View } from '../View';
 import { useInputBaseStyles } from './styles';
 import { Text } from '../Text';
 import RNAnimated, { FadeIn, FadeOut } from 'react-native-reanimated';
+export { useInputBase } from './useInputBase';
 export * from './styles';
 export * from './utils';
 export * from './types';

package/dist/components/InputBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputBase/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputBase/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/InputBase/types.d.ts

@@ -2,7 +2,7 @@
 import { PropsOf, StylesOf } from '@codeleap/types';
 import { InputBaseComposition } from './styles';
 import { ActionIcon } from '../ActionIcon';
-import { View } from 'react-native';
+import { View, ViewProps } from 'react-native';
 type ActionIconProps = PropsOf<typeof ActionIcon>;
 type OrderedParts = 'label' | 'description' | 'innerWrapper' | 'error';
 type IconProp = Partial<ActionIconProps> | JSX.Element;
@@ -25,5 +25,6 @@ export type InputBaseProps = React.PropsWithChildren<{
     hideErrorMessage?: boolean;
     hasValue?: boolean;
     ref?: React.Ref<View>;
+    onLayout?: ViewProps['onLayout'];
 }>;
 export {};

package/dist/components/Tabs/Context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TabsContextProps, TabsStyles } from './types';
+export declare function TabsProvider({ children, ...handleProps }: TabsContextProps & {
+    styles: TabsStyles;
+}): JSX.Element;
+export declare function useTabContext(): {
+    value: string;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    styles: TabsStyles;
+    keepMounted: boolean;
+};

package/dist/components/Tabs/Context.js

@@ -0,0 +1,26 @@
+import { createContext, useContext, useState } from 'react';
+function useTabHandle(props) {
+    const { defaultValue, value, onValueChange, keepMounted, styles } = props;
+    const [tabValue, setTabValue] = !onValueChange && !value
+        ? useState(defaultValue)
+        : [value ?? defaultValue, onValueChange];
+    return {
+        value: tabValue,
+        setValue: setTabValue,
+        styles,
+        keepMounted,
+    };
+}
+const Context = createContext({});
+export function TabsProvider({ children, ...handleProps }) {
+    const handle = useTabHandle(handleProps);
+    return <Context.Provider value={handle}>{children}</Context.Provider>;
+}
+export function useTabContext() {
+    const ctx = useContext(Context);
+    if (ctx === null) {
+        throw new Error('Tabs component was not found in the tree');
+    }
+    return ctx;
+}
+//# sourceMappingURL=Context.js.map

package/dist/components/Tabs/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/components/Tabs/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG3D,SAAS,YAAY,CAAC,KAAgD;IACpE,MAAM,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,EACb,WAAW,EACX,MAAM,EACP,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK;QACtD,CAAC,CAAC,QAAQ,CAAS,YAAY,CAAC;QAChC,CAAC,CAAC,CAAC,KAAK,IAAI,YAAY,EAAE,aAAa,CAAC,CAAA;IAE1C,OAAO;QACL,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,WAAW;QACrB,MAAM;QACN,WAAW;KACZ,CAAA;AACH,CAAC;AAED,MAAM,OAAO,GAAG,aAAa,CAAC,EAAqC,CAAC,CAAA;AAEpE,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAA6C;IAClG,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;IACxC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;AACvE,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAE/B,IAAI,GAAG,KAAK,IAAI,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAA;KAC5D;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/components/Tabs/Panel.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ViewProps } from '../View';
+import { ICSS } from '@codeleap/styles';
+type PanelProps = Omit<ViewProps, 'style'> & {
+    value: string;
+    children: ReactNode;
+    style?: ICSS;
+    keepMounted?: boolean;
+};
+export declare const Panel: ({ keepMounted: panelKeepMounted, ...props }: PanelProps) => JSX.Element;
+export {};

package/dist/components/Tabs/Panel.js

@@ -0,0 +1,17 @@
+import { useTabContext } from './Context';
+import { memoBy } from '@codeleap/utils';
+import { View } from '../View';
+const PanelMemoized = memoBy((props) => {
+    const { children } = props;
+    return <>{children}</>;
+}, ['children', 'styles']);
+export const Panel = ({ keepMounted: panelKeepMounted = true, ...props }) => {
+    const { value, styles, keepMounted } = useTabContext();
+    const active = value === props.value;
+    if (!keepMounted && !active || !panelKeepMounted && !active)
+        return null;
+    return <View style={[styles?.panel, props?.style, { display: active ? 'flex' : 'none' }]}>
+    <PanelMemoized {...props} styles={styles}/>
+  </View>;
+};
+//# sourceMappingURL=Panel.js.map

package/dist/components/Tabs/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/components/Tabs/Panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAUzC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,KAAkC,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1B,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAA;AACxB,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAA;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,WAAW,EAAE,gBAAgB,GAAG,IAAI,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IACtF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAA;IAEtD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAEpC,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CACvF;IAAA,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAC3C;EAAA,EAAE,IAAI,CAAC,CAAA;AACT,CAAC,CAAA"}

package/dist/components/Tabs/Tab.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AppIcon } from '@codeleap/styles';
+type TabProps = {
+    value: string;
+    text?: string;
+    icon?: AppIcon;
+    disabled?: boolean;
+};
+export declare const Tab: (props: TabProps) => JSX.Element;
+export {};

package/dist/components/Tabs/Tab.js

@@ -0,0 +1,31 @@
+import { useTabContext } from './Context';
+import { memoBy } from '@codeleap/utils';
+import { Touchable } from '../Touchable';
+import { Icon } from '../Icon';
+import { Text } from '../Text';
+const TabMemoized = memoBy((props) => {
+    const { value, text, icon, active, setValue, styles, disabled } = props;
+    return (<Touchable style={[
+            styles?.tabWrapper,
+            active && styles?.['tabWrapper:active'],
+            disabled && styles?.['tabWrapper:disabled']
+        ]} onPress={() => setValue(value)} debugName={`tabs:${value}`}>
+      <Icon style={[
+            styles?.tabIcon,
+            active && styles?.['tabIcon:active'],
+            disabled && styles?.['tabIcon:disabled']
+        ]} name={icon}/>
+
+      <Text style={[
+            styles?.tabText,
+            active && styles?.['tabText:active'],
+            disabled && styles?.['tabText:disabled']
+        ]} text={text}/>
+    </Touchable>);
+}, ['icon', 'text', 'active', 'styles', 'disabled']);
+export const Tab = (props) => {
+    const { value, setValue, styles } = useTabContext();
+    const active = value === props.value;
+    return <TabMemoized {...props} active={active} setValue={setValue} styles={styles}/>;
+};
+//# sourceMappingURL=Tab.js.map

package/dist/components/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAS9B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,KAAgC,EAAE,EAAE;IAC9D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACT,GAAG,KAAK,CAAA;IAET,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,UAAU;YAClB,MAAM,IAAI,MAAM,EAAE,CAAC,mBAAmB,CAAC;YACvC,QAAQ,IAAI,MAAM,EAAE,CAAC,qBAAqB,CAAC;SAC5C,CAAC,CACF,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAC/B,SAAS,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAE3B;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,OAAO;YACf,MAAM,IAAI,MAAM,EAAE,CAAC,gBAAgB,CAAC;YACpC,QAAQ,IAAI,MAAM,EAAE,CAAC,kBAAkB,CAAC;SACzC,CAAC,CACF,IAAI,CAAC,CAAC,IAAI,CAAC,EAGb;;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,OAAO;YACf,MAAM,IAAI,MAAM,EAAE,CAAC,gBAAgB,CAAC;YACpC,QAAQ,IAAI,MAAM,EAAE,CAAC,kBAAkB,CAAC;SACzC,CAAC,CACF,IAAI,CAAC,CAAC,IAAI,CAAC,EAEf;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;AAEpD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEnD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAEpC,OAAO,CAAC,WAAW,CACjB,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CAAA;AACJ,CAAC,CAAA"}

package/dist/components/Tabs/TabList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ScrollViewProps } from 'react-native';
+type TabListProps = ScrollViewProps;
+export declare const TabList: (props: TabListProps) => JSX.Element;
+export {};

package/dist/components/Tabs/TabList.js

@@ -0,0 +1,7 @@
+import { ScrollView } from 'react-native';
+import { useTabContext } from './Context';
+export const TabList = (props) => {
+    const { styles } = useTabContext();
+    return (<ScrollView horizontal showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} {...props} style={styles?.tabList} contentContainerStyle={styles?.tabListContainer}/>);
+};
+//# sourceMappingURL=TabList.js.map

package/dist/components/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAIzC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,UAAU,CACT,UAAU,CACV,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CACvB,qBAAqB,CAAC,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAChD,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { AnyRecord } from '@codeleap/types';
+import { Panel } from './Panel';
+import { Tab } from './Tab';
+import { TabList } from './TabList';
+import { TabsProps } from './types';
+import { IJSX, StyledComponentProps } from '@codeleap/styles';
+export { useTabContext } from './Context';
+export * from './types';
+export * from './styles';
+export declare const Tabs: {
+    (props: TabsProps): JSX.Element;
+    Tab: (props: {
+        value: string;
+        text?: string;
+        icon?: never;
+        disabled?: boolean;
+    }) => JSX.Element;
+    TabList: (props: import("react-native/types").ScrollViewProps) => JSX.Element;
+    Panel: ({ keepMounted: panelKeepMounted, ...props }: Omit<import("../View").ViewProps, "style"> & {
+        value: string;
+        children: import("react").ReactNode;
+        style?: import("@codeleap/styles").ICSS;
+        keepMounted?: boolean;
+    }) => JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): ((props: StyledComponentProps<TabsProps, S>) => IJSX) & {
+        Tab: typeof Tab;
+        TabList: typeof TabList;
+        Panel: typeof Panel;
+    };
+    defaultProps: Partial<TabsProps>;
+};