@paperless/core 1.40.0 → 1.41.0

package/dist/collection/tailwind/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tailwind/typography.ts"],"names":[],"mappings":"AAAA,eAAe;EACd,QAAQ,EAAE;IACT,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,UAAU;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,WAAW;GAChB;EACD,UAAU,EAAE;IACX,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,UAAU;GACpB;CACD,CAAC","sourcesContent":["export default {\n\tfontSize: {\n\t\th1: '2.5rem',\n\t\th2: '2rem',\n\t\th3: '1.5rem',\n\t\th4: '1.25rem',\n\t\th5: '1.125rem',\n\t\tbody: '1rem',\n\t\t'body-2': '1.125rem',\n\t\txxs: '0.6875rem',\n\t},\n\tlineHeight: {\n\t\th1: '3rem',\n\t\th2: '2.5rem',\n\t\th3: '1.875rem',\n\t\th4: '1.625rem',\n\t\th5: '1.375rem',\n\t\tbody: '1.75rem',\n\t\t'body-2': '1.875rem',\n\t},\n};\n"]}

package/dist/collection/tailwind/width.js

@@ -1,16 +1,15 @@
-module.exports = {
-	width: {
-		unset: 'unset',
-
-		// 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',
-	},
+export default {
+  width: {
+    unset: 'unset',
+    // 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',
+  },
 };
+//# sourceMappingURL=width.js.map

package/dist/collection/tailwind/width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"width.js","sourceRoot":"","sources":["../../src/tailwind/width.ts"],"names":[],"mappings":"AAAA,eAAe;EACd,KAAK,EAAE;IACN,KAAK,EAAE,OAAO;IAEd,kBAAkB;IAClB,gBAAgB,EAAE,MAAM;IACxB,cAAc,EAAE,OAAO;IACvB,cAAc,EAAE,OAAO;IACvB,cAAc,EAAE,OAAO;IACvB,cAAc,EAAE,OAAO;IAEvB,gBAAgB;IAChB,uBAAuB,EAAE,MAAM;IAC/B,uBAAuB,EAAE,OAAO;GAChC;CACD,CAAC","sourcesContent":["export default {\n\twidth: {\n\t\tunset: 'unset',\n\n\t\t// default variant\n\t\t'content-mobile': '100%',\n\t\t'content-1280': '62rem',\n\t\t'content-1440': '71rem',\n\t\t'content-1536': '77rem',\n\t\t'content-1680': '83rem',\n\n\t\t// login variant\n\t\t'sidebar-desktop-login': '100%',\n\t\t'content-desktop-login': '21rem',\n\t},\n};\n"]}

package/dist/collection/tailwind/z-index.js

