@tecsinapse/react-native-kit 3.0.0 → 3.3.0

package/dist/esm/components/molecules/DateTimePickerSelector/DateTimePickerSelector.js

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { Button } from '../../atoms/Button/Button.js';
+import { Icon } from '@tecsinapse/react-core';
+import Text from '../../atoms/Text/Text.js';
+import ScrollableSelector from '../ScrollableSelector/ScrollableSelector.js';
+import { Calendar } from '../Calendar/Calendar.js';
+import { Root, Header, BackButton, Content } from './styled.js';
+import { getLocale } from '../../../utils/date.js';
+
+const DateTimePickerSelector = ({
+  TextComponent = Text,
+  currentMode,
+  handlePressBack,
+  modalTitle,
+  isDate,
+  date,
+  handleCalendarChange,
+  isMonth,
+  setDate,
+  handlePressConfirm,
+  confirmButtonText,
+  locale,
+  yearLabel,
+  monthLabel,
+  hourLabel,
+  minuteLabel,
+  ...rest
+}) => {
+  return /* @__PURE__ */ React.createElement(Root, { ...rest }, /* @__PURE__ */ React.createElement(Header, null, currentMode === 1 && /* @__PURE__ */ React.createElement(BackButton, { onPress: handlePressBack }, /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      type: "material-community",
+      name: "chevron-left",
+      size: "mega",
+      colorVariant: "secondary"
+    }
+  )), /* @__PURE__ */ React.createElement(TextComponent, { typography: "base", colorVariant: "secondary" }, modalTitle)), isDate ? /* @__PURE__ */ React.createElement(
+    Calendar,
+    {
+      type: "day",
+      value: date,
+      onChange: handleCalendarChange,
+      year: date.getFullYear(),
+      month: date.getMonth()
+    }
+  ) : isMonth ? /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
+    ScrollableSelector,
+    {
+      onChange: setDate,
+      value: date,
+      yearLabel,
+      monthLabel,
+      format: "MM-yyyy",
+      locale: locale ?? getLocale()
+    }
+  )) : /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
+    ScrollableSelector,
+    {
+      onChange: setDate,
+      value: date,
+      hourLabel,
+      minuteLabel,
+      format: "HH-mm",
+      locale: locale ?? getLocale()
+    }
+  )), /* @__PURE__ */ React.createElement(Button, { color: "primary", onPress: handlePressConfirm }, /* @__PURE__ */ React.createElement(TextComponent, { fontWeight: "bold", fontColor: "light" }, confirmButtonText || "OK")));
+};
+
+export { DateTimePickerSelector as default };

package/dist/esm/components/molecules/DateTimePickerSelector/styled.js

@@ -0,0 +1,27 @@
+import styled from '@emotion/native';
+import { PressableSurface } from '@tecsinapse/react-core';
+
+const Root = styled.View`
+  position: relative;
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+`;
+const Content = styled.View`
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: ${({ theme }) => theme.spacing.deca};
+  margin-bottom: ${({ theme }) => theme.spacing.deca};
+`;
+const BackButton = styled(PressableSurface)`
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  padding: ${({ theme }) => theme.spacing.micro};
+  margin-right: ${({ theme }) => theme.spacing.mili};
+  aspect-ratio: 1;
+`;
+const Header = styled.View`
+  flex-direction: row;
+  align-items: center;
+  margin-top: ${({ theme }) => theme.spacing.mili};
+  margin-bottom: ${({ theme }) => theme.spacing.mili};
+`;
+
+export { BackButton, Content, Header, Root };

package/dist/esm/components/molecules/ScrollableSelector/ScrollableSelector.js

