@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

package/esm/styles/definitions.js

@@ -0,0 +1,158 @@
+import 'react';
+import '../components/atoms/Text/styled.js';
+import '../components/atoms/Input/styled.js';
+import 'currency.js';
+import '../components/atoms/Input/InputElement/InputElement.js';
+import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../components/atoms/Input/PressableInputContainer/styled.js';
+import 'react-native';
+import { RFValueStr } from '../utils/ResponsiveFontSize.js';
+
+const statusColor = {
+  error: {
+    xlight: "#fdf3f2",
+    light: "#ee9891",
+    medium: "#e04638",
+    dark: "#9b2318",
+    xdark: "#58240e"
+  },
+  warning: {
+    xlight: "#fffcf0",
+    light: "#ffe380",
+    medium: "#ffc700",
+    dark: "#cc9f00",
+    xdark: "#665000"
+  },
+  success: {
+    xlight: "#f3fcf8",
+    light: "#99e6c9",
+    medium: "#2db783",
+    dark: "#238f67",
+    xdark: "#14523b"
+  },
+  info: {
+    xlight: "#f0f8fe",
+    light: "#85c7fa",
+    medium: "#239bf6",
+    dark: "#0873c4",
+    xdark: "#043962"
+  }
+};
+const hex2rgba = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return `rgba(${r},${g},${b},${alpha})`;
+};
+const miscellaneous = {
+  shadow: "#000000",
+  overlay: "#282625",
+  bodyColor: "#f8f7f7",
+  surfaceColor: "#ffffff"
+};
+const spacing = {
+  nano: RFValueStr("2px"),
+  micro: RFValueStr("4px"),
+  mili: RFValueStr("8px"),
+  centi: RFValueStr("12px"),
+  deca: RFValueStr("16px"),
+  kilo: RFValueStr("24px"),
+  mega: RFValueStr("32px"),
+  giga: RFValueStr("40px"),
+  tera: RFValueStr("48px"),
+  peta: RFValueStr("56px"),
+  hexa: RFValueStr("64px")
+};
+const iconSize = {
+  micro: RFValueStr("12px"),
+  mili: RFValueStr("14px"),
+  centi: RFValueStr("16px"),
+  deca: RFValueStr("18px"),
+  kilo: RFValueStr("24px"),
+  mega: RFValueStr("32px")
+};
+const borderRadius = {
+  nano: RFValueStr("2px"),
+  micro: RFValueStr("4px"),
+  mili: RFValueStr("8px"),
+  centi: RFValueStr("16px"),
+  deca: RFValueStr("24px"),
+  pill: RFValueStr("999999px")
+};
+const borderWidth = {
+  pico: RFValueStr("1px"),
+  nano: RFValueStr("2px")
+};
+const typography = {
+  h5: {
+    fontSize: RFValueStr("16px"),
+    lineHeight: RFValueStr("24px")
+  },
+  h4: {
+    fontSize: RFValueStr("18px"),
+    lineHeight: RFValueStr("27px")
+  },
+  h3: {
+    fontSize: RFValueStr("20px"),
+    lineHeight: RFValueStr("32px")
+  },
+  h2: {
+    fontSize: RFValueStr("26px"),
+    lineHeight: RFValueStr("38px")
+  },
+  h1: {
+    fontSize: RFValueStr("32px"),
+    lineHeight: RFValueStr("42px")
+  },
+  base: {
+    fontSize: RFValueStr("14px"),
+    lineHeight: RFValueStr("21px")
+  },
+  sub: {
+    fontSize: RFValueStr("12px"),
+    lineHeight: RFValueStr("18px")
+  },
+  label: {
+    fontSize: RFValueStr("10px"),
+    lineHeight: RFValueStr("12px")
+  }
+};
+const fontStack = {
+  default: "Lato",
+  mono: "Consolas, monaco, monospace"
+};
+const fontWeight = {
+  regular: "400",
+  bold: "700",
+  black: "900"
+};
+const fontFiles = {
+  black: "{0}-Black",
+  bold: "{0}-Bold",
+  regular: "{0}-Regular"
+};
+const fontColor = {
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
+  orange: "#f89907"
+};
+const zIndex = {
+  default: 0,
+  absolute: 1,
+  select: 20,
+  input: 20,
+  popover: 30,
+  tooltip: 40,
+  header: 600,
+  backdrop: 700,
+  drawer: 700,
+  sidebar: 800,
+  modal: 1e3
+};
+const breakpoints = {
+  sm: 480,
+  md: 768,
+  lg: 1366
+};
+
+export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex };
+//# sourceMappingURL=definitions.js.map