@@ -1,19 +1,14 @@
-module.exports = {
-    '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,
+export default {
+  '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,
 };
+//# sourceMappingURL=z-index.js.map

package/dist/collection/tailwind/z-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.js","sourceRoot":"","sources":["../../src/tailwind/z-index.ts"],"names":[],"mappings":"AAAA,eAAe;EACd,eAAe,EAAE,GAAG;EACpB,QAAQ,EAAE,GAAG;EAEb,eAAe,EAAE,GAAG;EACpB,iBAAiB,EAAE,GAAG;EACtB,MAAM,EAAE,GAAG;EAEX,QAAQ,EAAE,GAAG;EAEb,MAAM,EAAE,GAAG;EACX,eAAe,EAAE,GAAG;EAEpB,KAAK,EAAE,GAAG;EAEV,OAAO,EAAE,GAAG;EAEZ,KAAK,EAAE,GAAG;CACV,CAAC","sourcesContent":["export default {\n\t'floating-menu': 190,\n\tdropdown: 200,\n\n\t'navbar-topbar': 280,\n\t'navbar-backdrop': 290,\n\tnavbar: 300,\n\n\tbackdrop: 490,\n\n\tdrawer: 500,\n\t'drawer-header': 501,\n\n\tmodal: 600,\n\n\ttooltip: 601,\n\n\ttoast: 700,\n};\n"]}

package/dist/collection/tailwind.config.js

@@ -1,42 +1,33 @@
-const colors = require('./tailwind/colors');
-const shadows = require('./tailwind/shadows');
-const borderRadius = require('./tailwind/border-radius');
-const scale = require('./tailwind/scale');
-const rotate = require('./tailwind/rotate');
-const typeograhpy = require('./tailwind/typography');
-const backdropBlur = require('./tailwind/backdrop-blur');
-const zIndex = require('./tailwind/z-index');
-const animation = require('./tailwind/animation');
-const screens = require('./tailwind/screens');
-const width = require('./tailwind/width');
-const height = require('./tailwind/height');
-const spacing = require('./tailwind/spacing');
-
-module.exports = {
-    important: true,
-    theme: {
-        colors,
-        boxShadow: shadows,
-        dropShadow: shadows,
-        borderRadius,
-        extend: {
-            ...animation,
-            scale,
-            rotate,
-            fontSize: typeograhpy.fontSize,
-            lineHeight: typeograhpy.lineHeight,
-            backdropBlur,
-            zIndex,
-            screens,
-            width: width.width,
-            maxWidth: width.maxWidth,
-            height: height.height,
-            spacing,
-        },
-    },
-    plugins: [
-        require('@tailwindcss/aspect-ratio'),
-        require('tailwind-scrollbar-hide'),
-        require('./tailwind/plugins/safe-area'),
-    ],
+import colors from "./tailwind/colors";
+import shadows from "./tailwind/shadows";
+import borderRadius from "./tailwind/border-radius";
+import scale from "./tailwind/scale";
+import rotate from "./tailwind/rotate";
+import typeograhpy from "./tailwind/typography";
+import backdropBlur from "./tailwind/backdrop-blur";
+import zIndex from "./tailwind/z-index";
+import animation from "./tailwind/animation";
+import screens from "./tailwind/screens";
+import width from "./tailwind/width";
+import height from "./tailwind/height";
+import spacing from "./tailwind/spacing";
+import safeArea from "./tailwind/plugins/safe-area";
+export default {
+  important: true,
+  theme: {
+    colors,
+    boxShadow: shadows,
+    dropShadow: shadows,
+    borderRadius,
+    extend: Object.assign(Object.assign({}, animation), { scale,
+      rotate, fontSize: typeograhpy.fontSize, lineHeight: typeograhpy.lineHeight, backdropBlur,
+      zIndex,
+      screens, width: width.width, height: height.height, spacing }),
+  },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'),
+    require('tailwind-scrollbar-hide'),
+    safeArea,
+  ],
 };
+//# sourceMappingURL=tailwind.config.js.map

package/dist/collection/tailwind.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../src/tailwind.config.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAEpD,eAAe;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE;IACN,MAAM;IACN,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,OAAO;IACnB,YAAY;IACZ,MAAM,kCACF,SAAS,KACZ,KAAK;MACL,MAAM,EACN,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,YAAY;MACZ,MAAM;MACN,OAAO,EACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,OAAO,GACP;GACD;EACD,OAAO,EAAE;IACR,OAAO,CAAC,2BAA2B,CAAC;IACpC,OAAO,CAAC,yBAAyB,CAAC;IAClC,QAAQ;GACR;CACD,CAAC","sourcesContent":["import colors from './tailwind/colors';\nimport shadows from './tailwind/shadows';\nimport borderRadius from './tailwind/border-radius';\nimport scale from './tailwind/scale';\nimport rotate from './tailwind/rotate';\nimport typeograhpy from './tailwind/typography';\nimport backdropBlur from './tailwind/backdrop-blur';\nimport zIndex from './tailwind/z-index';\nimport animation from './tailwind/animation';\nimport screens from './tailwind/screens';\nimport width from './tailwind/width';\nimport height from './tailwind/height';\nimport spacing from './tailwind/spacing';\n\nimport safeArea from './tailwind/plugins/safe-area';\n\nexport default {\n\timportant: true,\n\ttheme: {\n\t\tcolors,\n\t\tboxShadow: shadows,\n\t\tdropShadow: shadows,\n\t\tborderRadius,\n\t\textend: {\n\t\t\t...animation,\n\t\t\tscale,\n\t\t\trotate,\n\t\t\tfontSize: typeograhpy.fontSize,\n\t\t\tlineHeight: typeograhpy.lineHeight,\n\t\t\tbackdropBlur,\n\t\t\tzIndex,\n\t\t\tscreens,\n\t\t\twidth: width.width,\n\t\t\theight: height.height,\n\t\t\tspacing,\n\t\t},\n\t},\n\tplugins: [\n\t\trequire('@tailwindcss/aspect-ratio'),\n\t\trequire('tailwind-scrollbar-hide'),\n\t\tsafeArea,\n\t],\n};\n"]}

package/dist/collection/utils/index.js

@@ -4,4 +4,5 @@ export * from './illustrations';
 export * from './localization';
 export * from './object-get-by-path';
 export * from './transformers';
+export * from './screens';
 //# sourceMappingURL=index.js.map

package/dist/collection/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './child-of';\nexport * from './icons';\nexport * from './illustrations';\nexport * from './localization';\nexport * from './object-get-by-path';\nexport * from './transformers';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC","sourcesContent":["export * from './child-of';\nexport * from './icons';\nexport * from './illustrations';\nexport * from './localization';\nexport * from './object-get-by-path';\nexport * from './transformers';\nexport * from './screens';\n"]}

package/dist/collection/utils/screens.js

@@ -0,0 +1,26 @@
+import screens from "../tailwind/screens";
+export const getScreenSize = (size) => screens[size];
+export const getScreenSizeInRem = (size) => {
+  const screen = getScreenSize(size);
+  return parseInt(screen.replace('rem', ''), 10);
+};
+export const getScreenSizeInPixels = (size) => {
+  const rem = getScreenSizeInRem(size);
+  return rem * 16;
+};
+export const isBiggerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth > pixels;
+};
+export const isSmallerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth < pixels;
+};
+export const isBetweenScreens = (smallSize, bigSize) => {
+  return isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
+};
+export const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
+export const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
+export const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');
+export const isDesktop = () => isBiggerThanScreen('desktop-xs');
+//# sourceMappingURL=screens.js.map

