@tecsinapse/react-core 2.2.1 → 3.3.0

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

@@ -1,11 +1,13 @@
 import { set, getWeeksInMonth, add, format } from 'date-fns';
 import * as React from 'react';
-import { View } from 'react-native';
+import { useRef } from 'react';
+import { View, TouchableOpacity } from 'react-native';
 import Icon from '../../atoms/Icon/Icon.js';
 import Text from '../../atoms/Text/Text.js';
 import { getCapitalizedTextComponent, TitleContainer, Control, Content } from './styled.js';
 import Weekdays from './components/Weekdays.js';
 import MonthWeek from './components/MonthWeek.js';
+import SelectYear from './components/SelectYear.js';
 
 const now = set(/* @__PURE__ */ new Date(), {
   date: 1,
@@ -25,6 +27,7 @@ function Calendar({
   type,
   onChange,
   locale,
+  selectYearProps,
   ...rest
 }) {
   const _referenceDate = React.useMemo(
@@ -32,6 +35,8 @@ function Calendar({
     [_year, _month]
   );
   const [referenceDate, setReferenceDate] = React.useState(_referenceDate);
+  const [showSelectYear, setShowSelectYear] = React.useState(false);
+  const calendarHeightRef = useRef(0);
   const startingWeekDay = React.useMemo(
     () => dayOfWeekFromWeekStart(
       referenceDate.getDay(),
@@ -50,12 +55,15 @@ function Calendar({
     [TextComponent]
   );
   const calendar = React.useMemo(
-    () => [...Array(weeksInMonth).keys()].map(
-      (week) => [...Array(7).keys()].map(
-        (weekDayIndex) => add(referenceDate, {
-          days: 6 * week + week + weekDayIndex - startingWeekDay
-        })
-      )
+    () => [...Array(6).keys()].map(
+      (week) => [...Array(7).keys()].map((weekDayIndex) => {
+        let addDays = 6 * week + week + weekDayIndex - startingWeekDay;
+        if (weeksInMonth == 5 && startingWeekDay == 0)
+          addDays -= 7;
+        return add(referenceDate, {
+          days: addDays
+        });
+      })
     ),
     [weeksInMonth, startingWeekDay, referenceDate]
   );
@@ -65,16 +73,37 @@ function Calendar({
   const handlePressPrev = React.useCallback(() => {
     setReferenceDate(add(referenceDate, { months: -1 }));
   }, [referenceDate, setReferenceDate]);
-  return /* @__PURE__ */ React.createElement(View, { ...rest }, /* @__PURE__ */ React.createElement(TitleContainer, null, /* @__PURE__ */ React.createElement(Control, { onPress: handlePressPrev, align: "start", isLeft: true }, /* @__PURE__ */ React.createElement(
-    Icon,
+  const handlePressSelectYear = React.useCallback(() => {
+    setShowSelectYear((prevState) => !prevState);
+  }, [setShowSelectYear]);
+  const handleSelectYear = React.useCallback(
+    (year) => {
+      const referenceDateYear = referenceDate.getFullYear();
+      const addYears = year - referenceDateYear;
+      setReferenceDate(add(referenceDate, { years: addYears }));
+      setShowSelectYear(false);
+    },
+    [referenceDate]
+  );
+  return /* @__PURE__ */ React.createElement(View, { ...rest }, /* @__PURE__ */ React.createElement(TitleContainer, null, /* @__PURE__ */ React.createElement(
+    Control,
     {
-      name: "chevron-left",
-      type: "material-community",
-      size: "kilo",
-      colorVariant: "secondary",
-      colorTone: "medium"
-    }
-  )), /* @__PURE__ */ React.createElement(
+      onPress: handlePressPrev,
+      align: "start",
+      disabled: showSelectYear,
+      isLeft: true
+    },
+    /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        name: "chevron-left",
+        type: "material-community",
+        size: "kilo",
+        colorVariant: "secondary",
+        colorTone: "medium"
+      }
+    )
+  ), /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: handlePressSelectYear }, /* @__PURE__ */ React.createElement(
     Capitalized,
     {
       colorVariant: "secondary",
@@ -82,35 +111,58 @@ function Calendar({
       fontWeight: "bold"
     },
     format(referenceDate, "MMMM yyyy", { locale })
-  ), /* @__PURE__ */ React.createElement(Control, { onPress: handlePressNext, align: "end", isRright: true }, /* @__PURE__ */ React.createElement(
-    Icon,
-    {
-      name: "chevron-right",
-      type: "material-community",
-      size: "kilo",
-      colorVariant: "secondary",
-      colorTone: "medium"
-    }
-  ))), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
-    Weekdays,
+  )), /* @__PURE__ */ React.createElement(
+    Control,
     {
-      locale,
-      calendar,
-      Capitalized
-    }
-  ), calendar.map((week, index) => /* @__PURE__ */ React.createElement(
-    MonthWeek,
+      onPress: handlePressNext,
+      align: "end",
+      disabled: showSelectYear,
+      isRight: true
+    },
+    /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        name: "chevron-right",
+        type: "material-community",
+        size: "kilo",
+        colorVariant: "secondary",
+        colorTone: "medium"
+      }
+    )
+  )), showSelectYear ? /* @__PURE__ */ React.createElement(Content, { height: calendarHeightRef.current }, /* @__PURE__ */ React.createElement(
+    SelectYear,
     {
-      week,
-      type,
-      value,
-      key: `week-${index}`,
-      onChange,
+      currentYear: referenceDate.getFullYear(),
+      onSelectYear: handleSelectYear,
       TextComponent,
-      referenceDate
+      ...selectYearProps
     }
-  ))));
+  )) : /* @__PURE__ */ React.createElement(
+    Content,
+    {
+      onLayout: (e) => calendarHeightRef.current = e.nativeEvent.layout.height
+    },
+    /* @__PURE__ */ React.createElement(
+      Weekdays,
+      {
+        locale,
+        calendar,
+        Capitalized
+      }
+    ),
+    calendar.map((week, index) => /* @__PURE__ */ React.createElement(
+      MonthWeek,
+      {
+        week,
+        type,
+        value,
+        key: `week-${index}`,
+        onChange,
+        TextComponent,
+        referenceDate
+      }
+    ))
+  ));
 }
 
 export { Calendar as default };
-//# sourceMappingURL=Calendar.js.map

package/dist/esm/components/molecules/Calendar/components/MemoizedYearCard.js

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import { YearCard } from '../styled.js';
+
+const MemoizedYearCard = React__default.memo(
+  ({
+    year,
+    isSelected,
+    onPress,
+    TextComponent
+  }) => /* @__PURE__ */ React__default.createElement(
+    YearCard,
+    {
+      id: String(year),
+      key: year,
+      isSelected,
+      onPress
+    },
+    /* @__PURE__ */ React__default.createElement(
+      TextComponent,
+      {
+        colorVariant: isSelected ? "primary" : "secondary",
+        colorTone: "xdark",
+        typography: "sub"
+      },
+      year
+    )
+  )
+);
+
+export { MemoizedYearCard as default };

package/dist/esm/components/molecules/Calendar/components/MonthWeek.js

@@ -105,4 +105,3 @@ const MonthWeek = ({
 var MonthWeek$1 = React__default.memo(MonthWeek);
 
 export { MonthWeek$1 as default };
-//# sourceMappingURL=MonthWeek.js.map

package/dist/esm/components/molecules/Calendar/components/SelectYear.js

@@ -0,0 +1,65 @@
+import React__default from 'react';
+import { FlatList } from 'react-native';
+import Text from '../../../atoms/Text/Text.js';
+import '../../../atoms/Input/styled.js';
+import 'currency.js';
+import '../../../atoms/Input/InputElement/InputElement.js';
+import '../../../atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../../../atoms/Input/PressableInputContainer/styled.js';
+import { RFValue } from '../../../../utils/ResponsiveFontSize.js';
+import { useTheme } from '../../../../hooks/useTheme.js';
+import MemoizedYearCard from './MemoizedYearCard.js';
+
+const SelectYear = ({
+  currentYear,
+  onSelectYear,
+  TextComponent = Text,
+  yearsToShow = 100,
+  firstYear = 1950,
+  numColumns = 4
+}) => {
+  const theme = useTheme();
+  const years = React__default.useMemo(
+    () => Array.from({ length: yearsToShow }, (_, i) => i + firstYear),
+    [yearsToShow, firstYear]
+  );
+  const initialIndex = React__default.useMemo(() => {
+    const index = currentYear % firstYear / numColumns - 2;
+    return index < 0 ? 0 : index;
+  }, [currentYear, firstYear, numColumns]);
+  const yearCardHeight = RFValue(Number(theme.typography.base.fontSize.slice(0, -2))) + 2 * RFValue(Number(theme.spacing.deca.slice(0, -2)));
+  const yearCardsBuilder = React__default.useCallback(
+    (item) => /* @__PURE__ */ React__default.createElement(
+      MemoizedYearCard,
+      {
+        year: item.item,
+        isSelected: currentYear === item.item,
+        onPress: () => onSelectYear(item.item),
+        TextComponent
+      }
+    ),
+    [currentYear, onSelectYear]
+  );
+  return /* @__PURE__ */ React__default.createElement(
+    FlatList,
+    {
+      data: years,
+      renderItem: yearCardsBuilder,
+      keyExtractor: (item) => String(item),
+      contentContainerStyle: {
+        alignItems: "center"
+      },
+      numColumns,
+      initialScrollIndex: initialIndex,
+      getItemLayout: (_, index) => ({
+        length: yearCardHeight,
+        offset: yearCardHeight * index,
+        index
+      }),
+      fadingEdgeLength: 200
+    }
+  );
+};
+var SelectYear$1 = React__default.memo(SelectYear);
+
+export { SelectYear$1 as default };

package/dist/esm/components/molecules/Calendar/components/Weekdays.js

@@ -21,4 +21,3 @@ const Weekdays = ({ calendar, locale, Capitalized }) => {
 var Weekdays$1 = React__default.memo(Weekdays);
 
 export { Weekdays$1 as default };
-//# sourceMappingURL=Weekdays.js.map

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

@@ -25,6 +25,7 @@ const getCapitalizedTextComponent = (component) => {
 const Content = styled.View`
   padding: ${({ theme }) => theme.spacing.deca};
   background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  height: ${({ height }) => height ? `${height}px` : "auto"};
 `;
 const Week = styled.View`
   flex-direction: row;
@@ -38,43 +39,49 @@ const Selected = styled.View`
   width: 100%;
   height: 100%;
 `;
-const Cell = styled(PressableSurface)(
-  ({
-    theme,
-    selected,
-    highlighted,
-    isLineEnd,
-    isLineStart,
-    isRangeStart,
-    isRangeEnd
-  }) => {
-    const borderRadiusSize = theme.borderRadius.mili;
-    const { rightBorderRadius, leftBorderRadius } = {
-      rightBorderRadius: selected && !isRangeStart || isLineEnd ? borderRadiusSize : 0,
-      leftBorderRadius: selected && !isRangeEnd || isLineStart ? borderRadiusSize : 0
-    };
-    const borderEffect = highlighted ? 0 : borderRadiusSize;
-    const backgroundColor = highlighted ? theme.color.primary.light : "transparent";
-    return css`
-      ${isWeb ? css`
-            width: 32px;
-            height: 32px;
-          ` : css`
-            aspect-ratio: 1;
-            flex: 1;
-          `}
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border-radius: ${borderEffect};
-      border-top-left-radius: ${leftBorderRadius};
-      border-bottom-left-radius: ${leftBorderRadius};
-      border-top-right-radius: ${rightBorderRadius};
-      border-bottom-right-radius: ${rightBorderRadius};
-      background-color: ${backgroundColor};
-    `;
-  }
+const Cell = styled(PressableSurface)(({
+  theme,
+  selected,
+  highlighted,
+  isLineEnd,
+  isLineStart,
+  isRangeStart,
+  isRangeEnd
+}) => {
+  const borderRadiusSize = theme.borderRadius.mili;
+  const { rightBorderRadius, leftBorderRadius } = {
+    rightBorderRadius: selected && !isRangeStart || isLineEnd ? borderRadiusSize : 0,
+    leftBorderRadius: selected && !isRangeEnd || isLineStart ? borderRadiusSize : 0
+  };
+  const borderEffect = highlighted ? 0 : borderRadiusSize;
+  const backgroundColor = highlighted ? theme.color.primary.light : "transparent";
+  return css`
+    ${isWeb ? css`
+          width: 32px;
+          height: 32px;
+        ` : css`
+          aspect-ratio: 1;
+          flex: 1;
+        `}
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: ${borderEffect};
+    border-top-left-radius: ${leftBorderRadius};
+    border-bottom-left-radius: ${leftBorderRadius};
+    border-top-right-radius: ${rightBorderRadius};
+    border-bottom-right-radius: ${rightBorderRadius};
+    background-color: ${backgroundColor};
+  `;
+});
+const YearCard = styled(PressableSurface)(
+  (props) => css`
+    background-color: ${props.isSelected ? props.theme?.color.primary.light : void 0};
+    padding: ${props.theme?.spacing.centi};
+    border-radius: ${props.theme?.borderRadius.mili};
+    margin: ${props.theme?.spacing.mili};
+    padding: ${props.theme?.spacing.mili} ${props.theme?.spacing.deca};
+  `
 );
 
-export { Cell, Content, Control, Selected, TitleContainer, Week, getCapitalizedTextComponent };
-//# sourceMappingURL=styled.js.map
+export { Cell, Content, Control, Selected, TitleContainer, Week, YearCard, getCapitalizedTextComponent };

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

@@ -0,0 +1,57 @@
+import * as React from 'react';
+
+const ControlledDateTimeSelector = ({
+  SelectorComponent,
+  ...rest
+}) => {
+  const {
+    value,
+    mode,
+    dateModalTitle,
+    dateConfirmButtonText,
+    timeModalTitle,
+    timeConfirmButtonText,
+    onChange
+  } = rest;
+  const [date, setDate] = React.useState(value || /* @__PURE__ */ new Date());
+  const [currentMode, setCurrentMode] = React.useState(0);
+  const isDate = mode === "date" || mode === "datetime" && currentMode === 0;
+  const isMonth = mode === "month";
+  const modalTitle = isDate || isMonth ? dateModalTitle : timeModalTitle;
+  const confirmButtonText = isDate || isMonth ? dateConfirmButtonText : timeConfirmButtonText;
+  const handleCalendarChange = (value2) => {
+    if (value2 !== void 0) {
+      const referenceDate = value2;
+      referenceDate.setHours(date.getHours(), date.getMinutes());
+      setDate(referenceDate);
+    }
+  };
+  const handlePressConfirm = () => {
+    if (mode === "datetime" && currentMode === 0) {
+      setCurrentMode(1);
+    } else {
+      onChange?.(date);
+    }
+  };
+  const handlePressBack = () => {
+    setCurrentMode(0);
+  };
+  return /* @__PURE__ */ React.createElement(
+    SelectorComponent,
+    {
+      ...rest,
+      handlePressBack,
+      handlePressConfirm,
+      handleCalendarChange,
+      confirmButtonText,
+      isDate,
+      isMonth,
+      date,
+      setDate,
+      currentMode,
+      modalTitle
+    }
+  );
+};
+
+export { ControlledDateTimeSelector as default };

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

@@ -107,4 +107,3 @@ function DatePicker({
 }
 
 export { DatePicker as default };
-//# sourceMappingURL=DatePicker.js.map

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

@@ -22,4 +22,3 @@ const CalendarIcon = styled(Icon)`
 `;
 
 export { CalendarIcon, getStyledTextComponent };
-//# sourceMappingURL=styled.js.map

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

@@ -110,4 +110,3 @@ const DateTimePicker = ({
 };
 
 export { DateTimePicker as default };
-//# sourceMappingURL=DateTimePicker.js.map

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

@@ -7,4 +7,3 @@ const getStyledDateTimeSelector = (component) => {
 };
 
 export { getStyledDateTimeSelector };
-//# sourceMappingURL=styled.js.map

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

@@ -163,4 +163,3 @@ const DateTimeSelector = ({
 };
 
 export { DateTimeSelector as default };
-//# sourceMappingURL=DateTimeSelector.js.map

package/dist/esm/components/molecules/DateTimeSelector/Selector.js

@@ -91,4 +91,3 @@ const Selector = ({
 };
 
 export { Selector };
-//# sourceMappingURL=Selector.js.map

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

@@ -53,4 +53,3 @@ const BackButton = styled(PressableSurface)`
 `;
 
 export { BackButton, Content, Control, Header, Root, SelectorContainer, SelectorRoot, SelectorValue };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Grid/functions.js

@@ -22,4 +22,3 @@ const getGridItemPadding = (pos, _spacing, themeSpacing) => {
 const getGridItemColumSpan = (columns, span) => 100 / (columns / span);
 
 export { getGridItemColumSpan, getGridItemPadding };
-//# sourceMappingURL=functions.js.map

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

@@ -38,4 +38,3 @@ const HintInputContainer = ({
 };
 
 export { HintInputContainer as default };
-//# sourceMappingURL=HintInputContainer.js.map

package/dist/esm/components/molecules/IconTextButton/IconComponent.js

@@ -18,4 +18,3 @@ const IconComponent = ({
 var IconComponent$1 = React__default.memo(IconComponent);
 
 export { IconComponent$1 as default };
-//# sourceMappingURL=IconComponent.js.map

package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js

@@ -21,4 +21,3 @@ const InputPasswordIcon = ({
 };
 
 export { InputPasswordIcon as default };
-//# sourceMappingURL=InputPasswordIcon.js.map

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

@@ -24,4 +24,3 @@ const StyledPasswordButtonIcon = styled(Button)`
 `;
 
 export { StyledPasswordButtonIcon };
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { Animated } from 'react-native';
 import Icon from '../../atoms/Icon/Icon.js';
-import { SnackbarContainer, StyledContainerFlexRow, ContentContainer, IconContainer, TextContainer, DismissContainer, StyledProgressBar } from './styled.js';
+import { SnackbarContainer, StyledContainerFlexRow, ContentContainer, IconContainer, TextContainer, DismissContainer } from './styled.js';
 
 const FADE_DURATION = 500;
 const Snackbar = ({
@@ -20,7 +20,6 @@ const Snackbar = ({
 }) => {
   const fadeAnim = React__default.useRef(new Animated.Value(0)).current;
   const timeoutRef = React__default.useRef();
-  const showProgressBar = false;
   const fadeIn = () => {
     Animated.timing(fadeAnim, {
       toValue: 1,
@@ -78,21 +77,8 @@ const Snackbar = ({
         name: "close",
         type: "material-community"
       }
-    ))),
-    timeout && showProgressBar && open && /* @__PURE__ */ React__default.createElement(
-      StyledProgressBar,
-      {
-        valueNow: 0,
-        valueMax: 100,
-        valueMin: 0,
-        animate: true,
-        color: colorVariant,
-        colorTone: "medium",
-        animationParameters: { direction: "left", duration: timeout }
-      }
-    )
+    )))
   );
 };
 
 export { Snackbar as default };
-//# sourceMappingURL=Snackbar.js.map

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

@@ -10,7 +10,6 @@ import '../../atoms/Input/PressableInputContainer/styled.js';
 import { RFValue } from '../../../utils/ResponsiveFontSize.js';
 import Paper from '../../atoms/Paper/Paper.js';
 import PressableSurface from '../../atoms/PressableSurface/PressableSurface.js';
-import ProgressBar from '../../atoms/ProgressBar/ProgressBar.js';
 
 const baseStyles = ({
   theme,
@@ -71,10 +70,6 @@ const DismissContainer = styled(PressableSurface)`
   align-items: center;
   margin-left: ${({ theme }) => theme.spacing.mili};
 `;
-const StyledProgressBar = styled(ProgressBar)`
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-`;
 const StyledContainerFlexRow = styled(View)`
   display: flex;
   flex-direction: row;
@@ -86,5 +81,4 @@ const TextContainer = styled(View)`
   flex-shrink: 1;
 `;
 
-export { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, StyledProgressBar, TextContainer };
-//# sourceMappingURL=styled.js.map
+export { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, TextContainer };

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

@@ -76,4 +76,3 @@ const TextArea = ({
 };
 
 export { TextArea as default };
-//# sourceMappingURL=TextArea.js.map

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

@@ -24,4 +24,3 @@ const TextAreaInputBase = styled(InputElement)`
 `;
 
 export { StyledInputContainer, TextAreaInputBase };
-//# sourceMappingURL=styled.js.map

package/dist/esm/hooks/useDebouncedState.js

@@ -13,4 +13,3 @@ function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
 }
 
 export { useDebouncedState };
-//# sourceMappingURL=useDebouncedState.js.map

package/dist/esm/hooks/useTheme.js

@@ -3,4 +3,3 @@ import { useTheme as useTheme$1 } from '@emotion/react';
 const useTheme = () => useTheme$1();
 
 export { useTheme };
-//# sourceMappingURL=useTheme.js.map

package/dist/esm/index.js

@@ -54,4 +54,4 @@ export { lightenDarkenColor } from './utils/lightenDarkenColor.js';
 export { Masks } from './utils/masks.js';
 export { RFPercentage, RFValue, RFValueStr } from './utils/ResponsiveFontSize.js';
 export { borderColorGradationVC, borderColorVC, colorGradationVC, colorVC, fontColorVC } from './utils/variantComplement.js';
-//# sourceMappingURL=index.js.map
+export { default as ControlledDateTimeSelector } from './components/molecules/ControlledDateTimeSelector/ControlledDateTimeSelector.js';

package/dist/esm/styles/ThemeProvider.js

@@ -9,4 +9,3 @@ const ThemeProvider = ({
 };
 
 export { ThemeProvider as default };
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/styles/definitions.js

@@ -181,4 +181,3 @@ const breakpoints = {
 };
 
 export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex };
-//# sourceMappingURL=definitions.js.map

package/dist/esm/styles/light.js

@@ -39,4 +39,3 @@ const lightTheme = {
 };
 
 export { lightTheme };
-//# sourceMappingURL=light.js.map

package/dist/esm/utils/IPhoneXHelper.js

@@ -22,4 +22,3 @@ function getBottomSpace() {
 }
 
 export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX };
-//# sourceMappingURL=IPhoneXHelper.js.map

package/dist/esm/utils/ResponsiveFontSize.js

@@ -29,4 +29,3 @@ const RFValueStr = (fontSize, standardScreenHeight) => {
 };
 
 export { RFPercentage, RFValue, RFValueStr };
-//# sourceMappingURL=ResponsiveFontSize.js.map

package/dist/esm/utils/extractNumbersFromString.js

@@ -2,4 +2,3 @@ const extractNumbersFromString = (value) => Number(extractDigitsFromString(value
 const extractDigitsFromString = (value) => value.replace(/[^0-9]/g, "");
 
 export { extractDigitsFromString, extractNumbersFromString };
-//# sourceMappingURL=extractNumbersFromString.js.map

package/dist/esm/utils/formatWithMask.js

@@ -23,4 +23,3 @@ const formatWithMask = (mask, value) => {
 };
 
 export { formatWithMask };
-//# sourceMappingURL=formatWithMask.js.map