@paperless/core 2.22.0-alpha.24 → 2.22.0-alpha.25

package/dist/esm/index.js

@@ -1,14 +1,14 @@
 export { i as initTheme, o as onStateChange, s as state, a as stateLocaleOptions, b as stateThemeOptions } from './state-DAO0Ru6K.js';
-import { s as screens } from './screens-B3sNjfzc.js';
-export { g as getScreenSize, b as getScreenSizeInPixels, a as getScreenSizeInRem, d as isBetweenScreens, i as isBiggerThanScreen, j as isDesktop, f as isMobile, c as isSmallerThanScreen, h as isTablet, e as isTouchDevice } from './screens-B3sNjfzc.js';
-export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes, i as isTableColumnSizesKey } from './table-helpers-ChunMu-S.js';
+import { s as screens } from './screens-CWO2YJCh.js';
+export { g as getScreenSize, b as getScreenSizeInPixels, a as getScreenSizeInRem, d as isBetweenScreens, i as isBiggerThanScreen, j as isDesktop, f as isMobile, c as isSmallerThanScreen, h as isTablet, e as isTouchDevice } from './screens-CWO2YJCh.js';
+export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes, i as isTableColumnSizesKey } from './table-helpers-CfQnOr9V.js';
 export { t as tableColumSizesOptions } from './constants-DdQ-S2l7.js';
 export { I as IBAN_ICON_VARIANTS_ARRAY } from './iban-By0EdXx2.js';
-export { c as childOf, a as childOfComposed } from './child-of-BFSNj6hu.js';
-export { c as categorized, i as icons } from './icons--Uc_OJAV.js';
-export { f as formatTranslation, g as getLocaleComponentStrings } from './localization-DiJj8rmO.js';
-export { o as objectGetByPath } from './object-get-by-path-CrdJDtHg.js';
-export { i as isMobileBrowser } from './is-mobile-browser-DVCJlilm.js';
+export { c as childOf, a as childOfComposed } from './child-of-TyZ7uPES.js';
+export { c as categorized, i as icons } from './icons-CXVK8SLW.js';
+export { f as formatTranslation, g as getLocaleComponentStrings } from './localization-CwQG70_4.js';
+export { o as objectGetByPath } from './object-get-by-path-CLLU0oUD.js';
+export { i as isMobileBrowser } from './is-mobile-browser-DPc49L2n.js';
 export { c as cn } from './cn-BniKgfyU.js';
 export { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS, S as SELECT_DEFAULT_MAX_DISPLAYED_ITEMS } from './constants-vyRrSf5s.js';
 import './index-PW1zQoNr.js';
@@ -101,444 +101,6 @@ function requirePlugin () {
 	return plugin$1;
 }
 