package/dist/collection/utils/screens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screens.js","sourceRoot":"","sources":["../../src/utils/screens.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAI1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAgB,EAAE,EAAE;EACtD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;EACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAgB,EAAE,EAAE;EACzD,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACrC,OAAO,GAAG,GAAG,EAAE,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAgB,EAAE,EAAE;EACtD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAgB,EAAE,EAAE;EACvD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,SAAqB,EACrB,OAAmB,EAClB,EAAE;EACH,OAAO,kBAAkB,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CACjC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC;AAClD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,aAAa,EAAE,IAAI,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import screens from '../tailwind/screens';\n\nexport type ScreenSize = keyof typeof screens;\n\nexport const getScreenSize = (size: ScreenSize) => screens[size];\n\nexport const getScreenSizeInRem = (size: ScreenSize) => {\n\tconst screen = getScreenSize(size);\n\treturn parseInt(screen.replace('rem', ''), 10);\n};\n\nexport const getScreenSizeInPixels = (size: ScreenSize) => {\n\tconst rem = getScreenSizeInRem(size);\n\treturn rem * 16;\n};\n\nexport const isBiggerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth > pixels;\n};\n\nexport const isSmallerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth < pixels;\n};\n\nexport const isBetweenScreens = (\n\tsmallSize: ScreenSize,\n\tbigSize: ScreenSize\n) => {\n\treturn isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);\n};\n\nexport const isTouchDevice = () =>\n\t!!window.matchMedia('(pointer: coarse)').matches;\nexport const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');\nexport const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');\nexport const isDesktop = () => isBiggerThanScreen('desktop-xs');\n"]}

package/dist/components/floating-menu-item.component.js.map