@@ -0,0 +1,141 @@
+import React__default, { useMemo, useState, useEffect, useCallback } from 'react';
+import { StyleSheet, Dimensions, View } from 'react-native';
+import Text from '../../atoms/Text/Text.js';
+import { BlockLabels } from './styled.js';
+import DateBlock from './components/DateBlock.js';
+
+const ScrollableSelector = ({
+  value,
+  onChange,
+  height,
+  width,
+  fontSize,
+  textColor,
+  startYear,
+  endYear,
+  markColor,
+  markHeight,
+  markWidth,
+  format,
+  monthLabel,
+  yearLabel,
+  hourLabel,
+  minuteLabel,
+  TextComponent = Text
+}) => {
+  const date = useMemo(() => value ?? /* @__PURE__ */ new Date(), [value]);
+  const [months, setMonths] = useState([]);
+  const [years, setYears] = useState([]);
+  const [hour, setHour] = useState([]);
+  const [minutes, setMinutes] = useState([]);
+  useEffect(() => {
+    const end = endYear || (/* @__PURE__ */ new Date()).getFullYear();
+    const start = !startYear || startYear > end ? end - 100 : startYear;
+    const _months = [...Array(12)].map((_, index) => index + 1);
+    const _years = [...Array(end - start + 1)].map((_, index) => start + index);
+    const _hour = [...Array(24)].map((_, index) => index);
+    const _minutes = [...Array(60)].map((_, index) => index);
+    setMonths(_months);
+    setYears(_years);
+    setHour(_hour);
+    setMinutes(_minutes);
+  }, []);
+  const pickerHeight = Math.round(
+    height ?? Dimensions.get("window").height / 3.5
+  );
+  const pickerWidth = width ?? "100%";
+  const changeHandle = useCallback(
+    (type, digit) => {
+      switch (type) {
+        case "month":
+          date.setMonth(digit - 1);
+          break;
+        case "year":
+          date.setFullYear(digit);
+          break;
+        case "hour":
+          date.setHours(digit);
+          break;
+        case "minutes":
+          date.setMinutes(digit);
+      }
+      onChange?.(date);
+    },
+    [date]
+  );
+  const getOrder = useCallback(() => {
+    return (format || "dd-MM-yyyy").split("-").map((type, index) => {
+      switch (type) {
+        case "MM":
+          return {
+            name: "month",
+            digits: months,
+            value: date.getMonth() + 1
+          };
+        case "yyyy":
+          return { name: "year", digits: years, value: date.getFullYear() };
+        case "HH":
+          return { name: "hour", digits: hour, value: date.getHours() };
+        case "mm":
+          return {
+            name: "minutes",
+            digits: minutes,
+            value: date.getMinutes()
+          };
+        default:
+          return {
+            name: ["day", "month", "year", "hour", "minutes"][index],
+            digits: [months, years, hour, minutes][index],
+            value: [
+              date.getDate(),
+              date.getMonth() + 1,
+              date.getFullYear(),
+              date.getHours(),
+              date.getMinutes()
+            ][index]
+          };
+      }
+    });
+  }, [format, date, months, years, hour, minutes]);
+  return /* @__PURE__ */ React__default.createElement(View, { style: { flexDirection: "column", width: "100%" } }, /* @__PURE__ */ React__default.createElement(BlockLabels, null, format === "MM-yyyy" ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TextComponent, null, monthLabel), /* @__PURE__ */ React__default.createElement(TextComponent, null, yearLabel)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TextComponent, null, hourLabel), /* @__PURE__ */ React__default.createElement(TextComponent, null, minuteLabel))), /* @__PURE__ */ React__default.createElement(
+    View,
+    {
+      style: [styles.picker, { height: pickerHeight, width: pickerWidth }]
+    },
+    getOrder().map((el, index) => {
+      return /* @__PURE__ */ React__default.createElement(
+        DateBlock,
+        {
+          date: value ?? /* @__PURE__ */ new Date(),
+          digits: el.digits,
+          value: el.value,
+          onChange: changeHandle,
+          height: pickerHeight,
+          fontSize: fontSize ?? 22,
+          textColor,
+          markColor,
+          markHeight,
+          markWidth: markWidth ?? 70,
+          type: el.name,
+          key: index
+        }
+      );
+    })
+  ));
+};
+const styles = StyleSheet.create({
+  picker: {
+    flexDirection: "row",
+    width: "100%"
+  },
+  digit: {
+    fontSize: 20,
+    textAlign: "center"
+  },
+  gradient: {
+    position: "absolute",
+    width: "100%"
+  }
+});
+
+export { ScrollableSelector as default };

package/dist/esm/components/molecules/ScrollableSelector/components/DateBlock.js