-var pluginExports = requirePlugin();
-var plugin = /*@__PURE__*/getDefaultExportFromCjs(pluginExports);
-
-var 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',
-        'floating-menu-container-out': 'forwards floatingMenuContainerOut .5s ease',
-        'floating-menu-container-in': 'forwards floatingMenuContainerIn .5s ease',
-        wave: 'wave .5s ease-in-out -0.5s infinite alternate forwards',
-    },
-    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%)' },
-        },
-        floatingMenuContainerOut: {
-            '0%': {
-                display: 'flex',
-                transform: 'translateY(0)',
-                opacity: '100',
-            },
-            '99%': {
-                display: 'flex',
-                transform: 'translateY(100%)',
-                opacity: '0',
-            },
-            '100%': {
-                display: 'none',
-                transform: 'translateY(100%)',
-                opacity: '0',
-            },
-        },
-        floatingMenuContainerIn: {
-            '0%': {
-                display: 'none',
-                transform: 'translateY(100%)',
-                opacity: '0',
-            },
-            '1%': {
-                display: 'flex',
-                transform: 'translateY(100%)',
-                opacity: '0',
-            },
-            '100%': {
-                display: 'flex',
-                transform: 'translateY(0)',
-                opacity: '100',
-            },
-        },
-        wave: {
-            from: {
-                transform: 'rotate(0deg)',
-            },
-            to: {
-                transform: 'rotate(-15deg)',
-            },
-        },
-    },
-};
-
-var colors = {
-    inherit: 'inherit',
-    transparent: 'transparent',
-    current: 'currentColor',
-    black: '#000',
-    white: {
-        800: '#E4E3E3',
-        700: '#F2F2F2',
-        600: '#FAFAFA',
-        500: '#FFFFFF',
-        DEFAULT: '#FFFFFF',
-    },
-    'negative-red': {
-        800: '#8D1010',
-        700: '#931010',
-        500: '#E61E1E',
-        100: '#FFDDDD',
-        50: '#FDEDED',
-        alternative: '#FF5C5C',
-    },
-    'positive-green': {
-        800: '#2F6407',
-        500: '#5CC30E',
-        100: '#D5FBC7',
-        50: '#EAFDE3',
-        alternative: '#62FF5C',
-    },
-    amber: {
-        800: '#944D0B',
-        500: '#E19F23',
-        100: '#FFF6C2',
-        50: '#FFFAE0',
-        alternative: '#FFE75C',
-    },
-    indigo: {
-        900: '#1349B6',
-        800: '#1B58D2',
-        700: '#2F6FF0',
-        600: '#528AFA',
-        500: '#8EB3FB',
-        400: '#A5C2FC',
-        300: '#BBD1FD',
-        200: '#C7D9FD',
-        100: '#E3ECFE',
-        50: '#F1F6FF',
-    },
-    storm: {
-        800: '#020815',
-        700: '#080F1C',
-        600: '#0F1622',
-        500: '#181E29',
-        400: '#464B54',
-        300: '#74787F',
-        200: '#A3A5A9',
-        100: '#D1D2D4',
-        50: '#E8E8EA',
-    },
-    hurricane: {
-        900: '#020815',
-        800: '#181E29',
-        700: '#232934',
-        600: '#2E343E',
-        500: '#363C46',
-        400: '#464B54',
-        300: '#74787F',
-        200: '#A3A5A9',
-        100: '#D1D2D4',
-        50: '#E8E8EA',
-    },
-    'off-white': {
-        800: '#D5D0C3',
-        700: '#DEDBD5',
-        600: '#ECEAE5',
-        500: '#F3F1ED',
-        400: '#F5F4F1',
-        300: '#F8F7F4',
-        200: '#FAF9F8',
-        100: '#FDFCFB',
-        50: '#FEFEFD',
-    },
-};
-
-var height = {
-    height: {
-        unset: 'unset',
-        inherit: 'inherit',
-    },
-};
-
-const rotateNumbers = {};
-for (let i = 1; i < 360; i++) {
-    rotateNumbers[`${i}`] = `${i}deg`;
-    rotateNumbers[`-${i}`] = `-${i}deg`;
-}
-
-var scale = {
-    flip: '-1',
-};
-
-var 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)',
-    ],
-    modal: [
-        '0 0 0 1px rgba(0, 2, 2, 0.10)',
-        '0 1px 1px 0 rgba(0, 2, 2, 0.20)',
-        '0 2px 2px 0 rgba(0, 2, 2, 0.08)',
-        '0 4px 4px 0 rgba(0, 2, 2, 0.08)',
-        '0 8px 8px 0 rgba(0, 2, 2, 0.08)',
-    ],
-    'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',
-    'storm-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',
-    'primary-button': '0px 1px 1px 0px rgba(24, 30 41, 0.08)',
-    'off-white-600': '0px 0px 0px 1px #ECEAE5',
-    inherit: 'inherit',
-    transparent: 'transparent',
-};
-
-var spacing = {
-    // default variant layout
-    'content-mobile-x': '1rem',
-    'content-mobile-y': '1.5rem',
-    'content-desktop-x': '2rem',
-    'content-desktop-y': '2rem',
-    18: '4.5rem',
-};
-
-var 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',
-    },
-};
-
-var 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',
-    },
-};
-
-var zIndex = {
-    'floating-menu': '190',
-    dropdown: '200',
-    'navbar-topbar': '280',
-    'navbar-backdrop': '290',
-    navbar: '300',
-    tooltip: '400',
-    datepicker: '401',
-    backdrop: '490',
-    drawer: '500',
-    'drawer-header': '501',
-    modal: '600',
-    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)',
-    ]);
-};
-
-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)',
-        },
-        '.my-safe-2': {
-            marginTop: 'calc(env(safe-area-inset-top)+0.5rem)',
-            marginBottom: 'calc(env(safe-area-inset-bottom)+0.5rem)',
-        },
-        '.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)',
-        },
-        '.py-safe-2': {
-            paddingTop: 'calc(env(safe-area-inset-top)+0.5rem)',
-            paddingBottom: 'calc(env(safe-area-inset-bottom)+0.5rem)',
-        },
-        '.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);
-};
-
 var src$1;
 var hasRequiredSrc$1;
 
