@kvell-group/ui 1.14.2 → 1.15.0

package/src/components/Text/Text.tsx

@@ -0,0 +1,21 @@
+import type { TextProps as TextBaseProps } from '@mantine/core'
+import { Text as TextBase } from '@mantine/core'
+import { forwardRef, ReactNode, Ref } from 'react'
+
+import classesNames from '../../styles/typography.module.css'
+import type { TextVariants } from './types'
+
+// ----------------------------------------------------------------------
+
+type TextProps = Omit<TextBaseProps, 'variant'> & {
+  children: ReactNode
+  variant?: TextVariants
+}
+
+export const Text = forwardRef((props: TextProps, ref: Ref<HTMLParagraphElement>) => (
+  <TextBase
+    ref={ref}
+    {...props}
+    classNames={{ root: classesNames[props.variant || 'text'] }}
+  />
+))

package/src/components/Text/index.ts

@@ -0,0 +1 @@
+export { Text } from './Text'

package/src/components/Text/types.ts

@@ -0,0 +1,8 @@
+import { FontVariants as FontVariantsConstants } from '../../constants/font-variants'
+import type { TextProps as TextBaseProps } from '@mantine/core'
+
+// ----------------------------------------------------------------------
+
+type FontVariantsConstantsType = typeof FontVariantsConstants
+
+export type TextVariants = TextBaseProps['variant'] | FontVariantsConstantsType[number]

package/src/components/theme.ts