package/esm/styles/definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.js","sources":["../../src/styles/definitions.ts"],"sourcesContent":["import {\n  BorderRadius,\n  BorderWidth,\n  Breakpoints,\n  FontColor,\n  FontStack,\n  FontWeight,\n  IconSize,\n  Miscellaneous,\n  Spacing,\n  TypographyVariation,\n  ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n  error: {\n    xlight: '#fdf3f2',\n    light: '#ee9891',\n    medium: '#e04638',\n    dark: '#9b2318',\n    xdark: '#58240e',\n  },\n  warning: {\n    xlight: '#fffcf0',\n    light: '#ffe380',\n    medium: '#ffc700',\n    dark: '#cc9f00',\n    xdark: '#665000',\n  },\n  success: {\n    xlight: '#f3fcf8',\n    light: '#99e6c9',\n    medium: '#2db783',\n    dark: '#238f67',\n    xdark: '#14523b',\n  },\n  info: {\n    xlight: '#f0f8fe',\n    light: '#85c7fa',\n    medium: '#239bf6',\n    dark: '#0873c4',\n    xdark: '#043962',\n  },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n  const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n  return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n  shadow: '#000000', // black\n  overlay: '#282625', // rgba(40, 38, 37, 0.5)\n  bodyColor: '#f8f7f7',\n  surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n  nano: RFValueStr('2px'),\n  micro: RFValueStr('4px'),\n  mili: RFValueStr('8px'),\n  centi: RFValueStr('12px'),\n  deca: RFValueStr('16px'),\n  kilo: RFValueStr('24px'),\n  mega: RFValueStr('32px'),\n  giga: RFValueStr('40px'),\n  tera: RFValueStr('48px'),\n  peta: RFValueStr('56px'),\n  hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n  micro: RFValueStr('12px'),\n  mili: RFValueStr('14px'),\n  centi: RFValueStr('16px'), // '1rem'\n  deca: RFValueStr('18px'), // '1.5rem'\n  kilo: RFValueStr('24px'), // '1.6rem'\n  mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n  nano: RFValueStr('2px'),\n  micro: RFValueStr('4px'),\n  mili: RFValueStr('8px'),\n  centi: RFValueStr('16px'),\n  deca: RFValueStr('24px'),\n  pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n  pico: RFValueStr('1px'),\n  nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n  h5: {\n    fontSize: RFValueStr('16px'), // '1rem'\n    lineHeight: RFValueStr('24px'), // '1.5rem'\n  },\n  h4: {\n    fontSize: RFValueStr('18px'), // '1.125rem'\n    lineHeight: RFValueStr('27px'), // '1.688rem'\n  },\n  h3: {\n    fontSize: RFValueStr('20px'), // '1.25rem'\n    lineHeight: RFValueStr('32px'), // '2rem'\n  },\n  h2: {\n    fontSize: RFValueStr('26px'), // '1.625rem'\n    lineHeight: RFValueStr('38px'), // '2.375rem'\n  },\n  h1: {\n    fontSize: RFValueStr('32px'), // '2rem'\n    lineHeight: RFValueStr('42px'), // '2.625rem'\n  },\n  base: {\n    fontSize: RFValueStr('14px'), // '0.875rem'\n    lineHeight: RFValueStr('21px'), // '1.313rem'\n  },\n  sub: {\n    fontSize: RFValueStr('12px'), // '0.75rem'\n    lineHeight: RFValueStr('18px'), // '1.125rem'\n  },\n  label: {\n    fontSize: RFValueStr('10px'),\n    lineHeight: RFValueStr('12px'),\n  },\n};\n\nexport const fontStack: FontStack = {\n  default: 'Lato',\n  mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n  regular: '400',\n  bold: '700',\n  black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n  black: '{0}-Black',\n  bold: '{0}-Bold',\n  regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n  light: '#fff',\n  medium: '#85807a',\n  dark: '#353231', // default\n  orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n  default: 0,\n  absolute: 1,\n  select: 20,\n  input: 20,\n  popover: 30,\n  tooltip: 40,\n  header: 600,\n  backdrop: 700,\n  drawer: 700,\n  sidebar: 800,\n  modal: 1000,\n};\n\nexport type IconType =\n  | 'material'\n  | 'material-community'\n  | 'simple-line-icon'\n  | 'zocial'\n  | 'font-awesome'\n  | 'octicon'\n  | 'ionicon'\n  | 'foundation'\n  | 'evilicon'\n  | 'entypo'\n  | 'antdesign'\n  | 'font-awesome-5'\n  | string;\n\nexport const breakpoints: Breakpoints = {\n  sm: 480,\n  md: 768,\n  lg: 1366,\n};\n"],"names":[],"mappings":"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"}

package/esm/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProp } from '../types/defaults';
+export declare const lightTheme: ThemeProp;