@@ -675,50 +237,488 @@ function requireSrc$1 () {
 var srcExports$1 = requireSrc$1();
 var aspectRatioPlugin = /*@__PURE__*/getDefaultExportFromCjs(srcExports$1);
 
-var src;
-var hasRequiredSrc;
+var src;
+var hasRequiredSrc;
+
+function requireSrc () {
+	if (hasRequiredSrc) return src;
+	hasRequiredSrc = 1;
+	const plugin = requirePlugin();
+
+	const scrollbarHide = plugin(function ({ addUtilities }) {
+	  addUtilities({
+	    '.scrollbar-hide': {
+	      /* IE and Edge */
+	      '-ms-overflow-style': 'none',
+
+	      /* Firefox */
+	      'scrollbar-width': 'none',
+
+	      /* Safari and Chrome */
+	      '&::-webkit-scrollbar': {
+	        display: 'none'
+	      }
+	    },
+	    
+	    '.scrollbar-default': {
+	      /* IE and Edge */
+	      '-ms-overflow-style': 'auto',
+
+	      /* Firefox */
+	      'scrollbar-width': 'auto',
+
+	      /* Safari and Chrome */
+	      '&::-webkit-scrollbar': {
+	        display: 'block'
+	      }
+	    }
+	  }, ['responsive']);
+	});
+
+	src = scrollbarHide;
+	return src;
+}
+
+var srcExports = requireSrc();
+var scrollbarHidePlugin = /*@__PURE__*/getDefaultExportFromCjs(srcExports);
+
+var pluginExports = requirePlugin();
+var plugin = /*@__PURE__*/getDefaultExportFromCjs(pluginExports);
+
+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)',
+    ]);
+};
+
+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)',
+        },
+        '.my-safe-2': {
+            marginTop: 'calc(env(safe-area-inset-top)+0.5rem)',
+            marginBottom: 'calc(env(safe-area-inset-bottom)+0.5rem)',
+        },
+        '.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)',
+        },
+        '.py-safe-2': {
+            paddingTop: 'calc(env(safe-area-inset-top)+0.5rem)',
+            paddingBottom: 'calc(env(safe-area-inset-bottom)+0.5rem)',
+        },
+        '.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);
+};
+
+var 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',
+        'floating-menu-container-out': 'forwards floatingMenuContainerOut .5s ease',
+        'floating-menu-container-in': 'forwards floatingMenuContainerIn .5s ease',
+        wave: 'wave .5s ease-in-out -0.5s infinite alternate forwards',
+    },
+    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%)' },
+        },
+        floatingMenuContainerOut: {
+            '0%': {
+                display: 'flex',
+                transform: 'translateY(0)',
+                opacity: '100',
+            },
+            '99%': {
+                display: 'flex',
+                transform: 'translateY(100%)',
+                opacity: '0',
+            },
+            '100%': {
+                display: 'none',
+                transform: 'translateY(100%)',
+                opacity: '0',
+            },
+        },
+        floatingMenuContainerIn: {
+            '0%': {
+                display: 'none',
+                transform: 'translateY(100%)',
+                opacity: '0',
+            },
+            '1%': {
+                display: 'flex',
+                transform: 'translateY(100%)',
+                opacity: '0',
+            },
+            '100%': {
+                display: 'flex',
+                transform: 'translateY(0)',
+                opacity: '100',
+            },
+        },
+        wave: {
+            from: {
+                transform: 'rotate(0deg)',
+            },
+            to: {
+                transform: 'rotate(-15deg)',
+            },
+        },
+    },
+};
+
+var colors = {
+    inherit: 'inherit',
+    transparent: 'transparent',
+    current: 'currentColor',
+    black: '#000',
+    white: {
+        800: '#E4E3E3',
+        700: '#F2F2F2',
+        600: '#FAFAFA',
+        500: '#FFFFFF',
+        DEFAULT: '#FFFFFF',
+    },
+    'negative-red': {
+        800: '#8D1010',
+        700: '#931010',
+        500: '#E61E1E',
+        100: '#FFDDDD',
+        50: '#FDEDED',
+        alternative: '#FF5C5C',
+    },
+    'positive-green': {
+        800: '#2F6407',
+        500: '#5CC30E',
+        100: '#D5FBC7',
+        50: '#EAFDE3',
+        alternative: '#62FF5C',
+    },
+    amber: {
+        800: '#944D0B',
+        500: '#E19F23',
+        100: '#FFF6C2',
+        50: '#FFFAE0',
+        alternative: '#FFE75C',
+    },
+    indigo: {
+        900: '#1349B6',
+        800: '#1B58D2',
+        700: '#2F6FF0',
+        600: '#528AFA',
+        500: '#8EB3FB',
+        400: '#A5C2FC',
+        300: '#BBD1FD',
+        200: '#C7D9FD',
+        100: '#E3ECFE',
+        50: '#F1F6FF',
+    },
+    storm: {
+        800: '#020815',
+        700: '#080F1C',
+        600: '#0F1622',
+        500: '#181E29',
+        400: '#464B54',
+        300: '#74787F',
+        200: '#A3A5A9',
+        100: '#D1D2D4',
+        50: '#E8E8EA',
+    },
+    hurricane: {
+        900: '#020815',
+        800: '#181E29',
+        700: '#232934',
+        600: '#2E343E',
+        500: '#363C46',
+        400: '#464B54',
+        300: '#74787F',
+        200: '#A3A5A9',
+        100: '#D1D2D4',
+        50: '#E8E8EA',
+    },
+    'off-white': {
+        800: '#D5D0C3',
+        700: '#DEDBD5',
+        600: '#ECEAE5',
+        500: '#F3F1ED',
+        400: '#F5F4F1',
+        300: '#F8F7F4',
+        200: '#FAF9F8',
+        100: '#FDFCFB',
+        50: '#FEFEFD',
+    },
+};
 