@@ -0,0 +1,180 @@
+import { colorsTuple, MantineThemeOverride } from '@mantine/core'
+
+// ----------------------------------------------------------------------
+
+export const theme: MantineThemeOverride = {
+  focusRing: 'never',
+  scale: 1, //default value
+  fontSmoothing: true, //default value
+  // white: 'ffffff',
+  black: '#14151a',
+  colors: {
+    primary: colorsTuple('#14151a'),
+    secondary: colorsTuple('#ffffff'),
+    tertiary: colorsTuple('#0a0f290a'),
+
+    //borders
+    'border-action-normal': colorsTuple('#dee0e3'),
+    'border-action-destructive': colorsTuple('#f7c3c0'),
+    'border-base-alpha': colorsTuple('#0a0f2914'),
+
+    //buttons
+    'background-button-tertiary': colorsTuple('#0a0f290a'),
+    'background-button-primary-disabled': colorsTuple('#e9eaec'),
+
+    //icons
+    'icon-base-secondary': colorsTuple('#0f132499'),
+    'icon-base-tertiary': colorsTuple('#0D112666'),
+    'icon-status-success': colorsTuple('#26BD6C'),
+    // icon/base/secondary
+
+    //text
+    'text-base-secondary': colorsTuple('#0f132499'),
+    'text-base-tertiary': colorsTuple('#0d112666'),
+    'text-base-quaternary': colorsTuple('#0a0f2940'),
+    'text-status-destructive': colorsTuple('#e6483d'),
+
+    //toggle
+    'background-toggle-active': colorsTuple('#26bd6c'),
+    'background-toggle-default': colorsTuple('#babdc5'),
+
+    //typography
+    'typography-secondary': colorsTuple('#91989e'),
+  },
+  primaryShade: 6, // { light: 6, dark: 8 } default mantine by theme
+  primaryColor: 'primary',
+  /* variantColorResolver: ({ color, variant, gradient, theme }) => {
+    if (variant === 'primary') {
+      return {
+        background: 'var(--mantine-color-red-9)',
+        hover: 'var(--mantine-color-red-8)',
+        color: 'var(--mantine-color-white)',
+        border: 'none',
+      }
+    }
+
+    return {
+      background: 'var(--mantine-color-red-9)',
+      hover: 'var(--mantine-color-red-8)',
+      color: 'var(--mantine-color-white)',
+      border: 'none',
+    }
+  }, //color by variant */
+  autoContrast: false, //default value
+  luminanceThreshold: 0.3, //default value
+  fontFamily: 'Inter, sans-serif',
+  /* headings: {
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    textWrap: 'wrap', // 'nowrap', 'balance', 'pretty', 'stable',
+    sizes: {
+      h1: { fontSize: '24px', fontWeight: '600', lineHeight: '1.3' }, //{ fontSize: string; fontWeight?: string; lineHeight: string; }
+      //..
+    },
+  }, */
+  radius: {
+    // same name from blank and mantine
+    xl: '0.75rem',
+    xs: '0.25rem',
+    sm: '0.375rem',
+    md: '0.5rem',
+    lg: '0.625rem',
+  },
+  defaultRadius: 'xl',
+  spacing: {
+    //blank variables
+    h6: '-0.30000001192092896px',
+    'body-m': '-0.20000000298023224px',
+    'body-s': '-0.20000000298023224px',
+    'body-l': '-0.20000000298023224px',
+    'caption-l': '-0.10000000149011612px;',
+    'caption-m': '0',
+    //mantine default variables
+    xs: '0.625rem',
+    sm: '0.75rem',
+    md: '1rem',
+    lg: '1.25rem',
+    xl: '2rem',
+  }, //for example
+  fontSizes: {
+    //blank variables
+    h6: '24px',
+    'body-m': '18px',
+    'body-l': '20px',
+    'body-s': '16px',
+    'caption-l': '14px',
+    'caption-m': '12px',
+    // mantine default variables
+    xs: '0.75rem',
+    sm: '0.875rem',
+    md: '1rem',
+    lg: '1.125rem',
+    xl: '1.25rem',
+  }, //for example
+  lineHeights: {
+    //blank variables
+    h6: '32px',
+    'body-m': '26px',
+    'body-s': '24px',
+    'body-l': '28px',
+    'caption-l': '20px',
+    'caption-m': '16px',
+    // mantine default variables
+    xs: '1.4',
+    sm: '1.45',
+    md: '1.55',
+    lg: '1.6',
+    xl: '1.65',
+  },
+  // mantine default variables
+  breakpoints: { xs: '36em', sm: '48em', md: '62em', lg: '75em', xl: '88em' },
+  shadows: {
+    //same name for mantine and
+    xs: '0px 1px 2px 0px #14151A0D',
+    // sm: '1px 1px 3px rgba(0, 0, 0, .25)',
+    // md: '1px 1px 3px rgba(0, 0, 0, .25)',
+    lg: '0px 3px 6px -2px #14151a0d, 0px 10px 16px -3px #14151a14',
+    // xl: '1px 1px 3px rgba(0, 0, 0, .25)',
+  }, //for example
+  respectReducedMotion: false, //default
+  cursorType: 'default',
+  defaultGradient: { from: 'black', to: 'yellow', deg: 25 }, //for example
+  // activeClassName: 'class-name', //for example
+  // focusClassName: 'class-name', //for example
+  /*  components: {
+    Title: Title.extend({
+      classNames: { root: 'classnames' },
+      styles: {},
+      vars: { order: 5 },
+      defaultProps: {},
+    }), //for example
+  }, */
+  other: {
+    // any additional vars
+    /* usage:
+    import { createStyles } from '@mantine/core';
+  
+    const useStyles = createStyles((theme) => ({
+      customBox: {
+        padding: theme.other.customSpacing,
+        backgroundColor: theme.other.brandColor,
+      },
+    }));
+  
+    function MyComponent() {
+      const { classes } = useStyles();
+  
+      return <div className={classes.customBox}>Hello Mantine</div>;
+    }
+      
+    // theme-override.d.ts
+    import '@mantine/core';
+  
+    declare module '@mantine/core' {
+      export interface MantineThemeOther {
+        customSpacing: string;
+        brandColor: string;
+      }
+    }*/
+  },
+}

package/src/constants/font-variants.ts