package/esm/styles/light.js

@@ -0,0 +1,55 @@
+import { miscellaneous, spacing, iconSize, borderRadius, borderWidth, typography, fontColor, fontStack, fontWeight, fontFiles, zIndex, breakpoints, statusColor } from './definitions.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const primaryGradation = {
+  xlight: "#fef9f0",
+  light: "#fccb83",
+  medium: "#f89907",
+  dark: "#ae6b05",
+  xdark: "#633d03"
+};
+const secondaryGradation = {
+  xlight: "#f8f7f7",
+  light: "#c2bfbc",
+  medium: "#85807a",
+  dark: "#5d5955",
+  xdark: "#353231"
+};
+const lightTheme = {
+  color: __spreadValues({
+    primary: __spreadValues({}, primaryGradation),
+    secondary: __spreadValues({}, secondaryGradation)
+  }, statusColor),
+  miscellaneous,
+  spacing,
+  iconSize,
+  borderRadius,
+  borderWidth,
+  typography,
+  font: {
+    color: fontColor,
+    stack: fontStack,
+    weight: fontWeight,
+    files: fontFiles
+  },
+  zIndex,
+  breakpoints
+};
+
+export { lightTheme };
+//# sourceMappingURL=light.js.map

package/esm/styles/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","sources":["../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n  borderRadius,\n  borderWidth,\n  breakpoints,\n  fontColor,\n  fontFiles,\n  fontStack,\n  fontWeight,\n  iconSize,\n  miscellaneous,\n  spacing,\n  statusColor,\n  typography,\n  zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n  xlight: '#fef9f0',\n  light: '#fccb83',\n  medium: '#f89907',\n  dark: '#ae6b05',\n  xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n  xlight: '#f8f7f7',\n  light: '#c2bfbc',\n  medium: '#85807a',\n  dark: '#5d5955',\n  xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n  color: {\n    primary: {\n      ...primaryGradation,\n    },\n    secondary: { ...secondaryGradation },\n    ...statusColor,\n  },\n  miscellaneous,\n  spacing,\n  iconSize,\n  borderRadius,\n  borderWidth,\n  typography,\n  font: {\n    color: fontColor,\n    stack: fontStack,\n    weight: fontWeight,\n    files: fontFiles,\n  },\n  zIndex,\n  breakpoints,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA,cAAA,CAAA;AAAA,IACL,SAAS,cACJ,CAAA,EAAA,EAAA,gBAAA,CAAA;AAAA,IAEL,WAAW,cAAK,CAAA,EAAA,EAAA,kBAAA,CAAA;AAAA,GACb,EAAA,WAAA,CAAA;AAAA,EAEL,aAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,UAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AACF;;;;"}

package/esm/types/defaults.d.ts