-function requireSrc () {
-	if (hasRequiredSrc) return src;
-	hasRequiredSrc = 1;
-	const plugin = requirePlugin();
+var height = {
+    height: {
+        unset: 'unset',
+        inherit: 'inherit',
+    },
+};
 
-	const scrollbarHide = plugin(function ({ addUtilities }) {
-	  addUtilities({
-	    '.scrollbar-hide': {
-	      /* IE and Edge */
-	      '-ms-overflow-style': 'none',
+const rotateNumbers = {};
+for (let i = 1; i < 360; i++) {
+    rotateNumbers[`${i}`] = `${i}deg`;
+    rotateNumbers[`-${i}`] = `-${i}deg`;
+}
 
-	      /* Firefox */
-	      'scrollbar-width': 'none',
+var scale = {
+    flip: '-1',
+};
 
-	      /* Safari and Chrome */
-	      '&::-webkit-scrollbar': {
-	        display: 'none'
-	      }
-	    },
-	    
-	    '.scrollbar-default': {
-	      /* IE and Edge */
-	      '-ms-overflow-style': 'auto',
+var 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)',
+    ],
+    modal: [
+        '0 0 0 1px rgba(0, 2, 2, 0.10)',
+        '0 1px 1px 0 rgba(0, 2, 2, 0.20)',
+        '0 2px 2px 0 rgba(0, 2, 2, 0.08)',
+        '0 4px 4px 0 rgba(0, 2, 2, 0.08)',
+        '0 8px 8px 0 rgba(0, 2, 2, 0.08)',
+    ],
+    'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',
+    'storm-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',
+    'primary-button': '0px 1px 1px 0px rgba(24, 30 41, 0.08)',
+    'off-white-600': '0px 0px 0px 1px #ECEAE5',
+    inherit: 'inherit',
+    transparent: 'transparent',
+};
 
-	      /* Firefox */
-	      'scrollbar-width': 'auto',
+var spacing = {
+    // default variant layout
+    'content-mobile-x': '1rem',
+    'content-mobile-y': '1.5rem',
+    'content-desktop-x': '2rem',
+    'content-desktop-y': '2rem',
+    18: '4.5rem',
+};
 
-	      /* Safari and Chrome */
-	      '&::-webkit-scrollbar': {
-	        display: 'block'
-	      }
-	    }
-	  }, ['responsive']);
-	});
+var 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',
+    },
+};
 
-	src = scrollbarHide;
-	return src;
-}
+var 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',
+    },
+};
 
-var srcExports = requireSrc();
-var scrollbarHidePlugin = /*@__PURE__*/getDefaultExportFromCjs(srcExports);
+var zIndex = {
+    'floating-menu': '190',
+    dropdown: '200',
+    'navbar-topbar': '280',
+    'navbar-backdrop': '290',
+    navbar: '300',
+    tooltip: '400',
+    datepicker: '401',
+    backdrop: '490',
+    drawer: '500',
+    'drawer-header': '501',
+    modal: '600',
+    toast: '700',
+};
 
 const paperless = plugin(pluginAPI => {
     safeArea(pluginAPI);
@@ -749,19 +749,14 @@ const paperless = plugin(pluginAPI => {
             },
         },
     },
-    plugins: [
-        aspectRatioPlugin,
-        scrollbarHidePlugin,
-        safeArea,
-        hover,
-    ],
+    plugins: [aspectRatioPlugin, scrollbarHidePlugin, safeArea, hover],
 });
 
-const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
+const camelToSnakeCase = (str) => str.replaceAll(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
 const snakeToCamelCase = (str) => str
     .toLowerCase()
-    .replace(/([-_][a-z])/g, group => group.toUpperCase().replace('-', '').replace('_', ''));
-const kebabToSpaces = str => str.replace(/-/g, ' ');
-const titleCase = (str) => str.replace(/\w\S*/g, text => text.charAt(0).toUpperCase() + text.substring(1).toLowerCase());
+    .replaceAll(/([_-][a-z])/g, group => group.toUpperCase().replace('-', '').replace('_', ''));
+const kebabToSpaces = str => str.replaceAll('-', ' ');
+const titleCase = (str) => str.replaceAll(/\w\S*/g, text => text.charAt(0).toUpperCase() + text.slice(1).toLowerCase());
 
 export { camelToSnakeCase, kebabToSpaces, paperless, snakeToCamelCase, titleCase };