@@ -0,0 +1,31 @@
+//heading
+export const H6_BOLD_FONT_VARIANT = 'h6-bold' as const
+
+//body
+export const BODY_M_MEDIUM_FONT_VARIANT = 'body-m-medium' as const
+export const BODY_M_BOLD_FONT_VARIANT = 'body-m-bold' as const
+export const BODY_L_BOLD_FONT_VARIANT = 'body-l-bold' as const
+export const BODY_S_MEDIUM_FONT_VARIANT = 'body-s-medium' as const
+export const BODY_S_REGULAR_FONT_VARIANT = 'body-s-regular' as const
+
+//caption
+export const CAPTION_L_MEDIUM_FONT_VARIANT = 'caption-l-medium' as const
+export const CAPTION_L_REGULAR_FONT_VARIANT = 'caption-l-regular' as const
+export const CAPTION_M_REGULAR_FONT_VARIANT = 'caption-m-regular' as const
+
+// ----------------------------------------------------------------------
+
+export const FontVariants = [
+  //heading
+  H6_BOLD_FONT_VARIANT,
+  //body
+  BODY_L_BOLD_FONT_VARIANT,
+  BODY_M_MEDIUM_FONT_VARIANT,
+  BODY_M_BOLD_FONT_VARIANT,
+  BODY_S_MEDIUM_FONT_VARIANT,
+  BODY_S_REGULAR_FONT_VARIANT,
+  //caption
+  CAPTION_L_MEDIUM_FONT_VARIANT,
+  CAPTION_L_REGULAR_FONT_VARIANT,
+  CAPTION_M_REGULAR_FONT_VARIANT,
+]

package/src/constants/masks.ts

@@ -0,0 +1,7 @@
+export const CARD_NUMBER_MASK = '0000 0000 0000 0000 000' as const
+export const CARD_CVV_MASK = '000' as const
+export const CARD_EXPIRY_DATE_MASK = '00/00' as const
+
+// ----------------------------------------------------------------------
+
+export const PHONE_MASK = '+7 000 000 00 00' as const

package/src/index.ts

@@ -0,0 +1,17 @@
+// constants
+export { theme } from './components/theme'
+
+// components
+export { Button } from './components/Button'
+
+//inputs
+export { Input } from './components/Inputs'
+export { CardInput } from './components/Inputs/CardInput'
+export { MaskedInput } from './components/Inputs/MaskedInput'
+export { PasswordInput } from './components/Inputs/PasswordInput'
+export { CvvInput } from './components/Inputs/CvvInput'
+
+export { Loader } from './components/Loader'
+export { Modal } from './components/Modal'
+export { Switch } from './components/Switch'
+export { Text } from './components/Text'

package/src/styles/typography.module.css

@@ -0,0 +1,76 @@
+/* heading */
+.h6-bold {
+  font-family: var(--mantine-font-family);
+  font-weight: 700;
+  font-size: var(--mantine-font-size-h6);
+  line-height: var(--mantine-line-height-h6);
+  letter-spacing: var(--mantine-spacing-h6);
+}
+
+/* body */
+.body-l-bold {
+  font-family: var(--mantine-font-family);
+  font-weight: 700;
+  font-size: var(--mantine-font-size-body-l);
+  line-height: var(--mantine-line-height-body-l);
+  letter-spacing: var(--mantine-spacing-body-l);
+}
+
+.body-m-bold {
+  font-family: var(--mantine-font-family);
+  font-weight: 700;
+  font-size: var(--mantine-font-size-body-m);
+  line-height: var(--mantine-line-height-body-m);
+  letter-spacing: var(--mantine-spacing-body-m);
+}
+
+h2.body-m-medium,
+.body-m-medium {
+  font-family: var(--mantine-font-family);
+  font-weight: 500;
+  font-size: var(--mantine-font-size-body-m);
+  line-height: var(--mantine-line-height-body-m);
+  letter-spacing: var(--mantine-spacing-body-m);
+}
+
+.body-s-medium {
+  font-family: var(--mantine-font-family);
+  font-weight: 500;
+  font-size: var(--mantine-font-size-body-s);
+  line-height: var(--mantine-line-height-body-s);
+  letter-spacing: var(--mantine-spacing-body-s);
+}
+
+.body-s-regular {
+  font-family: var(--mantine-font-family);
+  font-weight: 400;
+  font-size: var(--mantine-font-size-body-s);
+  line-height: var(--mantine-line-height-body-s);
+  letter-spacing: var(--mantine-spacing-body-s);
+}
+
+/* caption */
+.caption-l-medium {
+  font-family: var(--mantine-font-family);
+  font-weight: 500;
+  font-size: var(--mantine-font-size-caption-l);
+  line-height: var(--mantine-line-height-caption-l);
+  letter-spacing: var(--mantine-spacing-caption-l);
+}
+
+p.caption-l-regular,
+.caption-l-regular {
+  font-family: var(--mantine-font-family);
+  font-weight: 400;
+  font-size: var(--mantine-font-size-caption-l);
+  line-height: var(--mantine-line-height-caption-l);
+  letter-spacing: var(--mantine-spacing-caption-l);
+}
+
+.caption-m-regular {
+  font-family: var(--mantine-font-family);
+  font-weight: 400;
+  font-size: var(--mantine-font-size-caption-m);
+  line-height: var(--mantine-line-height-caption-m);
+  letter-spacing: var(--mantine-spacing-caption-m);
+}