@@ -0,0 +1,134 @@
+import { ReactNode } from 'react';
+export declare type Color = {
+    primary: ColorGradation;
+    secondary: ColorGradation;
+    error: ColorGradation;
+    success: ColorGradation;
+    info: ColorGradation;
+    warning: ColorGradation;
+};
+export declare type TypographyVariation = {
+    h1: Typography;
+    h2: Typography;
+    h3: Typography;
+    h4: Typography;
+    h5: Typography;
+    base: Typography;
+    sub: Typography;
+    label: Typography;
+};
+export declare type Miscellaneous = {
+    shadow: string;
+    overlay: string;
+    bodyColor: string;
+    surfaceColor: string;
+};
+export declare type Spacing = {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+    giga: string;
+    tera: string;
+    peta: string;
+    hexa: string;
+};
+export declare type IconSize = {
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+};
+export declare type BorderRadius = {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    pill: string;
+};
+export declare type BorderWidth = {
+    pico: string;
+    nano: string;
+};
+export declare type Typography = {
+    lineHeight: string;
+    fontSize: string;
+};
+export declare type ColorGradation = {
+    xlight: string;
+    light: string;
+    medium: string;
+    dark: string;
+    xdark: string;
+};
+export declare type FontStack = {
+    default: string;
+    mono: string;
+};
+export declare type FontColor = {
+    light: string;
+    medium: string;
+    dark: string;
+    orange: string;
+};
+export declare type ZIndex = {
+    default: number;
+    absolute: number;
+    drawer: number;
+    select: number;
+    input: number;
+    popover: number;
+    tooltip: number;
+    header: number;
+    backdrop: number;
+    sidebar: number;
+    modal: number;
+};
+export declare type FontWeight = {
+    regular: string;
+    bold: string;
+    black: string;
+};
+export declare type Breakpoints = {
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare type ThemeProp = {
+    color: Color;
+    miscellaneous: Miscellaneous;
+    spacing: Spacing;
+    iconSize: IconSize;
+    borderRadius: BorderRadius;
+    borderWidth: BorderWidth;
+    typography: TypographyVariation;
+    font: {
+        color: FontColor;
+        stack: FontStack;
+        weight: FontWeight;
+        files: FontWeight;
+    };
+    zIndex: ZIndex;
+    breakpoints: Breakpoints;
+};
+export interface ThemeProviderProps {
+    children?: ReactNode;
+    theme: ThemeProp;
+}
+export declare type StyleProps = ThemeProviderProps;
+export declare type ColorType = keyof Color;
+export declare type SpacingType = keyof Spacing;
+export declare type TypographyVariationType = keyof TypographyVariation;
+export declare type FontWeightType = keyof FontWeight;
+export declare type VariantType = 'filled' | 'outlined' | 'text';
+export declare type ColorGradationType = keyof ColorGradation;
+export declare type FontColorType = keyof FontColor;
+export declare type BorderRadiusType = keyof BorderRadius;
+export declare type FontStackType = keyof FontStack;
+export declare type IconSizeType = keyof IconSize;

package/esm/types/defaults.js

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

package/esm/utils/IPhoneXHelper.d.ts

@@ -0,0 +1,4 @@
+export declare function isIphoneX(): boolean;
+export declare function ifIphoneX(iphoneXStyle: any, regularStyle: any): any;
+export declare function getStatusBarHeight(safe: any): any;
+export declare function getBottomSpace(): 0 | 34;

package/esm/utils/IPhoneXHelper.js

@@ -0,0 +1,25 @@
+import { Dimensions, Platform, StatusBar } from 'react-native';
+
+function isIphoneX() {
+  const dimen = Dimensions.get("window");
+  return Platform.OS === "ios" && !Platform.isPad && !Platform.isTVOS && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
+}
+function ifIphoneX(iphoneXStyle, regularStyle) {
+  if (isIphoneX()) {
+    return iphoneXStyle;
+  }
+  return regularStyle;
+}
+function getStatusBarHeight(safe) {
+  return Platform.select({
+    ios: ifIphoneX(safe ? 44 : 30, 20),
+    android: StatusBar.currentHeight,
+    default: 0
+  });
+}
+function getBottomSpace() {
+  return isIphoneX() ? 34 : 0;
+}
+
+export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX };
+//# sourceMappingURL=IPhoneXHelper.js.map

package/esm/utils/IPhoneXHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPhoneXHelper.js","sources":["../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n  const dimen = Dimensions.get('window');\n  return (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    !Platform.isTVOS &&\n    (dimen.height === 780 ||\n      dimen.width === 780 ||\n      dimen.height === 812 ||\n      dimen.width === 812 ||\n      dimen.height === 844 ||\n      dimen.width === 844 ||\n      dimen.height === 896 ||\n      dimen.width === 896 ||\n      dimen.height === 926 ||\n      dimen.width === 926)\n  );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n  if (isIphoneX()) {\n    return iphoneXStyle;\n  }\n  return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n  return Platform.select({\n    ios: ifIphoneX(safe ? 44 : 30, 20),\n    android: StatusBar.currentHeight,\n    default: 0,\n  });\n}\n\nexport function getBottomSpace() {\n  return isIphoneX() ? 34 : 0;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACE,SAAS,EAAO,KAAA,KAAA,IAChB,CAAC,QAAA,CAAS,SACV,CAAC,QAAA,CAAS,MACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAO,SAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAAS,SAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;"}

package/esm/utils/ResponsiveFontSize.d.ts

@@ -0,0 +1,3 @@
+export declare const RFPercentage: (percent: number) => number;
+export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number | undefined) => string;