@@ -1 +1 @@
-{"file":"floating-menu-item.component.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,spBAAspB;;MCO9qB,gBAAgB;;;;;iBAIc,IAAI;;EAE9C,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,IACjC,eAAQ,CACF,EACN;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/floating-menu-item/floating-menu-item.component.scss?tag=p-floating-menu-item&encapsulation=shadow","src/components/atoms/floating-menu-item/floating-menu-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-6 items-center gap-2 whitespace-nowrap text-sm text-storm-vague;\n}\n\n:host([hover]) {\n\t@apply cursor-pointer font-semibold;\n}\n\n:host([hover]:hover) {\n\t@apply text-white;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.scss',\n\tshadow: true,\n})\nexport class FloatingMenuItem {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) hover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-floating-menu-item\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"floating-menu-item.component.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,spBAAspB;;MCO9qB,gBAAgB;;;;;iBAIc,IAAI;;EAE9C,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,IACjC,eAAQ,CACF,EACN;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/floating-menu-item/floating-menu-item.component.scss?tag=p-floating-menu-item&encapsulation=shadow","src/components/atoms/floating-menu-item/floating-menu-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-6 items-center gap-2 whitespace-nowrap text-sm text-storm-vague;\n}\n\n:host([hover]) {\n\t@apply cursor-pointer font-semibold;\n}\n\n:host([hover]:hover) {\n\t@apply text-white;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.scss',\n\tshadow: true,\n})\nexport class FloatingMenuItem {\n\t/**\n\t * Wether it should have a hover effect\n\t */\n\t@Prop({ reflect: true }) hover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-floating-menu-item\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/index.js

@@ -8,6 +8,47 @@ const snakeToCamelCase = (str) => str
   .toLowerCase()
   .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 
-export { camelToSnakeCase, snakeToCamelCase };
+const screens = {
+  tablet: '40rem',
+  'desktop-xs': '64rem',
+  'desktop-sm': '80rem',
+  desktop: '85.375rem',
+  'desktop-lg': '90rem',
+  'desktop-xl': '120rem',
+  // layout sizes
+  'layout-1280': '80rem',
+  'layout-1440': '90rem',
+  'layout-1536': '96rem',
+  'layout-1680': '105rem',
+  'layout-1920': '120rem',
+  'layout-2560': '160rem',
+};
+
+const getScreenSize = (size) => screens[size];
+const getScreenSizeInRem = (size) => {
+  const screen = getScreenSize(size);
+  return parseInt(screen.replace('rem', ''), 10);
+};
+const getScreenSizeInPixels = (size) => {
+  const rem = getScreenSizeInRem(size);
+  return rem * 16;
+};
+const isBiggerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth > pixels;
+};
+const isSmallerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth < pixels;
+};
+const isBetweenScreens = (smallSize, bigSize) => {
+  return isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
+};
+const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
+const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
+const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');
+const isDesktop = () => isBiggerThanScreen('desktop-xs');
+
+export { camelToSnakeCase, getScreenSize, getScreenSizeInPixels, getScreenSizeInRem, isBetweenScreens, isBiggerThanScreen, isDesktop, isMobile, isSmallerThanScreen, isTablet, isTouchDevice, snakeToCamelCase };
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;MAAa,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE;MAErD,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG;GACE,WAAW,EAAE;GACb,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,KAC3B,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;;;","names":[],"sources":["src/utils/transformers.ts"],"sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n"],"version":3}
+{"file":"index.js","mappings":";;;;;MAAa,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE;MAErD,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG;GACE,WAAW,EAAE;GACb,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,KAC3B,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;ACPjE,gBAAe;EACd,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,OAAO;EACrB,YAAY,EAAE,OAAO;EACrB,OAAO,EAAE,WAAW;EACpB,YAAY,EAAE,OAAO;EACrB,YAAY,EAAE,QAAQ;;EAGtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;CACvB;;MCXY,aAAa,GAAG,CAAC,IAAgB,KAAK,OAAO,CAAC,IAAI,EAAE;MAEpD,kBAAkB,GAAG,CAAC,IAAgB;EAClD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;EACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAChD,EAAE;MAEW,qBAAqB,GAAG,CAAC,IAAgB;EACrD,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACrC,OAAO,GAAG,GAAG,EAAE,CAAC;AACjB,EAAE;MAEW,kBAAkB,GAAG,CAAC,IAAgB;EAClD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,mBAAmB,GAAG,CAAC,IAAgB;EACnD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,gBAAgB,GAAG,CAC/B,SAAqB,EACrB,OAAmB;EAEnB,OAAO,kBAAkB,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACtE,EAAE;MAEW,aAAa,GAAG,MAC5B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,QAAQ;MACrC,QAAQ,GAAG,MAAM,aAAa,EAAE,IAAI,mBAAmB,CAAC,QAAQ,EAAE;MAClE,QAAQ,GAAG,MAAM,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE;MAC1D,SAAS,GAAG,MAAM,kBAAkB,CAAC,YAAY;;;;","names":[],"sources":["src/utils/transformers.ts","src/tailwind/screens.ts","src/utils/screens.ts"],"sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n","export default {\n\ttablet: '40rem', // 640 px\n\t'desktop-xs': '64rem', // 1024 px\n\t'desktop-sm': '80rem', // 1360 px\n\tdesktop: '85.375rem', // 1366\n\t'desktop-lg': '90rem', // 1440\n\t'desktop-xl': '120rem', // 1920\n\n\t// layout sizes\n\t'layout-1280': '80rem',\n\t'layout-1440': '90rem',\n\t'layout-1536': '96rem',\n\t'layout-1680': '105rem',\n\t'layout-1920': '120rem',\n\t'layout-2560': '160rem',\n};\n","import screens from '../tailwind/screens';\n\nexport type ScreenSize = keyof typeof screens;\n\nexport const getScreenSize = (size: ScreenSize) => screens[size];\n\nexport const getScreenSizeInRem = (size: ScreenSize) => {\n\tconst screen = getScreenSize(size);\n\treturn parseInt(screen.replace('rem', ''), 10);\n};\n\nexport const getScreenSizeInPixels = (size: ScreenSize) => {\n\tconst rem = getScreenSizeInRem(size);\n\treturn rem * 16;\n};\n\nexport const isBiggerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth > pixels;\n};\n\nexport const isSmallerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth < pixels;\n};\n\nexport const isBetweenScreens = (\n\tsmallSize: ScreenSize,\n\tbigSize: ScreenSize\n) => {\n\treturn isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);\n};\n\nexport const isTouchDevice = () =>\n\t!!window.matchMedia('(pointer: coarse)').matches;\nexport const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');\nexport const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');\nexport const isDesktop = () => isBiggerThanScreen('desktop-xs');\n"],"version":3}