package/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />

package/dist/Input.module-CPh0cNNI.js

@@ -1,9 +0,0 @@
-import './assets/Input.css';const s = "_input_1d20c_1", t = "_section_1d20c_19", c = "_label_1d20c_24", e = "_error_1d20c_28", n = {
-  input: s,
-  section: t,
-  label: c,
-  error: e
-};
-export {
-  n as b
-};

package/dist/assets/Button.css

@@ -1 +0,0 @@
-.m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}._root_ckr0p_1{box-shadow:var(--mantine-shadow-xs);--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-padding-x-sm: 1rem;--button-padding-x-md: 1rem;--button-padding-x-lg: 1rem;font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}._root_ckr0p_1[data-variant=primary]{background-color:var(--mantine-color-primary-0);color:var(--mantine-color-white)}._root_ckr0p_1[data-variant=secondary]{background-color:var(--mantine-color-secondary-0);color:var(--mantine-color-primary);border:1px solid var(--mantine-color-border-action-normal-0)}._root_ckr0p_1[data-variant=secondary] ._loader_ckr0p_27{--button-color: var(--mantine-color-gray-5)}._root_ckr0p_1[data-variant=tertiary]{background-color:var(--mantine-color-tertiary-0);color:var(--mantine-color-primary)}._root_ckr0p_1[data-variant=tertiary] ._loader_ckr0p_27{--button-color: var(--mantine-color-gray-5)}._root_ckr0p_1:disabled,._root_ckr0p_1[data-disabled]{background-color:var(--mantine-color-background-button-primary-disabled-0);color:var(--mantine-color-text-base-quaternary-0)}._section_ckr0p_48{--mantine-spacing-xs: .25rem}

package/dist/assets/CvvInput.css