@@ -0,0 +1,97 @@
+import React__default, { useRef, useEffect } from 'react';
+import { TouchableOpacity, Text } from 'react-native';
+import { Block, Mark, StyledScrollView } from '../styled.js';
+import { format } from 'date-fns';
+
+const DateBlock = ({
+  value,
+  digits,
+  type,
+  onChange,
+  height = 170,
+  fontSize,
+  textColor,
+  markColor,
+  markHeight,
+  markWidth,
+  TextComponent = Text,
+  locale
+}) => {
+  const months = [...Array(12)].map(
+    (_, index) => format((/* @__PURE__ */ new Date()).setMonth(index), "MMM", { locale }).slice(
+      0,
+      3
+    )
+  );
+  const dHeight = Math.round(height / 4);
+  const mHeight = markHeight ?? Math.min(dHeight, 65);
+  const mWidth = markWidth ?? 70;
+  const offsets = digits.map((_, index) => index * dHeight);
+  const scrollRef = useRef(null);
+  const snapScrollToIndex = (index) => {
+    scrollRef?.current?.scrollTo({ y: dHeight * index, animated: true });
+  };
+  useEffect(() => {
+    snapScrollToIndex(value - digits[0]);
+  }, [scrollRef.current]);
+  const handleMomentumScrollEnd = ({ nativeEvent }) => {
+    const digit = Math.round(nativeEvent.contentOffset.y / dHeight + digits[0]);
+    onChange(type, digit);
+  };
+  const getDisplayedValue = (granularity) => (value2) => {
+    if (granularity === "month") {
+      return months[value2 - 1];
+    } else {
+      return value2.toString().padStart(2, "0");
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(Block, null, /* @__PURE__ */ React__default.createElement(
+    Mark,
+    {
+      markTop: (height - mHeight) / 2,
+      markColor: markColor ?? "rgba(0, 0, 0, 0.05)",
+      markHeight: 24,
+      markWidth: mWidth
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    StyledScrollView,
+    {
+      ref: scrollRef,
+      snapToOffsets: offsets,
+      decelerationRate: "fast",
+      showsVerticalScrollIndicator: false,
+      scrollEventThrottle: 0,
+      onMomentumScrollEnd: handleMomentumScrollEnd,
+      fadingEdgeLength: 300
+    },
+    digits.map((value2, index) => {
+      return /* @__PURE__ */ React__default.createElement(
+        TouchableOpacity,
+        {
+          key: index,
+          onPress: () => {
+            onChange(type, digits[index]);
+            snapScrollToIndex(index);
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(
+          TextComponent,
+          {
+            style: {
+              textAlign: "center",
+              fontSize: fontSize || 22,
+              color: textColor || "#000000",
+              marginBottom: index === digits.length - 1 ? height / 2 - dHeight / 2 : 0,
+              marginTop: index === 0 ? height / 2 - dHeight / 2 : 0,
+              lineHeight: dHeight,
+              height: dHeight
+            }
+          },
+          getDisplayedValue(type)(value2)
+        )
+      );
+    })
+  ));
+};
+
+export { DateBlock as default };

package/dist/esm/components/molecules/ScrollableSelector/styled.js

@@ -0,0 +1,44 @@
+import styled from '@emotion/native';
+import { ScrollView } from 'react-native';
+
+styled.View`
+  flex-direction: row;
+  width: 100%;
+`;
+const Block = styled.View`
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  height: 100%;
+`;
+const BlockLabels = styled.View`
+  flex-direction: row;
+  width: 100%;
+  justify-content: space-around;
+  margin-bottom: 10px;
+`;
+styled.ScrollView`
+  width: 100%;
+`;
+styled.Text`
+  font-size: ${({ fontSize }) => `${fontSize}px`};
+  text-align: center;
+  color: #000000;
+  margin-bottom: ${({ marginBottom }) => `${marginBottom}px`};
+  margin-top: ${({ marginTop }) => `${marginTop}px`};
+  line-height: ${({ lineHeight }) => `${lineHeight}px`};
+  height: ${({ height }) => `${height}px`};
+`;
+const Mark = styled.View`
+  position: absolute;
+  border-radius: 10px;
+  background-color: ${({ theme }) => theme.color.primary.light};
+  height: ${({ markHeight }) => `${markHeight}px`};
+  width: ${({ markWidth }) => `${markWidth}px`};
+`;
+const StyledScrollView = styled(ScrollView)`
+  width: 100%;
+`;
+
+export { Block, BlockLabels, Mark, StyledScrollView };

package/dist/esm/components/molecules/Select/styled.js

@@ -1,7 +1,6 @@
 import styled, { css } from '@emotion/native';
-import { disabledInputStyles, PressableSurface, RFValueStr, Button, Icon, RFValue } from '@tecsinapse/react-core';
+import { disabledInputStyles, RFValueStr, PressableSurface, Icon, RFValue } from '@tecsinapse/react-core';
 import { View, ActivityIndicator } from 'react-native';
-import Input from '../../atoms/Input/Input.js';
 import Text from '../../atoms/Text/Text.js';
 
 const getStyledModal = (safeTop = 0) => {
@@ -17,15 +16,6 @@ const StyledSelectionText = styled(Text)(
     ${disabledInputStyles(props)};
   `
 );
-styled(View)`
-  aspect-ratio: 1;
-  height: 100%;
-`;
-styled(
-  PressableSurface
-)`
-  width: 100%;
-`;
 styled(View)`
   position: relative;
   width: 100%;
@@ -36,22 +26,17 @@ styled(View)`
   padding: ${({ theme }) => theme.spacing.deca};
   height: ${RFValueStr("75px")};
 `;
-styled(Button)`
-  aspect-ratio: 1;
-  height: 100%;
-`;
 const SearchBarContainer = styled(View)`
   padding: ${({ theme }) => theme.spacing.deca};
   position: relative;
 `;
-styled(Input)`
-  margin-bottom: ${({ theme }) => theme.spacing.deca};
-`;
 const ListItem = styled(PressableSurface)`
   border-bottom-width: ${RFValueStr("1px")};
   border-color: ${({ theme }) => theme.color.secondary.light};
-  padding-vertical: ${({ theme }) => theme.spacing.mili};
-  padding-horizontal: ${({ theme }) => theme.spacing.deca};
+  padding-top: ${({ theme }) => theme.spacing.mili};
+  padding-bottom: ${({ theme }) => theme.spacing.mili};
+  padding-left: ${({ theme }) => theme.spacing.deca};
+  padding-right: ${({ theme }) => theme.spacing.deca};
 `;
 const ModalFooter = styled(View)`
   width: 100%;

package/dist/esm/index.js

@@ -24,7 +24,7 @@ export { default as TextArea } from './components/atoms/TextArea/TextArea.js';
 export { Calendar } from './components/molecules/Calendar/Calendar.js';
 export { DatePicker } from './components/molecules/DatePicker/DatePicker.js';
 export { DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
-export { DateTimeSelector } from './components/molecules/DateTimeSelector/DateTimeSelector.js';
+export { default as DateTimePickerSelector } from './components/molecules/DateTimePickerSelector/DateTimePickerSelector.js';
 export { default as IconTextButton } from './components/molecules/IconTextButton/IconTextButton.js';
 export { default as InputPassword } from './components/molecules/InputPassword/InputPassword.js';
 export { default as LabeledSwitch } from './components/molecules/LabeledSwitch/LabeledSwitch.js';

package/dist/types/components/atoms/Modal/useLazyModalManager.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { IBaseModal } from "./ui/types";
+import { ReactElement } from 'react';
+import { IBaseModal } from './ui/types';
 export declare const useLazyModalManager: (modalId?: string) => {
     requestUpdate: () => void;
     sync: (modal: ReactElement<IBaseModal>) => null;

package/dist/types/components/molecules/DatePicker/DatePicker.d.ts

@@ -1,3 +1,3 @@
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
 export type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
-export declare const DatePicker: <T extends SelectionType>({ locale, onChange, ...rest }: NativeDatePickerProps<T>) => JSX.Element;
+export declare const DatePicker: <T extends SelectionType>({ locale, onChange, value, type, ...rest }: NativeDatePickerProps<T>) => JSX.Element;

package/dist/types/components/molecules/DateTimePickerSelector/DateTimePickerSelector.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ControlledSelectorComponentProps, DateTimeSelectorProps } from '@tecsinapse/react-core';
+type DateTimePickerSelectorProps = ControlledSelectorComponentProps & DateTimeSelectorProps;
+declare const DateTimePickerSelector: React.FC<DateTimePickerSelectorProps>;
+export default DateTimePickerSelector;

package/dist/types/components/molecules/DateTimePickerSelector/index.d.ts

@@ -0,0 +1 @@
+export { default as DateTimePickerSelector } from './DateTimePickerSelector';

package/dist/types/components/molecules/DateTimePickerSelector/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const Root: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Content: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const BackButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const Header: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/types/components/molecules/ScrollableSelector/ScrollableSelector.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DateTimeSelectorProps } from '@tecsinapse/react-core';
+export interface ScrollableSelectorProps extends DateTimeSelectorProps {
+    height?: number;
+    width?: number;
+    fontSize?: number;
+    textColor?: string;
+    startYear?: number;
+    endYear?: number;
+    markColor?: string;
+    markHeight?: number;
+    markWidth?: number;
+}
+declare const ScrollableSelector: React.FC<ScrollableSelectorProps>;
+export default ScrollableSelector;

package/dist/types/components/molecules/ScrollableSelector/components/DateBlock.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TextProps } from '@tecsinapse/react-core';
+export interface DateBlockProps {
+    digits: number[];
+    locale?: Locale;
+    value: number;
+    date: Date;
+    type: string;
+    height: number;
+    fontSize?: number;
+    textColor?: string;
+    markColor?: string;
+    markHeight?: number;
+    markWidth?: number;
+    TextComponent?: React.FC<TextProps>;
+    onChange(type: string, digit: number): void;
+}
+declare const DateBlock: React.FC<DateBlockProps>;
+export default DateBlock;

package/dist/types/components/molecules/ScrollableSelector/components/index.d.ts

@@ -0,0 +1 @@
+export { default as DateBlock } from './DateBlock';

package/dist/types/components/molecules/ScrollableSelector/index.d.ts

@@ -0,0 +1 @@
+export { default as ScrollableSelector } from './ScrollableSelector';

package/dist/types/components/molecules/ScrollableSelector/styled.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { ScrollView } from 'react-native';
+interface MarkProps {
+    markTop: number;
+    markColor: string;
+    markHeight: number;
+    markWidth: number;
+}
+export declare const PickerContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Block: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const BlockLabels: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Scroll: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<ScrollView> | undefined;
+}>;
+export declare const DigitText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fontSize: number;
+    marginBottom: number;
+    marginTop: number;
+    lineHeight: number;
+    height: number;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").Text> | undefined;
+}>;
+export declare const Mark: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MarkProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledScrollView: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<ScrollView> | undefined;
+}>;
+export {};

package/dist/types/components/molecules/Select/styled.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { ButtonProps, InputContainerProps, PressableSurfaceProps } from '@tecsinapse/react-core';
+import { InputContainerProps, PressableSurfaceProps } from '@tecsinapse/react-core';
 import { ActivityIndicator, View, ViewProps } from 'react-native';
-import { InputNativeProps } from '../../atoms/Input';
 export declare const getStyledModal: (safeTop?: number) => import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -12,36 +11,18 @@ export declare const StyledSelectionText: import("@emotion/native").StyledCompon
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<InputContainerProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
-export declare const Dummy: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledPressableSurface: import("@emotion/native").StyledComponent<PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
 export declare const Header: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const CloseButton: import("@emotion/native").StyledComponent<ButtonProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const SearchBarContainer: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const SearchBar: import("@emotion/native").StyledComponent<InputNativeProps & import("react").RefAttributes<import("react-native").TextInput> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const ListItem: import("@emotion/native").StyledComponent<PressableSurfaceProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/types/index.d.ts

@@ -30,7 +30,7 @@ export { DatePicker } from './components/molecules/DatePicker';
 export type { NativeDatePickerProps } from './components/molecules/DatePicker';
 export { DateTimePicker } from './components/molecules/DateTimePicker';
 export type { NativeDateTimePickerProps } from './components/molecules/DateTimePicker';
-export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export { DateTimePickerSelector } from './components/molecules/DateTimePickerSelector';
 export { IconTextButton } from './components/molecules/IconTextButton';
 export type { NativeIconTextButtonProps } from './components/molecules/IconTextButton';
 export { InputPassword } from './components/molecules/InputPassword';