package/esm/utils/ResponsiveFontSize.js

@@ -0,0 +1,32 @@
+import { Platform, Dimensions, StatusBar } from 'react-native';
+import { extractNumbersFromString } from './extractNumbersFromString.js';
+import { isIphoneX } from './IPhoneXHelper.js';
+
+const STANDARD_SCREEN_HEIGHT = 680;
+const RFPercentage = (percent) => {
+  if (Platform.OS === "web")
+    return percent;
+  const { height, width } = Dimensions.get("window");
+  const standardLength = width > height ? width : height;
+  const offset = width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight || 0;
+  const deviceHeight = isIphoneX() || Platform.OS === "android" ? standardLength - offset : standardLength;
+  const heightPercent = percent * deviceHeight / 100;
+  return Math.round(heightPercent);
+};
+const RFValue = (fontSize, standardScreenHeight = STANDARD_SCREEN_HEIGHT) => {
+  if (Platform.OS === "web")
+    return fontSize;
+  const { height, width } = Dimensions.get("window");
+  const standardLength = width > height ? width : height;
+  const offset = width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight || 0;
+  const deviceHeight = isIphoneX() || Platform.OS === "android" ? standardLength - offset : standardLength;
+  const heightPercent = fontSize * deviceHeight / standardScreenHeight;
+  return Math.round(heightPercent);
+};
+const RFValueStr = (fontSize, standardScreenHeight) => {
+  const _fontSize = extractNumbersFromString(fontSize);
+  return `${RFValue(_fontSize, standardScreenHeight)}px`;
+};
+
+export { RFPercentage, RFValue, RFValueStr };
+//# sourceMappingURL=ResponsiveFontSize.js.map

package/esm/utils/ResponsiveFontSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveFontSize.js","sources":["../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAI,SAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,UAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACA,SAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJ,SAAU,EAAA,IAAK,SAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAI,SAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,UAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACA,SAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJ,SAAU,EAAA,IAAK,SAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAY,yBAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;"}

package/esm/utils/extractNumbersFromString.d.ts

@@ -0,0 +1,2 @@
+export declare const extractNumbersFromString: (value: string) => number;
+export declare const extractDigitsFromString: (value: string) => string;

package/esm/utils/extractNumbersFromString.js

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

package/esm/utils/extractNumbersFromString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractNumbersFromString.js","sources":["../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":"AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;"}

package/esm/utils/formatWithMask.d.ts

@@ -0,0 +1,3 @@
+import { MaskType, CurrencyOptions } from '../components/atoms/Input';
+import currency from 'currency.js';
+export declare const formatWithMask: (mask: MaskType[] | currency.Options | ((value: string) => MaskType[]), value: string | number) => string | number;

package/esm/utils/formatWithMask.js

@@ -0,0 +1,26 @@
+import 'react';
+import '../components/atoms/Text/styled.js';
+import '../components/atoms/Input/styled.js';
+import { getInternalNumberAndMask } from '../components/atoms/Input/hooks/useNumberMask.js';
+import { getMask, mergeMask } from '../components/atoms/Input/hooks/useStringMask.js';
+import '../components/atoms/Input/InputElement/InputElement.js';
+import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../components/atoms/Input/PressableInputContainer/styled.js';
+import currency from 'currency.js';
+
+const formatWithMask = (mask, value) => {
+  if (Array.isArray(mask) || typeof mask === "function") {
+    const selectedMask = getMask(mask, String(value));
+    const { formatted } = mergeMask(String(value), selectedMask);
+    return formatted || "";
+  } else {
+    const { internalNumber, mergedOptions } = getInternalNumberAndMask(
+      value,
+      mask
+    );
+    return currency(internalNumber).format(mergedOptions);
+  }
+};
+
+export { formatWithMask };
+//# sourceMappingURL=formatWithMask.js.map

package/esm/utils/formatWithMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatWithMask.js","sources":["../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAA,OAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAI,UAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAA,wBAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAO,QAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}

package/esm/utils/index.d.ts