@@ -1 +0,0 @@
-@font-face{font-family:Password;src:local("Password"),url(data:font/woff2;base64,d09GMgABAAAAAAVYAA0AAAAAJSAAAAUBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICq8YpR4LgU4AATYCJAOBVAQgBY8hB4FuG24eEdWkAsm+OjAPyTNn7SvElrLSBE3XkiIe+b2FmyxZS458FA/Pr+P/1545cyG1J7Je1sdohPKqMpX4Q4FDIhqAA8Tl4M1R54on9s4R2xDjAs/eD+v8Ka1BfLjz6FIA/R96WfxvLlVXGIIESP47WNjuWBkd+6dj+5d8lj6pKe8gvDXiMvUbtQLS1v474JE/cG1YGlcrpenbTzCYiYZ71dIpAv+gsQBFIxYLclgjmPFwBtgtEYO4HAI+//jzBPhq85eLcLcuUIUWZEJuWEjIkCVxQyFlMgCYsOc1wydIgBMEAKzekURgqb6+kIU0lxKQjWQj6BPIYU9X3o92o1ygSzIVZcpkONbXHg390NfnjQZ////w7fpv1woAooQARIYMoS7IU1FSuvSzLgetW0T/gMXiiWQqncnm8oViCZBYECVZUTW9XKnW6o2mKMmKqumGadmO6/lBGMVJmuVFWdVN2/XDCACdDQ1PM4jG/72mjvze/4QxSm5RcQNQBwoQIjdP6ZPXC3/C42VbhNENqy0dGt52bniMrC8bvLT7i5N7/srLu14ndj4VnuLPeOW54hxYcSncI8cRvRHfc698ehHb+YJdI/9/PL6/LCsEywrVY0abDtFXhAAADG4vuIOc+6u602HPL/y1rDI5Kkmils9IUGbJYXJHlDbGTBEEdwr9wSd2kfgkmnooGdGomJCBZfrinBBtM91GqDaKTKmzyFW7i6TZDyjkEShRHf0oNSHOo0xLfIdy5VkVKgxl36LS8vwjqixI51CtK/2DGhOKA4c3Glf8KBepHFMBEDpsQKbGEeQ6XEUy3iMUSvyJEh1RoNTumIIyE+MeyjXEH6jwLmtBpTO5iipHUw2qzU1vUWN30f5eGm0vblpRAeIEnqUZAo1ZrSWP9ESABITJDMfly8e2XXrqJdzCcjWDYSnD2B7xSqiLCAaXA16uS8IAa4rWa2Q8eB1Bn3J3nWosltyay4f1zPkIIIajU0kTDOukDVdbIB2xIYB2ryDQLjyDIa87U1JaGa+GLrYwV3lkgbTgHnDX5mFUGYI7xtntFMZbJZsijOdyLgNgCOGwEYTWpRJyyx8sGM8yDXEBncavD8blAgEjMhYyRH1i1kNzPash/qVYwnTzfAMrKczSOoqHlsx6Bc9yhM2TORLVs4vPDFBbBmYW0FSWRtRBPMNGI3CMETDzEhERK39j3v+PXwvaNFi9g+uAm/9N0/R4XNOlr6YLgLM5ummCM+No+ZYkkXVsdI6xdvutsdiDQfZijBGFRqdA19EhTJSLkjgey01OY2c8/EPZ9TEzKZqu4Fm6lZ6UJJwcd0KPEfmURqaqYbSf6jhOr832k0cCmqxKadzb1k2nWTDlqWniEDsK6iCtdnAeh1qE8KxcP6C9cPWy5eq65oc/eGEwWLBxiwpGC8wVdZms1z+yCkqHKfiwuSAmAgQZLi6xnjl1F9WaThVbTtFuy/E8xCIQGgyL7rzUnKWhm16mULM6GvqnOEbgMbRHGgKdhNmU+plUSnD5d2xu9e9ymK7IuYV/5UzwjHtqBE8BP9knzlUJcAAAAJyIRAbv9uoM62UaIWVWR99HpSrVatSqY2Pn4OTi5uHl4xcQFBIWERUTl5CUkpaRlZNXUFQCEGECkUSmUGl0ZRVVNXUNTWMTUzNzC6fOnLtw6cq1G7fI3a2sbdy59+DRk2cvXr159yGRyvz49eUb) format("woff2");font-weight:100}._input_17dgl_9{font-family:Password,monospace;font-display:swap}

package/dist/assets/Input.css

@@ -1 +0,0 @@
-._input_1d20c_1{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);box-shadow:var(--mantine-shadows-xs);color:var(--mantine-color-text-base-tertiary-0);--input-height: 2.5rem}._input_1d20c_1[data-error]{border:1px solid var(--mantine-color-border-action-destructive-0);margin-bottom:-.125px}[data-position=left]~._input_1d20c_1{--input-padding-inline-start: 2.5rem}._section_1d20c_19{--right-section-end: .75rem;--left-section-start: .25rem}._label_1d20c_24{margin-bottom:.2rem}._error_1d20c_28{color:var(--mantine-color-text-status-destructive-0);padding-left:.25rem}._error_1d20c_28:before{content:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.50001%2014.6666C4.81801%2014.6666%201.83334%2011.6819%201.83334%207.99992C1.83334%204.31792%204.81801%201.33325%208.50001%201.33325C12.182%201.33325%2015.1667%204.31792%2015.1667%207.99992C15.1667%2011.6819%2012.182%2014.6666%208.50001%2014.6666ZM8.50001%2013.3333C9.9145%2013.3333%2011.2711%2012.7713%2012.2712%2011.7712C13.2714%2010.771%2013.8333%209.41441%2013.8333%207.99992C13.8333%206.58543%2013.2714%205.22888%2012.2712%204.22868C11.2711%203.22849%209.9145%202.66659%208.50001%202.66659C7.08552%202.66659%205.72897%203.22849%204.72877%204.22868C3.72858%205.22888%203.16668%206.58543%203.16668%207.99992C3.16668%209.41441%203.72858%2010.771%204.72877%2011.7712C5.72897%2012.7713%207.08552%2013.3333%208.50001%2013.3333ZM7.83334%204.66659H9.16668V5.99992H7.83334V4.66659ZM7.83334%207.33325H9.16668V11.3333H7.83334V7.33325Z'%20fill='currentColor'%20style='fill:%23E6483D;fill:color(display-p3%200.9020%200.2824%200.2392);fill-opacity:1;'/%3e%3c/svg%3e");position:relative;top:3px;left:-.25rem}

package/dist/assets/Loader.css

@@ -1 +0,0 @@
-._container_6ptye_1{position:relative;display:inline-block}._container_6ptye_1[data-size=auto]{width:100%;height:100%}._container_6ptye_1[data-size=sm]{width:1.5rem;height:1.5rem}._container_6ptye_1[data-size=md]{width:2rem;height:2rem}._container_6ptye_1[data-size=lg]{width:4rem;height:4rem}._part_6ptye_26{position:absolute;left:45%;top:36%;width:8%;height:26%;background:var(--mantine-color-typography-secondary-0);opacity:0;border-radius:3rem;box-shadow:0 0 3px #0003;animation:_fade_6ptye_1 1s linear infinite}@keyframes _fade_6ptye_1{0%{opacity:1}to{opacity:.25}}

package/dist/assets/Modal.css

@@ -1 +0,0 @@
-._root_3afvh_1{box-shadow:var(--mantine-shadows-lg);width:100%}._content_3afvh_6{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);white-space:pre-wrap;padding:.5rem}@media (max-width: 36em){._content_3afvh_6{width:100%;border-radius:var(--mantine-radius-xl) var(--mantine-radius-xl) 0 0}}._header_3afvh_18{padding-bottom:.25rem}@media (max-width: 36em){._inner_3afvh_22{align-items:end;padding:0;width:100%}}button._close_3afvh_30{position:absolute;right:.25rem;top:.4rem;display:flex;background-color:var(--mantine-color-background-button-tertiary-0);border-radius:50%;--cb-size: 1.5rem}button._close_3afvh_30>svg{color:var(--mantine-color-icon-base-secondary-0);scale:.75}

package/dist/assets/PasswordInput.css

@@ -1 +0,0 @@
-._section_1lzoc_1[data-position=right]{margin-right:0}

package/dist/assets/Switch.css

@@ -1 +0,0 @@
-._track_h9xnu_1{--switch-height: 1rem;--switch-width: calc(1.75rem * var(--mantine-scale));--switch-color: var(--mantine-color-background-toggle-active-0)}input:not(:checked)+._track_h9xnu_1{background-color:var(--mantine-color-background-toggle-default-0)}._description_h9xnu_11{margin-top:-1px;--label-offset-start: 1rem;color:var(--mantine-color-primary)}._error_h9xnu_17{color:var(--mantine-color-text-status-destructive-0);padding-left:.25rem;margin-top:0}._error_h9xnu_17:before{content:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.50001%2014.6666C4.81801%2014.6666%201.83334%2011.6819%201.83334%207.99992C1.83334%204.31792%204.81801%201.33325%208.50001%201.33325C12.182%201.33325%2015.1667%204.31792%2015.1667%207.99992C15.1667%2011.6819%2012.182%2014.6666%208.50001%2014.6666ZM8.50001%2013.3333C9.9145%2013.3333%2011.2711%2012.7713%2012.2712%2011.7712C13.2714%2010.771%2013.8333%209.41441%2013.8333%207.99992C13.8333%206.58543%2013.2714%205.22888%2012.2712%204.22868C11.2711%203.22849%209.9145%202.66659%208.50001%202.66659C7.08552%202.66659%205.72897%203.22849%204.72877%204.22868C3.72858%205.22888%203.16668%206.58543%203.16668%207.99992C3.16668%209.41441%203.72858%2010.771%204.72877%2011.7712C5.72897%2012.7713%207.08552%2013.3333%208.50001%2013.3333ZM7.83334%204.66659H9.16668V5.99992H7.83334V4.66659ZM7.83334%207.33325H9.16668V11.3333H7.83334V7.33325Z'%20fill='currentColor'%20style='fill:%23E6483D;fill:color(display-p3%200.9020%200.2824%200.2392);fill-opacity:1;'/%3e%3c/svg%3e");position:relative;top:3px;left:-.25rem}

package/dist/assets/typography.css

@@ -1 +0,0 @@
-._h6-bold_k821l_2{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-h6);line-height:var(--mantine-line-height-h6);letter-spacing:var(--mantine-spacing-h6)}._body-l-bold_k821l_11{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-l);line-height:var(--mantine-line-height-body-l);letter-spacing:var(--mantine-spacing-body-l)}._body-m-bold_k821l_19{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}h2._body-m-medium_k821l_27,._body-m-medium_k821l_27{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}._body-s-medium_k821l_36{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-spacing-body-s)}._body-s-regular_k821l_44{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-body-s);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-spacing-body-s)}._caption-l-medium_k821l_53{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}p._caption-l-regular_k821l_61,._caption-l-regular_k821l_61{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}._caption-m-regular_k821l_70{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-m);line-height:var(--mantine-line-height-caption-m);letter-spacing:var(--mantine-spacing-caption-m)}

