@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/components/index.js

@@ -10,28 +10,14 @@ export { f as formatTranslation, g as getLocaleComponentStrings } from './locali
 
 const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
 const snakeToCamelCase = (str) => str
-  .toLowerCase()
-  .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
+    .toLowerCase()
+    .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
+var createPlugin$2 = {};
 
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
+var createPlugin$1 = {};
 
-var createPlugin_1 = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -63,9 +49,9 @@ createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {
     return optionsFunction;
 };
 const _default = createPlugin;
-});
+}(createPlugin$1));
 
-var createPlugin = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -75,525 +61,523 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-const _createPlugin = /*#__PURE__*/ _interop_require_default(createPlugin_1);
+const _createPlugin = /*#__PURE__*/ _interop_require_default(createPlugin$1);
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const _default = _createPlugin.default;
-});
-
-var plugin = createCommonjsModule(function (module) {
-module.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
-});
+}(createPlugin$2));
 
-const plugin$1 = /*@__PURE__*/getDefaultExportFromCjs(plugin);
+let createPlugin = createPlugin$2;
+var plugin = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
 
 const animation = {
-  animation: {
-    'fade-in': 'forwards fadeIn .2s ease',
-    'fade-out': 'forwards fadeOut .2s ease',
-    'slide-in-right': 'forwards slideInRight .5s ease',
-    'slide-in-left': 'forwards slideInLeft .5s ease',
-    'slide-in-top': 'forwards slideInTop .25 ease',
-    'slide-in-bottom': 'forwards slideInBottom .5s ease',
-    'slide-in-right-small': 'forwards slideInRightSmall .5s ease',
-    'slide-in-left-small': 'forwards slideInLeftSmall .5s ease',
-    'slide-in-top-small': 'forwards slideInTopSmall .5s ease',
-    'slide-in-bottom-small': 'forwards slideInBottomSmall .5s ease',
-    'slide-out-right': 'forwards slideOutRight .2s ease',
-    'slide-out-left': 'forwards slideOutLeft .2s ease',
-    'slide-out-top': 'forwards slideOutTop .2s ease',
-    'slide-out-bottom': 'forwards slideOutBottom .5s ease',
-    'slide-out-top-small': 'forwards slideOutTopSmall .5s ease',
-    'slide-out-bottom-small': 'forwards slideOutBottomSmall .5s ease',
-  },
-  keyframes: {
-    fadeIn: {
-      '0%': { opacity: 0 },
-      '100%': { opacity: 100 },
-    },
-    fadeOut: {
-      '0%': { opacity: 100 },
-      '100%': { opacity: 0 },
-    },
-    slideInRight: {
-      '0%': { transform: 'translateX(100%)' },
-      '100%': { transform: 'translateX(0)' },
-    },
-    slideInLeft: {
-      '0%': { transform: 'translateX(-100%)' },
-      '100%': { transform: 'translateX(0)' },
-    },
-    slideInTop: {
-      '0%': { transform: 'translateY(-100%)' },
-      '100%': { transform: 'translateY(0)' },
-    },
-    slideInBottom: {
-      '0%': { transform: 'translateY(100%)' },
-      '100%': { transform: 'translateY(0)' },
-    },
-    slideInRightSmall: {
-      '0%': { transform: 'translateX(20%)' },
-      '100%': { transform: 'translateX(0)' },
-    },
-    slideInLeftSmall: {
-      '0%': { transform: 'translateX(-20%)' },
-      '100%': { transform: 'translateX(0)' },
+    animation: {
+        'fade-in': 'forwards fadeIn .2s ease',
+        'fade-out': 'forwards fadeOut .2s ease',
+        'slide-in-right': 'forwards slideInRight .5s ease',
+        'slide-in-left': 'forwards slideInLeft .5s ease',
+        'slide-in-top': 'forwards slideInTop .25 ease',
+        'slide-in-bottom': 'forwards slideInBottom .5s ease',
+        'slide-in-right-small': 'forwards slideInRightSmall .5s ease',
+        'slide-in-left-small': 'forwards slideInLeftSmall .5s ease',
+        'slide-in-top-small': 'forwards slideInTopSmall .5s ease',
+        'slide-in-bottom-small': 'forwards slideInBottomSmall .5s ease',
+        'slide-out-right': 'forwards slideOutRight .2s ease',
+        'slide-out-left': 'forwards slideOutLeft .2s ease',
+        'slide-out-top': 'forwards slideOutTop .2s ease',
+        'slide-out-bottom': 'forwards slideOutBottom .5s ease',
+        'slide-out-top-small': 'forwards slideOutTopSmall .5s ease',
+        'slide-out-bottom-small': 'forwards slideOutBottomSmall .5s ease',
+    },
+    keyframes: {
+        fadeIn: {
+            '0%': { opacity: 0 },
+            '100%': { opacity: 100 },
+        },
+        fadeOut: {
+            '0%': { opacity: 100 },
+            '100%': { opacity: 0 },
+        },
+        slideInRight: {
+            '0%': { transform: 'translateX(100%)' },
+            '100%': { transform: 'translateX(0)' },
+        },
+        slideInLeft: {
+            '0%': { transform: 'translateX(-100%)' },
+            '100%': { transform: 'translateX(0)' },
+        },
+        slideInTop: {
+            '0%': { transform: 'translateY(-100%)' },
+            '100%': { transform: 'translateY(0)' },
+        },
+        slideInBottom: {
+            '0%': { transform: 'translateY(100%)' },
+            '100%': { transform: 'translateY(0)' },
+        },
+        slideInRightSmall: {
+            '0%': { transform: 'translateX(20%)' },
+            '100%': { transform: 'translateX(0)' },
+        },
+        slideInLeftSmall: {
+            '0%': { transform: 'translateX(-20%)' },
+            '100%': { transform: 'translateX(0)' },
+        },
+        slideInTopSmall: {
+            '0%': { transform: 'translateY(-20%)' },
+            '100%': { transform: 'translateY(0)' },
+        },
+        slideInBottomSmall: {
+            '0%': { transform: 'translateY(20%)' },
+            '100%': { transform: 'translateY(0)' },
+        },
+        slideOutRight: {
+            '0%': { transform: 'translateX(0)' },
+            '100%': { transform: 'translateX(100%)' },
+        },
+        slideOutLeft: {
+            '0%': { transform: 'translateX(0)' },
+            '100%': { transform: 'translateX(-100%)' },
+        },
+        slideOutTop: {
+            '0%': { transform: 'translateY(0)' },
+            '100%': { transform: 'translateY(-100%)' },
+        },
+        slideOutBottom: {
+            '0%': { transform: 'translateY(0)' },
+            '100%': { transform: 'translateY(100%)' },
+        },
+        slideOutTopSmall: {
+            '0%': { transform: 'translateY(0)' },
+            '100%': { transform: 'translateY(-20%)' },
+        },
+        slideOutBottomSmall: {
+            '0%': { transform: 'translateY(0)' },
+            '100%': { transform: 'translateY(20%)' },
+        },
     },
-    slideInTopSmall: {
-      '0%': { transform: 'translateY(-20%)' },
-      '100%': { transform: 'translateY(0)' },
-    },
-    slideInBottomSmall: {
-      '0%': { transform: 'translateY(20%)' },
-      '100%': { transform: 'translateY(0)' },
-    },
-    slideOutRight: {
-      '0%': { transform: 'translateX(0)' },
-      '100%': { transform: 'translateX(100%)' },
-    },
-    slideOutLeft: {
-      '0%': { transform: 'translateX(0)' },
-      '100%': { transform: 'translateX(-100%)' },
-    },
-    slideOutTop: {
-      '0%': { transform: 'translateY(0)' },
-      '100%': { transform: 'translateY(-100%)' },
-    },
-    slideOutBottom: {
-      '0%': { transform: 'translateY(0)' },
-      '100%': { transform: 'translateY(100%)' },
-    },
-    slideOutTopSmall: {
-      '0%': { transform: 'translateY(0)' },
-      '100%': { transform: 'translateY(-20%)' },
-    },
-    slideOutBottomSmall: {
-      '0%': { transform: 'translateY(0)' },
-      '100%': { transform: 'translateY(20%)' },
-    },
-  },
 };
 
 const colors = {
-  inherit: 'inherit',
-  transparent: 'transparent',
-  current: 'currentColor',
-  black: '#000',
-  white: {
-    800: '#E4E3E3',
-    700: '#F2F2F2',
-    600: '#FAFAFA',
-    DEFAULT: '#FFFFFF',
-    500: '#FFFFFF',
-  },
-  'negative-red': {
-    800: '#8D1010',
-    DEFAULT: '#E61E1E',
-    500: '#E61E1E',
-    100: '#FFDDDD',
-    50: '#FDEDED',
-  },
-  'positive-green': {
-    800: '#2F6407',
-    DEFAULT: '#5CC30E',
-    500: '#5CC30E',
-    100: '#5CC30E',
-    50: '#EAFDE3',
-  },
-  amber: {
-    800: '#944D0B',
-    DEFAULT: '#E19F23',
-    500: '#E19F23',
-    100: '#FFF6C2',
-    50: '#FFFAE0',
-  },
-  'human-beige': {
-    800: '#DEC9B7',
-    700: '#E7D8CB',
-    600: '#EDE0D5',
-    DEFAULT: '#EEE4DB',
-    500: '#EEE4DB',
-    400: '#F1E9E2',
-    300: '#F5EFE9',
-    200: '#F8F4F1',
-    100: '#FCFAF8',
-    50: '#FDFCFB',
-  },
-  'off-white': {
-    800: '#D5D0C3',
-    700: '#DEDBD5',
-    600: '#ECEAE5',
-    DEFAULT: '#F3F1ED',
-    500: '#F3F1ED',
-    400: '#F5F4F1',
-    300: '#F8F7F4',
-    200: '#FAF9F8',
-    100: '#FDFCFB',
-    50: '#FEFEFD',
-  },
-  'supportive-lilac': {
-    900: '#5009B3',
-    800: '#BD8CFF',
-    700: '#C89FFF',
-    600: '#CCA8FC',
-    DEFAULT: '#D1AEFF',
-    500: '#D1AEFF',
-    400: '#DABEFF',
-    300: '#E3CEFF',
-    200: '#EDDFFF',
-    100: '#F6EFFF',
-    50: '#FAF7FF',
-  },
-  'growth-green': {
-    800: '#81EF2B',
-    700: '#7FF424',
-    600: '#8CFC35',
-    DEFAULT: '#A0FF56',
-    500: '#A0FF56',
-    400: '#B3FF78',
-    300: '#C6FF9A',
-    200: '#D9FFBB',
-    100: '#ECFFDD',
-    50: '#F5FFEE',
-  },
-  'tech-breeze': {
-    800: '#3DEACC',
-    700: '#66F2DA',
-    600: '#83FAE6',
-    DEFAULT: '#94FFED',
-    500: '#94FFED',
-    400: '#A9FFF1',
-    300: '#BFFFF4',
-    200: '#D4FFF8',
-    100: '#EAFFFB',
-    50: '#F4FFFD',
-  },
-  teal: {
-    800: '#02665C',
-    700: '#047367',
-    600: '#047F72',
-    DEFAULT: '#088879',
-    500: '#088879',
-    400: '#39A094',
-    300: '#6BB8AF',
-    200: '#9CCFC9',
-    100: '#CEE7E4',
-    50: '#E6F3F2',
-  },
-  'dark-teal': {
-    800: '#012521',
-    700: '#003832',
-    600: '#004840',
-    DEFAULT: '#005148',
-    500: '#005148',
-    400: '#33746D',
-    300: '#669791',
-    200: '#99B9B6',
-    100: '#CCDCDA',
-    50: '#E5EEED',
-  },
-  'black-teal': {
-    800: '#000202',
-    700: '#000D0B',
-    600: '#011815',
-    DEFAULT: '#032A24',
-    500: '#032A24',
-    400: '#355550',
-    300: '#687F7C',
-    200: '#9AAAA7',
-    100: '#CDD4D3',
-    50: '#E6EAE9',
-  },
-  // OLD, REMOVE THIS
-  indigo: {
-    dark: '#2C4BA9',
-    DEFAULT: '#528AFA',
-    light: '#F1F6FF',
-  },
-  sky: {
-    dark: '#30C2C9',
-    DEFAULT: '#1EDAE3',
-    light: '#F5FEFF',
-    vague: '#BBF4F6',
-  },
-  mystic: {
-    blank: '#FFF',
-    dark: '#DAE6F0',
-    DEFAULT: '#F7FAFC',
-    light: '#FCFDFE',
-    medium: '#E3ECF3',
-  },
-  redberry: {
-    dark: '#BD0F1E',
-    DEFAULT: '#E63241',
-    light: '#FFE8EA',
-    medium: '#FF7D88',
-  },
-  storm: {
-    dark: '#272838',
-    DEFAULT: '#51536B',
-    light: '#B0B2CB',
-    medium: '#80829E',
-    vague: '#989AB7',
-  },
-  negative: {
-    dark: '#8A0F1D',
-    DEFAULT: '#B91E28',
-    light: '#FFCCD3',
-  },
-  positive: {
-    dark: '#1DA360',
-    DEFAULT: '#28D17C',
-    light: '#E5FFF2',
-  },
-  unbiased: {
-    dark: '#FFA231',
-    DEFAULT: '#FFC72D',
-    light: '#FFF6DC',
-  },
+    inherit: 'inherit',
+    transparent: 'transparent',
+    current: 'currentColor',
+    black: '#000',
+    white: {
+        800: '#E4E3E3',
+        700: '#F2F2F2',
+        600: '#FAFAFA',
+        DEFAULT: '#FFFFFF',
+        500: '#FFFFFF',
+    },
+    'negative-red': {
+        800: '#8D1010',
+        DEFAULT: '#E61E1E',
+        500: '#E61E1E',
+        100: '#FFDDDD',
+        50: '#FDEDED',
+    },
+    'positive-green': {
+        800: '#2F6407',
+        DEFAULT: '#5CC30E',
+        500: '#5CC30E',
+        100: '#5CC30E',
+        50: '#EAFDE3',
+    },
+    amber: {
+        800: '#944D0B',
+        DEFAULT: '#E19F23',
+        500: '#E19F23',
+        100: '#FFF6C2',
+        50: '#FFFAE0',
+    },
+    'human-beige': {
+        800: '#DEC9B7',
+        700: '#E7D8CB',
+        600: '#EDE0D5',
+        DEFAULT: '#EEE4DB',
+        500: '#EEE4DB',
+        400: '#F1E9E2',
+        300: '#F5EFE9',
+        200: '#F8F4F1',
+        100: '#FCFAF8',
+        50: '#FDFCFB',
+    },
+    'off-white': {
+        800: '#D5D0C3',
+        700: '#DEDBD5',
+        600: '#ECEAE5',
+        DEFAULT: '#F3F1ED',
+        500: '#F3F1ED',
+        400: '#F5F4F1',
+        300: '#F8F7F4',
+        200: '#FAF9F8',
+        100: '#FDFCFB',
+        50: '#FEFEFD',
+    },
+    'supportive-lilac': {
+        900: '#5009B3',
+        800: '#BD8CFF',
+        700: '#C89FFF',
+        600: '#CCA8FC',
+        DEFAULT: '#D1AEFF',
+        500: '#D1AEFF',
+        400: '#DABEFF',
+        300: '#E3CEFF',
+        200: '#EDDFFF',
+        100: '#F6EFFF',
+        50: '#FAF7FF',
+    },
+    'growth-green': {
+        800: '#81EF2B',
+        700: '#7FF424',
+        600: '#8CFC35',
+        DEFAULT: '#A0FF56',
+        500: '#A0FF56',
+        400: '#B3FF78',
+        300: '#C6FF9A',
+        200: '#D9FFBB',
+        100: '#ECFFDD',
+        50: '#F5FFEE',
+    },
+    'tech-breeze': {
+        800: '#3DEACC',
+        700: '#66F2DA',
+        600: '#83FAE6',
+        DEFAULT: '#94FFED',
+        500: '#94FFED',
+        400: '#A9FFF1',
+        300: '#BFFFF4',
+        200: '#D4FFF8',
+        100: '#EAFFFB',
+        50: '#F4FFFD',
+    },
+    teal: {
+        800: '#02665C',
+        700: '#047367',
+        600: '#047F72',
+        DEFAULT: '#088879',
+        500: '#088879',
+        400: '#39A094',
+        300: '#6BB8AF',
+        200: '#9CCFC9',
+        100: '#CEE7E4',
+        50: '#E6F3F2',
+    },
+    'dark-teal': {
+        800: '#012521',
+        700: '#003832',
+        600: '#004840',
+        DEFAULT: '#005148',
+        500: '#005148',
+        400: '#33746D',
+        300: '#669791',
+        200: '#99B9B6',
+        100: '#CCDCDA',
+        50: '#E5EEED',
+    },
+    'black-teal': {
+        800: '#000202',
+        700: '#000D0B',
+        600: '#011815',
+        DEFAULT: '#032A24',
+        500: '#032A24',
+        400: '#355550',
+        300: '#687F7C',
+        200: '#9AAAA7',
+        100: '#CDD4D3',
+        50: '#E6EAE9',
+    },
+    // OLD, REMOVE THIS
+    indigo: {
+        dark: '#2C4BA9',
+        DEFAULT: '#528AFA',
+        light: '#F1F6FF',
+    },
+    sky: {
+        dark: '#30C2C9',
+        DEFAULT: '#1EDAE3',
+        light: '#F5FEFF',
+        vague: '#BBF4F6',
+    },
+    mystic: {
+        blank: '#FFF',
+        dark: '#DAE6F0',
+        DEFAULT: '#F7FAFC',
+        light: '#FCFDFE',
+        medium: '#E3ECF3',
+    },
+    redberry: {
+        dark: '#BD0F1E',
+        DEFAULT: '#E63241',
+        light: '#FFE8EA',
+        medium: '#FF7D88',
+    },
+    storm: {
+        dark: '#272838',
+        DEFAULT: '#51536B',
+        light: '#B0B2CB',
+        medium: '#80829E',
+        vague: '#989AB7',
+    },
+    negative: {
+        dark: '#8A0F1D',
+        DEFAULT: '#B91E28',
+        light: '#FFCCD3',
+    },
+    positive: {
+        dark: '#1DA360',
+        DEFAULT: '#28D17C',
+        light: '#E5FFF2',
+    },
+    unbiased: {
+        dark: '#FFA231',
+        DEFAULT: '#FFC72D',
+        light: '#FFF6DC',
+    },
 };
 
 const height = {
-  height: {
-    unset: 'unset',
-    inherit: 'inherit',
-  },
+    height: {
+        unset: 'unset',
+        inherit: 'inherit',
+    },
 };
 
 const rotateNumbers = {};
 for (let i = 1; i < 360; i++) {
-  rotateNumbers[`${i}`] = `${i}deg`;
-  rotateNumbers[`-${i}`] = `-${i}deg`;
+    rotateNumbers[`${i}`] = `${i}deg`;
+    rotateNumbers[`-${i}`] = `-${i}deg`;
 }
 
 const scale = {
-  flip: '-1',
+    flip: '-1',
 };
 
 const shadows = {
-  '1': ['0 1px 1px rgba(0, 2, 2, 0.08)'],
-  '2': [
-    '0 1px 1px rgba(0, 2, 2, 0.04)',
-    '0 2px 2px rgba(0, 2, 2, 0.04)',
-    '0 4px 4px rgba(0, 2, 2, 0.04)',
-  ],
-  '3': [
-    '0 1px 1px rgba(0, 2, 2, 0.08)',
-    '0 2px 2px rgba(0, 2, 2, 0.08)',
-    '0 4px 4px rgba(0, 2, 2, 0.08)',
-  ],
-  'supportive-lilac': '0px 1px 1px 0px rgba(189, 140, 255, 0.20)',
-  inherit: 'inherit',
-  transparent: 'transparent',
+    '1': ['0 1px 1px rgba(0, 2, 2, 0.08)'],
+    '2': [
+        '0 1px 1px rgba(0, 2, 2, 0.04)',
+        '0 2px 2px rgba(0, 2, 2, 0.04)',
+        '0 4px 4px rgba(0, 2, 2, 0.04)',
+    ],
+    '3': [
+        '0 1px 1px rgba(0, 2, 2, 0.08)',
+        '0 2px 2px rgba(0, 2, 2, 0.08)',
+        '0 4px 4px rgba(0, 2, 2, 0.08)',
+    ],
+    'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',
+    'black-teal-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',
+    inherit: 'inherit',
+    transparent: 'transparent',
 };
 
 const spacing = {
-  // default variant layout
-  'content-mobile-x': '1rem',
-  'content-mobile-y': '1.5rem',
-  'content-desktop-x': '2rem',
-  'content-desktop-y': '2rem',
-  18: '4.5rem',
+    // default variant layout
+    'content-mobile-x': '1rem',
+    'content-mobile-y': '1.5rem',
+    'content-desktop-x': '2rem',
+    'content-desktop-y': '2rem',
+    18: '4.5rem',
 };
 
 const typeograhpy = {
-  fontSize: {
-    xxs: ['0.5rem', '1rem'],
-    '3xl': ['2rem', '2.5rem'],
-    '4xl': ['2.5rem', '3rem'],
-  },
-  lineHeight: {
-    xs: '1rem',
-    sm: '1.5rem',
-    base: '1.5rem',
-    lg: '1.75rem',
-    xl: '1.75rem',
-    '2xl': '2rem',
-    '3xl': '2.5rem',
-    '4xl': '3rem',
-  },
+    fontSize: {
+        xxs: ['0.5rem', '1rem'],
+        '3xl': ['2rem', '2.5rem'],
+        '4xl': ['2.5rem', '3rem'],
+    },
+    lineHeight: {
+        xs: '1rem',
+        sm: '1.5rem',
+        base: '1.5rem',
+        lg: '1.75rem',
+        xl: '1.75rem',
+        '2xl': '2rem',
+        '3xl': '2.5rem',
+        '4xl': '3rem',
+    },
 };
 
 const width = {
-  width: {
-    unset: 'unset',
-    inherit: 'inherit',
-    // default variant
-    'content-mobile': '100%',
-    'content-1280': '62rem',
-    'content-1440': '71rem',
-    'content-1536': '77rem',
-    'content-1680': '83rem',
-    // login variant
-    'sidebar-desktop-login': '100%',
-    'content-desktop-login': '21rem',
-  },
+    width: {
+        unset: 'unset',
+        inherit: 'inherit',
+        // default variant
+        'content-mobile': '100%',
+        'content-1280': '62rem',
+        'content-1440': '71rem',
+        'content-1536': '77rem',
+        'content-1680': '83rem',
+        // login variant
+        'sidebar-desktop-login': '100%',
+        'content-desktop-login': '21rem',
+    },
 };
 
 const zIndex = {
-  'floating-menu': '190',
-  dropdown: '200',
-  'navbar-topbar': '280',
-  'navbar-backdrop': '290',
-  navbar: '300',
-  backdrop: '490',
-  drawer: '500',
-  'drawer-header': '501',
-  modal: '600',
-  tooltip: '601',
-  toast: '700',
+    'floating-menu': '190',
+    dropdown: '200',
+    'navbar-topbar': '280',
+    'navbar-backdrop': '290',
+    navbar: '300',
+    backdrop: '490',
+    drawer: '500',
+    'drawer-header': '501',
+    modal: '600',
+    tooltip: '601',
+    toast: '700',
 };
 
 const hover = ({ addVariant }) => {
-  // Hover media queries
-  addVariant('has-hover', '@media (hover: hover)');
-  addVariant('no-hover', '@media (hover: none)');
-  // Applied on hover if supported, never applied otherwise
-  addVariant('hover-never', '@media (hover: hover) { &:hover }');
-  addVariant('group-hover-never', '@media (hover: hover) { :merge(.group):hover & }');
-  addVariant('peer-hover-never', '@media (hover: hover) { :merge(.peer):hover & }');
-  // Applied on hover if supported, always applied otherwise
-  addVariant('hover-always', [
-    '@media (hover: hover) { &:hover }',
-    '@media (hover: none)',
-  ]);
-  addVariant('group-hover-always', [
-    '@media (hover: hover) { :merge(.group):hover & }',
-    '@media (hover: none)',
-  ]);
-  addVariant('peer-hover-always', [
-    '@media (hover: hover) { :merge(.peer):hover & }',
-    '@media (hover: none)',
-  ]);
+    // Hover media queries
+    addVariant('has-hover', '@media (hover: hover)');
+    addVariant('no-hover', '@media (hover: none)');
+    // Applied on hover if supported, never applied otherwise
+    addVariant('hover-never', '@media (hover: hover) { &:hover }');
+    addVariant('group-hover-never', '@media (hover: hover) { :merge(.group):hover & }');
+    addVariant('peer-hover-never', '@media (hover: hover) { :merge(.peer):hover & }');
+    // Applied on hover if supported, always applied otherwise
+    addVariant('hover-always', [
+        '@media (hover: hover) { &:hover }',
+        '@media (hover: none)',
+    ]);
+    addVariant('group-hover-always', [
+        '@media (hover: hover) { :merge(.group):hover & }',
+        '@media (hover: none)',
+    ]);
+    addVariant('peer-hover-always', [
+        '@media (hover: hover) { :merge(.peer):hover & }',
+        '@media (hover: none)',
+    ]);
 };
 
 const safeArea = ({ addUtilities }) => {
-  const utilities = {
-    '.m-safe': {
-      marginTop: 'env(safe-area-inset-top)',
-      marginRight: 'env(safe-area-inset-right)',
-      marginBottom: 'env(safe-area-inset-bottom)',
-      marginLeft: 'env(safe-area-inset-left)',
-    },
-    '.mx-safe': {
-      marginRight: 'env(safe-area-inset-right)',
-      marginLeft: 'env(safe-area-inset-left)',
-    },
-    '.my-safe': {
-      marginTop: 'env(safe-area-inset-top)',
-      marginBottom: 'env(safe-area-inset-bottom)',
-    },
-    '.mt-safe': {
-      marginTop: 'env(safe-area-inset-top)',
-    },
-    '.mr-safe': {
-      marginRight: 'env(safe-area-inset-right)',
-    },
-    '.mb-safe': {
-      marginBottom: 'env(safe-area-inset-bottom)',
-    },
-    '.ml-safe': {
-      marginLeft: 'env(safe-area-inset-left)',
-    },
-    '.p-safe': {
-      paddingTop: 'env(safe-area-inset-top)',
-      paddingRight: 'env(safe-area-inset-right)',
-      paddingBottom: 'env(safe-area-inset-bottom)',
-      paddingLeft: 'env(safe-area-inset-left)',
-    },
-    '.px-safe': {
-      paddingRight: 'env(safe-area-inset-right)',
-      paddingLeft: 'env(safe-area-inset-left)',
-    },
-    '.py-safe': {
-      paddingTop: 'env(safe-area-inset-top)',
-      paddingBottom: 'env(safe-area-inset-bottom)',
-    },
-    '.pt-safe': {
-      paddingTop: 'env(safe-area-inset-top)',
-    },
-    '.pr-safe': {
-      paddingRight: 'env(safe-area-inset-right)',
-    },
-    '.pb-safe': {
-      paddingBottom: 'env(safe-area-inset-bottom)',
-    },
-    '.pl-safe': {
-      paddingLeft: 'env(safe-area-inset-left)',
-    },
-    '.min-h-screen': {
-      minHeight: '100vh',
-    },
-    '.min-h-screen-safe': {
-      minHeight: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
-    },
-    '.max-h-screen': {
-      maxHeight: '100vh',
-    },
-    '.max-h-screen-safe': {
-      maxHeight: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
-    },
-    '.h-screen-safe': {
-      height: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
-    },
-    '.min-w-screen': {
-      minWidth: '100vw',
-    },
-    '.min-w-screen-safe': {
-      minWidth: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
-    },
-    '.max-w-screen': {
-      maxWidth: '100vw',
-    },
-    '.max-w-screen-safe': {
-      maxWidth: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
-    },
-    '.w-screen-safe': {
-      width: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
-    },
-  };
-  addUtilities(utilities);
+    const utilities = {
+        '.m-safe': {
+            marginTop: 'env(safe-area-inset-top)',
+            marginRight: 'env(safe-area-inset-right)',
+            marginBottom: 'env(safe-area-inset-bottom)',
+            marginLeft: 'env(safe-area-inset-left)',
+        },
+        '.mx-safe': {
+            marginRight: 'env(safe-area-inset-right)',
+            marginLeft: 'env(safe-area-inset-left)',
+        },
+        '.my-safe': {
+            marginTop: 'env(safe-area-inset-top)',
+            marginBottom: 'env(safe-area-inset-bottom)',
+        },
+        '.mt-safe': {
+            marginTop: 'env(safe-area-inset-top)',
+        },
+        '.mr-safe': {
+            marginRight: 'env(safe-area-inset-right)',
+        },
+        '.mb-safe': {
+            marginBottom: 'env(safe-area-inset-bottom)',
+        },
+        '.ml-safe': {
+            marginLeft: 'env(safe-area-inset-left)',
+        },
+        '.p-safe': {
+            paddingTop: 'env(safe-area-inset-top)',
+            paddingRight: 'env(safe-area-inset-right)',
+            paddingBottom: 'env(safe-area-inset-bottom)',
+            paddingLeft: 'env(safe-area-inset-left)',
+        },
+        '.px-safe': {
+            paddingRight: 'env(safe-area-inset-right)',
+            paddingLeft: 'env(safe-area-inset-left)',
+        },
+        '.py-safe': {
+            paddingTop: 'env(safe-area-inset-top)',
+            paddingBottom: 'env(safe-area-inset-bottom)',
+        },
+        '.pt-safe': {
+            paddingTop: 'env(safe-area-inset-top)',
+        },
+        '.pr-safe': {
+            paddingRight: 'env(safe-area-inset-right)',
+        },
+        '.pb-safe': {
+            paddingBottom: 'env(safe-area-inset-bottom)',
+        },
+        '.pl-safe': {
+            paddingLeft: 'env(safe-area-inset-left)',
+        },
+        '.min-h-screen': {
+            minHeight: '100vh',
+        },
+        '.min-h-screen-safe': {
+            minHeight: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
+        },
+        '.max-h-screen': {
+            maxHeight: '100vh',
+        },
+        '.max-h-screen-safe': {
+            maxHeight: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
+        },
+        '.h-screen-safe': {
+            height: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
+        },
+        '.min-w-screen': {
+            minWidth: '100vw',
+        },
+        '.min-w-screen-safe': {
+            minWidth: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
+        },
+        '.max-w-screen': {
+            maxWidth: '100vw',
+        },
+        '.max-w-screen-safe': {
+            maxWidth: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
+        },
+        '.w-screen-safe': {
+            width: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
+        },
+    };
+    addUtilities(utilities);
 };
 
-const paperless = plugin$1(pluginAPI => {
-  safeArea(pluginAPI);
-  hover(pluginAPI);
+const paperless = plugin(pluginAPI => {
+    safeArea(pluginAPI);
+    hover(pluginAPI);
 }, {
-  theme: {
-    colors,
-    boxShadow: shadows,
-    dropShadow: shadows,
-    extend: {
-      keyframs: animation.keyframes,
-      animation: animation.animation,
-      fontFamily: {
-        geist: ['Geist', 'serif'],
-        ambit: ['Ambit', 'sans-serif'],
-      },
-      scale,
-      rotate: rotateNumbers,
-      fontSize: typeograhpy.fontSize,
-      lineHeight: typeograhpy.lineHeight,
-      zIndex,
-      screens,
-      width: width.width,
-      height: height.height,
-      spacing,
-      aspectRatio: {
-        branding: '23/24',
-      },
-    },
-  },
-  plugins: [
-    require('@tailwindcss/aspect-ratio'),
-    require('tailwindcss-animate'),
-    require('tailwind-scrollbar-hide'),
-    safeArea,
-    hover,
-  ],
+    theme: {
+        colors,
+        boxShadow: shadows,
+        dropShadow: shadows,
+        extend: {
+            keyframs: animation.keyframes,
+            animation: animation.animation,
+            fontFamily: {
+                geist: ['Geist', 'serif'],
+                ambit: ['Ambit', 'sans-serif'],
+            },
+            scale,
+            rotate: rotateNumbers,
+            fontSize: typeograhpy.fontSize,
+            lineHeight: typeograhpy.lineHeight,
+            zIndex,
+            screens,
+            width: width.width,
+            height: height.height,
+            spacing,
+            aspectRatio: {
+                branding: '23/24',
+            },
+        },
+    },
+    plugins: [
+        require('@tailwindcss/aspect-ratio'),
+        require('tailwindcss-animate'),
+        require('tailwind-scrollbar-hide'),
+        safeArea,
+        hover,
+    ],
 });
 
 export { camelToSnakeCase, paperless, snakeToCamelCase };