@@ -0,0 +1,7 @@
+export { extractDigitsFromString, extractNumbersFromString, } from './extractNumbersFromString';
+export * from './formatWithMask';
+export * from './IPhoneXHelper';
+export { lightenDarkenColor } from './lightenDarkenColor';
+export * from './masks';
+export * from './ResponsiveFontSize';
+export * from './variantComplement';

package/esm/utils/index.js

@@ -0,0 +1,8 @@
+export { extractDigitsFromString, extractNumbersFromString } from './extractNumbersFromString';
+export * from './formatWithMask';
+export * from './IPhoneXHelper';
+export { lightenDarkenColor } from './lightenDarkenColor';
+export * from './masks';
+export * from './ResponsiveFontSize';
+export * from './variantComplement';
+//# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["extractDigitsFromString","extractNumbersFromString","lightenDarkenColor"],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  extractDigitsFromString,\n  extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":"AAAA,SACEA,uBADF,EAEEC,wBAFF,QAGO,4BAHP;AAIA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,cAAc,SAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd"}

package/esm/utils/lightenDarkenColor.d.ts

@@ -0,0 +1 @@
+export declare const lightenDarkenColor: (color: string, variation: number) => string;

package/esm/utils/lightenDarkenColor.js

@@ -0,0 +1,27 @@
+const lightenDarkenColor = (color, variation) => {
+  let usePound = false;
+  if (color[0] == "#") {
+    color = color.slice(1);
+    usePound = true;
+  }
+  const num = parseInt(color, 16);
+  let r = (num >> 16) + variation;
+  if (r > 255)
+    r = 255;
+  else if (r < 0)
+    r = 0;
+  let b = (num >> 8 & 255) + variation;
+  if (b > 255)
+    b = 255;
+  else if (b < 0)
+    b = 0;
+  let g = (num & 255) + variation;
+  if (g > 255)
+    g = 255;
+  else if (g < 0)
+    g = 0;
+  return (usePound ? "#" : "") + (g | b << 8 | r << 16).toString(16);
+};
+
+export { lightenDarkenColor };
+//# sourceMappingURL=lightenDarkenColor.js.map

package/esm/utils/lightenDarkenColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightenDarkenColor.js","sources":["../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":"AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,MAAM,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}

package/esm/utils/masks.d.ts

@@ -0,0 +1,11 @@
+export declare const Masks: {
+    CPF: string[];
+    CNPJ: string[];
+    DATE: string[];
+    MONTH_YEAR: string[];
+    CEP: string[];
+    PHONE: string[];
+    PHONE_EXTENDED: string[];
+    COMBINED_PHONE: (value: string) => string[];
+    COMBINED_CPF_CNPJ: (value: string) => string[];
+};

package/esm/utils/masks.js

@@ -0,0 +1,20 @@
+import { extractDigitsFromString } from './extractNumbersFromString.js';
+
+const Masks = {
+  CPF: ["999.999.999-99"],
+  CNPJ: ["99.999.999/9999-99"],
+  DATE: ["99/99/9999"],
+  MONTH_YEAR: ["99/9999"],
+  CEP: ["99999-999"],
+  PHONE: ["(99) 9999-9999"],
+  PHONE_EXTENDED: ["(99) 99999-9999"],
+  COMBINED_PHONE: (value) => {
+    const onlyNumbers = extractDigitsFromString(value);
+    const isCellPhoneExtended = onlyNumbers.length === 11;
+    return (value == null ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
+  },
+  COMBINED_CPF_CNPJ: (value) => (value == null ? void 0 : value.length) <= 14 ? Masks.CPF : Masks.CNPJ
+};
+
+export { Masks };
+//# sourceMappingURL=masks.js.map

package/esm/utils/masks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masks.js","sources":["../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAc,wBAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAA,CAAO,+BAAO,MAAU,KAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,WAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}

package/esm/utils/variantComplement.d.ts

@@ -0,0 +1,6 @@
+import { ColorGradationType, ColorType, FontColorType, VariantType } from '../types/defaults';
+export declare const fontColorVC: Record<VariantType, FontColorType>;
+export declare const colorVC: Record<VariantType, ColorType>;
+export declare const colorGradationVC: Record<VariantType, ColorGradationType>;
+export declare const borderColorVC: Record<VariantType, ColorType>;
+export declare const borderColorGradationVC: Record<VariantType, ColorGradationType>;