package/dist/esm/index.js

@@ -7,6 +7,47 @@ const snakeToCamelCase = (str) => str
   .toLowerCase()
   .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 
-export { camelToSnakeCase, snakeToCamelCase };
+const screens = {
+  tablet: '40rem',
+  'desktop-xs': '64rem',
+  'desktop-sm': '80rem',
+  desktop: '85.375rem',
+  'desktop-lg': '90rem',
+  'desktop-xl': '120rem',
+  // layout sizes
+  'layout-1280': '80rem',
+  'layout-1440': '90rem',
+  'layout-1536': '96rem',
+  'layout-1680': '105rem',
+  'layout-1920': '120rem',
+  'layout-2560': '160rem',
+};
+
+const getScreenSize = (size) => screens[size];
+const getScreenSizeInRem = (size) => {
+  const screen = getScreenSize(size);
+  return parseInt(screen.replace('rem', ''), 10);
+};
+const getScreenSizeInPixels = (size) => {
+  const rem = getScreenSizeInRem(size);
+  return rem * 16;
+};
+const isBiggerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth > pixels;
+};
+const isSmallerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth < pixels;
+};
+const isBetweenScreens = (smallSize, bigSize) => {
+  return isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
+};
+const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
+const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
+const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');
+const isDesktop = () => isBiggerThanScreen('desktop-xs');
+
+export { camelToSnakeCase, getScreenSize, getScreenSizeInPixels, getScreenSizeInRem, isBetweenScreens, isBiggerThanScreen, isDesktop, isMobile, isSmallerThanScreen, isTablet, isTouchDevice, snakeToCamelCase };
 
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;MAAa,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE;MAErD,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG;GACE,WAAW,EAAE;GACb,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,KAC3B,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;;;","names":[],"sources":["src/utils/transformers.ts"],"sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n"],"version":3}
+{"file":"index.js","mappings":";;;;MAAa,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE;MAErD,gBAAgB,GAAG,CAAC,GAAG,KAChC,GAAG;GACE,WAAW,EAAE;GACb,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,KAC3B,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;ACPjE,gBAAe;EACd,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,OAAO;EACrB,YAAY,EAAE,OAAO;EACrB,OAAO,EAAE,WAAW;EACpB,YAAY,EAAE,OAAO;EACrB,YAAY,EAAE,QAAQ;;EAGtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;CACvB;;MCXY,aAAa,GAAG,CAAC,IAAgB,KAAK,OAAO,CAAC,IAAI,EAAE;MAEpD,kBAAkB,GAAG,CAAC,IAAgB;EAClD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;EACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAChD,EAAE;MAEW,qBAAqB,GAAG,CAAC,IAAgB;EACrD,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACrC,OAAO,GAAG,GAAG,EAAE,CAAC;AACjB,EAAE;MAEW,kBAAkB,GAAG,CAAC,IAAgB;EAClD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,mBAAmB,GAAG,CAAC,IAAgB;EACnD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,gBAAgB,GAAG,CAC/B,SAAqB,EACrB,OAAmB;EAEnB,OAAO,kBAAkB,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACtE,EAAE;MAEW,aAAa,GAAG,MAC5B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,QAAQ;MACrC,QAAQ,GAAG,MAAM,aAAa,EAAE,IAAI,mBAAmB,CAAC,QAAQ,EAAE;MAClE,QAAQ,GAAG,MAAM,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE;MAC1D,SAAS,GAAG,MAAM,kBAAkB,CAAC,YAAY;;;;","names":[],"sources":["src/utils/transformers.ts","src/tailwind/screens.ts","src/utils/screens.ts"],"sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n","export default {\n\ttablet: '40rem', // 640 px\n\t'desktop-xs': '64rem', // 1024 px\n\t'desktop-sm': '80rem', // 1360 px\n\tdesktop: '85.375rem', // 1366\n\t'desktop-lg': '90rem', // 1440\n\t'desktop-xl': '120rem', // 1920\n\n\t// layout sizes\n\t'layout-1280': '80rem',\n\t'layout-1440': '90rem',\n\t'layout-1536': '96rem',\n\t'layout-1680': '105rem',\n\t'layout-1920': '120rem',\n\t'layout-2560': '160rem',\n};\n","import screens from '../tailwind/screens';\n\nexport type ScreenSize = keyof typeof screens;\n\nexport const getScreenSize = (size: ScreenSize) => screens[size];\n\nexport const getScreenSizeInRem = (size: ScreenSize) => {\n\tconst screen = getScreenSize(size);\n\treturn parseInt(screen.replace('rem', ''), 10);\n};\n\nexport const getScreenSizeInPixels = (size: ScreenSize) => {\n\tconst rem = getScreenSizeInRem(size);\n\treturn rem * 16;\n};\n\nexport const isBiggerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth > pixels;\n};\n\nexport const isSmallerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth < pixels;\n};\n\nexport const isBetweenScreens = (\n\tsmallSize: ScreenSize,\n\tbigSize: ScreenSize\n) => {\n\treturn isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);\n};\n\nexport const isTouchDevice = () =>\n\t!!window.matchMedia('(pointer: coarse)').matches;\nexport const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');\nexport const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');\nexport const isDesktop = () => isBiggerThanScreen('desktop-xs');\n"],"version":3}