package/dist/clsx-OuTLNxxd.js

@@ -1,16 +0,0 @@
-function a(r) {
-  var f, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function i() {
-  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
-  return t;
-}
-export {
-  i as c
-};

package/dist/components/Button/Button.d.ts

@@ -1,19 +0,0 @@
-import { ButtonProps as BaseButtonProps } from '@mantine/core';
-import { ExtendedButtonVariant } from './types';
-type ButtonProps = BaseButtonProps & {
-    variant?: ExtendedButtonVariant;
-};
-export declare const Button: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, ButtonProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(BaseButtonProps & {
-    variant?: ExtendedButtonVariant;
-} & {
-    component?: any;
-} & Omit<Omit<any, "ref">, keyof BaseButtonProps | "component"> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (BaseButtonProps & {
-    variant?: ExtendedButtonVariant;
-} & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>;
-export {};

package/dist/components/Button/Button.js

@@ -1,24 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createPolymorphicComponent as e, Button as n } from "@mantine/core";
-import { forwardRef as m } from "react";
-import '../../assets/Button.css';const p = "_root_ckr0p_1", _ = "_loader_ckr0p_27", a = "_section_ckr0p_48", i = {
-  root: p,
-  loader: _,
-  section: a
-}, u = e(
-  m((o, t) => {
-    const { size: r = "md", ...s } = o;
-    return /* @__PURE__ */ c(
-      n,
-      {
-        ref: t,
-        size: r,
-        ...s,
-        classNames: i
-      }
-    );
-  })
-);
-export {
-  u as Button
-};

package/dist/components/Button/constants.d.ts

@@ -1,8 +0,0 @@
-export declare const PRIMARY_BUTTON_VARIANT: "primary";
-export declare const SECONDARY_BUTTON_VARIANT: "secondary";
-export declare const TERTIARY_BUTTON_VARIANT: "tertiary";
-export declare const ButtonVariants: ("primary" | "secondary" | "tertiary")[];
-export declare const SM_BUTTON_SIZE: "sm";
-export declare const MD_BUTTON_SIZE: "md";
-export declare const LG_BUTTON_SIZE: "lg";
-export declare const ButtonSizes: ("sm" | "md" | "lg")[];

package/dist/components/Button/constants.js

@@ -1,15 +0,0 @@
-const T = "primary", t = "secondary", n = "tertiary", N = [
-  T,
-  t,
-  n
-], o = "sm", s = "md", _ = "lg", c = [o, s, _];
-export {
-  c as ButtonSizes,
-  N as ButtonVariants,
-  _ as LG_BUTTON_SIZE,
-  s as MD_BUTTON_SIZE,
-  T as PRIMARY_BUTTON_VARIANT,
-  t as SECONDARY_BUTTON_VARIANT,
-  o as SM_BUTTON_SIZE,
-  n as TERTIARY_BUTTON_VARIANT
-};

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

@@ -1 +0,0 @@
-export { Button } from './Button';

package/dist/components/Button/index.js

@@ -1,4 +0,0 @@
-import { Button as r } from "./Button.js";
-export {
-  r as Button
-};

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

@@ -1,5 +0,0 @@
-import { ButtonVariants } from './constants';
-import { ButtonVariant } from '@mantine/core';
-type ButtonVariantsTypes = typeof ButtonVariants;
-export type ExtendedButtonVariant = ButtonVariant | ButtonVariantsTypes[number];
-export {};

package/dist/components/Button/types.js

@@ -1 +0,0 @@
-

package/dist/components/Inputs/CardInput/CardInput.d.ts

@@ -1,2 +0,0 @@
-import { MaskedInputProps } from '../types';
-export declare const CardInput: import('react').ForwardRefExoticComponent<MaskedInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Inputs/CardInput/CardInput.js

@@ -1,28 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as e from "react";
-import { forwardRef as i } from "react";
-import { MaskedInput as a } from "../MaskedInput/MaskedInput.js";
-import { useCardLogo as m } from "./useCardLogo.js";
-import { CARD_NUMBER_MASK as _ } from "../../../constants/masks.js";
-import { IMask as f } from "react-imask";
-const s = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M2.49984 2.5H17.4998C17.7209 2.5 17.9328 2.5878 18.0891 2.74408C18.2454 2.90036 18.3332 3.11232 18.3332 3.33333V16.6667C18.3332 16.8877 18.2454 17.0996 18.0891 17.2559C17.9328 17.4122 17.7209 17.5 17.4998 17.5H2.49984C2.27882 17.5 2.06686 17.4122 1.91058 17.2559C1.7543 17.0996 1.6665 16.8877 1.6665 16.6667V3.33333C1.6665 3.11232 1.7543 2.90036 1.91058 2.74408C2.06686 2.5878 2.27882 2.5 2.49984 2.5ZM16.6665 9.16667H3.33317V15.8333H16.6665V9.16667ZM16.6665 7.5V4.16667H3.33317V7.5H16.6665ZM11.6665 12.5H14.9998V14.1667H11.6665V12.5Z", fill: "currentColor", fillOpacity: 0.4, style: {
-  fill: "#0D1126",
-  fill: "color(display-p3 0.0510 0.0667 0.1490)",
-  fillOpacity: 0.4
-} })), c = f.createMask({ mask: _ }), H = i((t, l) => {
-  const r = m(t.value);
-  return /* @__PURE__ */ o(
-    a,
-    {
-      ref: l,
-      ...t,
-      mask: c,
-      rightSection: r && /* @__PURE__ */ o(r, {}),
-      leftSection: /* @__PURE__ */ o(s, {}),
-      placeholder: "____ ____ ____ ____"
-    }
-  );
-});
-export {
-  H as CardInput
-};

package/dist/components/Inputs/CardInput/index.d.ts

@@ -1 +0,0 @@
-export { CardInput } from './CardInput';

package/dist/components/Inputs/CardInput/index.js

@@ -1,4 +0,0 @@
-import { CardInput as p } from "./CardInput.js";
-export {
-  p as CardInput
-};

package/dist/components/Inputs/CardInput/useCardLogo.d.ts

@@ -1 +0,0 @@
-export declare const useCardLogo: (cardPan?: string) => string | null;