From 11a58b76a7486dbe270c3c7a3f4ad0897772fe5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Uro=C5=A1=20Marolt?= <uros@marolt.me>
Date: Wed, 5 Mar 2025 11:20:05 +0100
Subject: [PATCH 1/2] Fixed nango monitoring cron job

---
 .../src/jobs/{nangoMonitoring.ts => nangoMonitoring.job.ts}       | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename services/apps/cron_service/src/jobs/{nangoMonitoring.ts => nangoMonitoring.job.ts} (100%)

diff --git a/services/apps/cron_service/src/jobs/nangoMonitoring.ts b/services/apps/cron_service/src/jobs/nangoMonitoring.job.ts
similarity index 100%
rename from services/apps/cron_service/src/jobs/nangoMonitoring.ts
rename to services/apps/cron_service/src/jobs/nangoMonitoring.job.ts

From 35c62009a4b3516359b15f35468f8afe9eeeee0b Mon Sep 17 00:00:00 2001
From: Sameh Mohamed <sameh_mohamed16@Hotmail.com>
Date: Wed, 5 Mar 2025 13:54:40 +0200
Subject: [PATCH 2/2] Refactor Tailwind configuration for improved theme
 management (#2894)

Signed-off-by: Sameh16 <sameh_mohamed16@hotmail.com>
---
 frontend/tailwind.config.js | 1278 ++++++-----------------------------
 1 file changed, 221 insertions(+), 1057 deletions(-)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 7395e9e2f9..7fa2b3d072 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,1079 +1,243 @@
-const { getThemeReplacementsValues } = require('./.tailwind/colorConverter.js');
+const { getThemeReplacementsValues } = require("./.tailwind/colorConverter.js");
 
 const themeReplacements = getThemeReplacementsValues();
 
 const spacing = {
-  px: '1px',
-  0: '0px',
-  0.5: '0.125rem',
-  1: '0.25rem',
-  1.5: '0.375rem',
-  2: '0.5rem',
-  2.5: '0.625rem',
-  3: '0.75rem',
-  3.5: '0.875rem',
-  4: '1rem',
-  4.5: '1.125rem',
-  5: '1.25rem',
-  6: '1.5rem',
-  7: '1.75rem',
-  8: '2rem',
-  9: '2.25rem',
-  10: '2.5rem',
-  11: '2.75rem',
-  12: '3rem',
-  13: '3.25rem',
-  14: '3.5rem',
-  16: '4rem',
-  17: '4.25rem',
-  18: '4.5rem',
-  19: '4.75rem',
-  20: '5rem',
-  21: '5.25rem',
-  24: '6rem',
-  28: '7rem',
-  30: '7.5rem',
-  32: '8rem',
-  34: '8.5rem',
-  36: '9rem',
-  40: '10rem',
-  42: '10.5rem',
-  43: '10.75rem',
-  44: '11rem',
-  48: '12rem',
-  52: '13rem',
-  55: '13.75rem',
-  56: '14rem',
-  58: '14.5rem',
-  60: '15rem',
-  64: '16rem',
-  66: '16.125rem',
-  65: '16.25rem',
-  68: '17rem',
-  70: '17.5rem',
-  72: '18rem',
-  80: '20rem',
-  88: '22rem',
-  96: '24rem',
-  100: '25rem',
-  104: '26rem',
-  112: '28rem',
-  120: '30rem',
-  148: '37rem',
-  254: '63.5rem'
-}
+  4.5: "1.125rem",
+  13: "3.25rem",
+  17: "4.25rem",
+  18: "4.5rem",
+  19: "4.75rem",
+  21: "5.25rem",
+  30: "7.5rem",
+  34: "8.5rem",
+  42: "10.5rem",
+  43: "10.75rem",
+  55: "13.75rem",
+  58: "14.5rem",
+  66: "16.125rem",
+  65: "16.25rem",
+  68: "17rem",
+  70: "17.5rem",
+  88: "22rem",
+  100: "25rem",
+  104: "26rem",
+  112: "28rem",
+  120: "30rem",
+  148: "37rem",
+  254: "63.5rem",
+};
+
 
+/** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [
-    './index.html',
-    './src/**/*.{vue,js,ts,jsx,tsx}'
-  ],
-  presets: [],
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
   theme: {
-    screens: {
-      sm: {
-        max: '768px'
-      },
-      md: {
-        min: '768px',
-        max: '1280px'
+    configViewer: {
+      themeReplacements,
+    },
+    container: {
+      center: true,
+      screens: {
+        lg: "1280px",
       },
-      lg: '1024px',
-      xl: '1280px'
     },
-    colors: {
-      transparent: 'var(--lf-color-transparent)',
-      current: 'currentColor',
-      black: 'var(--lf-color-black)',
-      white: 'var(--lf-color-white)',
-      background: 'var(--lf-color-background)',
-      primary: {
-        900: 'var(--lf-color-primary-900)',
-        800: 'var(--lf-color-primary-800)',
-        700: 'var(--lf-color-primary-700)',
-        600: 'var(--lf-color-primary-600)',
-        500: 'var(--lf-color-primary-500)',
-        400: 'var(--lf-color-primary-400)',
-        300: 'var(--lf-color-primary-300)',
-        200: 'var(--lf-color-primary-200)',
-        100: 'var(--lf-color-primary-100)',
-        50: 'var(--lf-color-primary-50)',
-        25: 'var(--lf-color-primary-25)',
+    fontFamily: {
+      primary: ["var(--lf-font-primary)", "sans-serif"],
+      secondary: ["var(--lf-font-secondary)", "sans-serif"],
+    },
+
+    extend: {
+      screens: {
+        sm: {
+          max: "768px",
+        },
+        md: {
+          min: "768px",
+          max: "1280px",
+        },
       },
-      secondary: {
-        500: 'var(--lf-color-secondary-500)',
-        400: 'var(--lf-color-secondary-400)',
-        300: 'var(--lf-color-secondary-300)',
-        200: 'var(--lf-color-secondary-200)',
-        100: 'var(--lf-color-secondary-100)',
-        50: 'var(--lf-color-secondary-50)',
+      colors: {
+        transparent: "var(--lf-color-transparent)",
+        black: "var(--lf-color-black)",
+        white: "var(--lf-color-white)",
+        background: "var(--lf-color-background)",
+        primary: {
+          900: "var(--lf-color-primary-900)",
+          800: "var(--lf-color-primary-800)",
+          700: "var(--lf-color-primary-700)",
+          600: "var(--lf-color-primary-600)",
+          500: "var(--lf-color-primary-500)",
+          400: "var(--lf-color-primary-400)",
+          300: "var(--lf-color-primary-300)",
+          200: "var(--lf-color-primary-200)",
+          100: "var(--lf-color-primary-100)",
+          50: "var(--lf-color-primary-50)",
+          25: "var(--lf-color-primary-25)",
+        },
+        secondary: {
+          500: "var(--lf-color-secondary-500)",
+          400: "var(--lf-color-secondary-400)",
+          300: "var(--lf-color-secondary-300)",
+          200: "var(--lf-color-secondary-200)",
+          100: "var(--lf-color-secondary-100)",
+          50: "var(--lf-color-secondary-50)",
+        },
+        gray: {
+          900: "var(--lf-color-gray-900)",
+          800: "var(--lf-color-gray-800)",
+          700: "var(--lf-color-gray-700)",
+          600: "var(--lf-color-gray-600)",
+          500: "var(--lf-color-gray-500)",
+          400: "var(--lf-color-gray-400)",
+          300: "var(--lf-color-gray-300)",
+          200: "var(--lf-color-gray-200)",
+          100: "var(--lf-color-gray-100)",
+          50: "var(--lf-color-gray-50)",
+        },
+        red: {
+          900: "var(--lf-color-red-900)",
+          800: "var(--lf-color-red-800)",
+          700: "var(--lf-color-red-700)",
+          600: "var(--lf-color-red-600)",
+          500: "var(--lf-color-red-500)",
+          400: "var(--lf-color-red-400)",
+          300: "var(--lf-color-red-300)",
+          200: "var(--lf-color-red-200)",
+          100: "var(--lf-color-red-100)",
+          50: "var(--lf-color-red-50)",
+        },
+        yellow: {
+          900: "var(--lf-color-yellow-900)",
+          800: "var(--lf-color-yellow-800)",
+          700: "var(--lf-color-yellow-700)",
+          600: "var(--lf-color-yellow-600)",
+          500: "var(--lf-color-yellow-500)",
+          400: "var(--lf-color-yellow-400)",
+          300: "var(--lf-color-yellow-300)",
+          200: "var(--lf-color-yellow-200)",
+          100: "var(--lf-color-yellow-100)",
+          50: "var(--lf-color-yellow-50)",
+        },
+        green: {
+          1000: "var(--lf-color-green-1000)",
+          900: "var(--lf-color-green-900)",
+          800: "var(--lf-color-green-800)",
+          700: "var(--lf-color-green-700)",
+          600: "var(--lf-color-green-600)",
+          500: "var(--lf-color-green-500)",
+          400: "var(--lf-color-green-400)",
+          300: "var(--lf-color-green-300)",
+          200: "var(--lf-color-green-200)",
+          100: "var(--lf-color-green-100)",
+          50: "var(--lf-color-green-50)",
+        },
+        purple: {
+          900: "var(--lf-color-purple-900)",
+          800: "var(--lf-color-purple-800)",
+          700: "var(--lf-color-purple-700)",
+          600: "var(--lf-color-purple-600)",
+          500: "var(--lf-color-purple-500)",
+          400: "var(--lf-color-purple-400)",
+          300: "var(--lf-color-purple-300)",
+          200: "var(--lf-color-purple-200)",
+          100: "var(--lf-color-purple-100)",
+          50: "var(--lf-color-purple-50)",
+        },
       },
-      gray: {
-        900: 'var(--lf-color-gray-900)',
-        800: 'var(--lf-color-gray-800)',
-        700: 'var(--lf-color-gray-700)',
-        600: 'var(--lf-color-gray-600)',
-        500: 'var(--lf-color-gray-500)',
-        400: 'var(--lf-color-gray-400)',
-        300: 'var(--lf-color-gray-300)',
-        200: 'var(--lf-color-gray-200)',
-        100: 'var(--lf-color-gray-100)',
-        50: 'var(--lf-color-gray-50)',
+      spacing,
+      borderWidth: {
+        3: "3px",
       },
-      red: {
-        900: 'var(--lf-color-red-900)',
-        800: 'var(--lf-color-red-800)',
-        700: 'var(--lf-color-red-700)',
-        600: 'var(--lf-color-red-600)',
-        500: 'var(--lf-color-red-500)',
-        400: 'var(--lf-color-red-400)',
-        300: 'var(--lf-color-red-300)',
-        200: 'var(--lf-color-red-200)',
-        100: 'var(--lf-color-red-100)',
-        50: 'var(--lf-color-red-50)',
+      boxShadow: {
+        DEFAULT:
+          "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+        md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
       },
-      yellow: {
-        900: 'var(--lf-color-yellow-900)',
-        800: 'var(--lf-color-yellow-800)',
-        700: 'var(--lf-color-yellow-700)',
-        600: 'var(--lf-color-yellow-600)',
-        500: 'var(--lf-color-yellow-500)',
-        400: 'var(--lf-color-yellow-400)',
-        300: 'var(--lf-color-yellow-300)',
-        200: 'var(--lf-color-yellow-200)',
-        100: 'var(--lf-color-yellow-100)',
-        50: 'var(--lf-color-yellow-50)',
+      fontSize: {
+        "4xs": ["0.5rem"],
+        "3xs": ["0.625rem"],
+        "2xs": ["0.75rem"],
+        xs: ["0.8125rem"],
+        lg: ["1.25rem"],
+        xl: ["1.5rem"],
+        "2xl": ["2rem"],
+        "3xl": ["2.5rem"],
+        "4xl": ["3rem"],
+        "5xl": ["4rem"],
+        "8xl": ["8rem"],
+        "10xl": ["10rem"],
+        h1: ["var(--lf-heading-1-font-size)", "var(--lf-heading-1-line-height)"],
+        h2: ["var(--lf-heading-2-font-size)", "var(--lf-heading-2-line-height)"],
+        h3: ["var(--lf-heading-3-font-size)", "var(--lf-heading-3-line-height)"],
+        h4: ["var(--lf-heading-4-font-size)", "var(--lf-heading-4-line-height)"],
+        h5: ["var(--lf-heading-5-font-size)", "var(--lf-heading-5-line-height)"],
+        h6: ["var(--lf-heading-6-font-size)", "var(--lf-heading-6-line-height)"],
+        xtiny: [
+          "var(--lf-text-xtiny-font-size)",
+          "var(--lf-text-xtiny-line-height)",
+        ],
+        tiny: [
+          "var(--lf-text-tiny-font-size)",
+          "var(--lf-text-tiny-line-height)",
+        ],
+        small: [
+          "var(--lf-text-small-font-size)",
+          "var(--lf-text-small-line-height)",
+        ],
+        medium: [
+          "var(--lf-text-medium-font-size)",
+          "var(--lf-text-medium-line-height)",
+        ],
+        large: [
+          "var(--lf-text-large-font-size)",
+          "var(--lf-text-large-line-height)",
+        ],
       },
-      green: {
-        1000: 'var(--lf-color-green-1000)',
-        900: 'var(--lf-color-green-900)',
-        800: 'var(--lf-color-green-800)',
-        700: 'var(--lf-color-green-700)',
-        600: 'var(--lf-color-green-600)',
-        500: 'var(--lf-color-green-500)',
-        400: 'var(--lf-color-green-400)',
-        300: 'var(--lf-color-green-300)',
-        200: 'var(--lf-color-green-200)',
-        100: 'var(--lf-color-green-100)',
-        50: 'var(--lf-color-green-50)',
+      letterSpacing: {
+        1: "0.0625rem",
+        wide: "0.125em",
       },
-      purple: {
-        900: 'var(--lf-color-purple-900)',
-        800: 'var(--lf-color-purple-800)',
-        700: 'var(--lf-color-purple-700)',
-        600: 'var(--lf-color-purple-600)',
-        500: 'var(--lf-color-purple-500)',
-        400: 'var(--lf-color-purple-400)',
-        300: 'var(--lf-color-purple-300)',
-        200: 'var(--lf-color-purple-200)',
-        100: 'var(--lf-color-purple-100)',
-        50: 'var(--lf-color-purple-50)',
+      lineHeight: {
+        loose: "1.75em",
+        3.5: ".875rem",
+        4.5: "1.125rem",
+        15: "3.75rem",
       },
-    },
-    configViewer: {
-      themeReplacements
-    },
-    columns: {
-      auto: 'auto',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      5: '5',
-      6: '6',
-      7: '7',
-      8: '8',
-      9: '9',
-      10: '10',
-      11: '11',
-      12: '12',
-      '3xs': '16rem',
-      '2xs': '18rem',
-      xs: '20rem',
-      sm: '24rem',
-      md: '28rem',
-      lg: '32rem',
-      xl: '36rem',
-      '2xl': '42rem',
-      '3xl': '48rem',
-      '4xl': '56rem',
-      '5xl': '64rem',
-      '6xl': '72rem',
-      '7xl': '80rem'
-    },
-    spacing,
-    animation: {
-      none: 'none',
-      spin: 'spin 1s linear infinite',
-      ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
-      pulse:
-        'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
-      bounce: 'bounce 1s infinite'
-    },
-    aspectRatio: {
-      auto: 'auto',
-      square: '1 / 1',
-      video: '16 / 9'
-    },
-    backdropBlur: ({ theme }) => theme('blur'),
-    backdropBrightness: ({ theme }) => theme('brightness'),
-    backdropContrast: ({ theme }) => theme('contrast'),
-    backdropGrayscale: ({ theme }) => theme('grayscale'),
-    backdropHueRotate: ({ theme }) => theme('hueRotate'),
-    backdropInvert: ({ theme }) => theme('invert'),
-    backdropOpacity: ({ theme }) => theme('opacity'),
-    backdropSaturate: ({ theme }) => theme('saturate'),
-    backdropSepia: ({ theme }) => theme('sepia'),
-    backgroundColor: ({ theme }) => theme('colors'),
-    backgroundImage: {
-      none: 'none',
-      'gradient-to-t':
-        'linear-gradient(to top, var(--tw-gradient-stops))',
-      'gradient-to-tr':
-        'linear-gradient(to top right, var(--tw-gradient-stops))',
-      'gradient-to-r':
-        'linear-gradient(to right, var(--tw-gradient-stops))',
-      'gradient-to-br':
-        'linear-gradient(to bottom right, var(--tw-gradient-stops))',
-      'gradient-to-b':
-        'linear-gradient(to bottom, var(--tw-gradient-stops))',
-      'gradient-to-bl':
-        'linear-gradient(to bottom left, var(--tw-gradient-stops))',
-      'gradient-to-l':
-        'linear-gradient(to left, var(--tw-gradient-stops))',
-      'gradient-to-tl':
-        'linear-gradient(to top left, var(--tw-gradient-stops))'
-    },
-    backgroundOpacity: ({ theme }) => theme('opacity'),
-    backgroundPosition: {
-      bottom: 'bottom',
-      center: 'center',
-      left: 'left',
-      'left-bottom': 'left bottom',
-      'left-top': 'left top',
-      right: 'right',
-      'right-bottom': 'right bottom',
-      'right-top': 'right top',
-      top: 'top'
-    },
-    backgroundSize: {
-      auto: 'auto',
-      cover: 'cover',
-      contain: 'contain'
-    },
-    blur: {
-      0: '0',
-      none: '0',
-      sm: '4px',
-      DEFAULT: '8px',
-      md: '12px',
-      lg: '16px',
-      xl: '24px',
-      '2xl': '40px',
-      '3xl': '64px'
-    },
-    brightness: {
-      0: '0',
-      50: '.5',
-      75: '.75',
-      90: '.9',
-      95: '.95',
-      100: '1',
-      105: '1.05',
-      110: '1.1',
-      125: '1.25',
-      150: '1.5',
-      200: '2'
-    },
-    borderColor: ({ theme }) => ({
-      ...theme('colors'),
-      DEFAULT: theme('colors.gray.200', 'currentColor')
-    }),
-    borderOpacity: ({ theme }) => theme('opacity'),
-    borderRadius: {
-      none: '0px',
-      sm: '0.125rem',
-      DEFAULT: '0.25rem',
-      md: '0.375rem',
-      lg: '0.5rem',
-      xl: '0.75rem',
-      '2xl': '1rem',
-      '3xl': '1.5rem',
-      full: '9999px'
-    },
-    borderWidth: {
-      DEFAULT: '1px',
-      0: '0px',
-      2: '2px',
-      3: '3px',
-      4: '4px',
-      8: '8px'
-    },
-    boxShadow: {
-      sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
-      DEFAULT:
-        '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
-      md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
-      lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
-      xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
-      '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
-      inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
-      none: 'none'
-    },
-    boxShadowColor: ({ theme }) => theme('colors'),
-    caretColor: ({ theme }) => theme('colors'),
-    accentColor: ({ theme }) => ({
-      ...theme('colors'),
-      auto: 'auto'
-    }),
-    contrast: {
-      0: '0',
-      50: '.5',
-      75: '.75',
-      100: '1',
-      125: '1.25',
-      150: '1.5',
-      200: '2'
-    },
-    container: {
-      center: true,
-      screens: {
-        lg: '1280px'
-      }
-    },
-    content: {
-      none: 'none'
-    },
-    cursor: {
-      auto: 'auto',
-      default: 'default',
-      pointer: 'pointer',
-      wait: 'wait',
-      text: 'text',
-      move: 'move',
-      help: 'help',
-      'not-allowed': 'not-allowed',
-      none: 'none',
-      'context-menu': 'context-menu',
-      progress: 'progress',
-      cell: 'cell',
-      crosshair: 'crosshair',
-      'vertical-text': 'vertical-text',
-      alias: 'alias',
-      copy: 'copy',
-      'no-drop': 'no-drop',
-      grab: 'grab',
-      grabbing: 'grabbing',
-      'all-scroll': 'all-scroll',
-      'col-resize': 'col-resize',
-      'row-resize': 'row-resize',
-      'n-resize': 'n-resize',
-      'e-resize': 'e-resize',
-      's-resize': 's-resize',
-      'w-resize': 'w-resize',
-      'ne-resize': 'ne-resize',
-      'nw-resize': 'nw-resize',
-      'se-resize': 'se-resize',
-      'sw-resize': 'sw-resize',
-      'ew-resize': 'ew-resize',
-      'ns-resize': 'ns-resize',
-      'nesw-resize': 'nesw-resize',
-      'nwse-resize': 'nwse-resize',
-      'zoom-in': 'zoom-in',
-      'zoom-out': 'zoom-out'
-    },
-    divideColor: ({ theme }) => theme('borderColor'),
-    divideOpacity: ({ theme }) => theme('borderOpacity'),
-    divideWidth: ({ theme }) => theme('borderWidth'),
-    dropShadow: {
-      sm: '0 1px 1px rgb(0 0 0 / 0.05)',
-      DEFAULT: [
-        '0 1px 2px rgb(0 0 0 / 0.1)',
-        '0 1px 1px rgb(0 0 0 / 0.06)'
-      ],
-      md: [
-        '0 4px 3px rgb(0 0 0 / 0.07)',
-        '0 2px 2px rgb(0 0 0 / 0.06)'
-      ],
-      lg: [
-        '0 10px 8px rgb(0 0 0 / 0.04)',
-        '0 4px 3px rgb(0 0 0 / 0.1)'
-      ],
-      xl: [
-        '0 20px 13px rgb(0 0 0 / 0.03)',
-        '0 8px 5px rgb(0 0 0 / 0.08)'
-      ],
-      '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',
-      none: '0 0 #0000'
-    },
-    fill: ({ theme }) => theme('colors'),
-    grayscale: {
-      0: '0',
-      DEFAULT: '100%'
-    },
-    hueRotate: {
-      0: '0deg',
-      15: '15deg',
-      30: '30deg',
-      60: '60deg',
-      90: '90deg',
-      180: '180deg'
-    },
-    invert: {
-      0: '0',
-      DEFAULT: '100%'
-    },
-    flex: {
-      1: '1 1 0%',
-      auto: '1 1 auto',
-      initial: '0 1 auto',
-      none: 'none'
-    },
-    flexBasis: ({ theme }) => ({
-      auto: 'auto',
-      ...theme('spacing'),
-      '1/2': '50%',
-      '1/3': '33.333333%',
-      '2/3': '66.666667%',
-      '1/4': '25%',
-      '2/4': '50%',
-      '3/4': '75%',
-      '1/5': '20%',
-      '2/5': '40%',
-      '3/5': '60%',
-      '4/5': '80%',
-      '1/6': '16.666667%',
-      '2/6': '33.333333%',
-      '3/6': '50%',
-      '4/6': '66.666667%',
-      '5/6': '83.333333%',
-      '1/12': '8.333333%',
-      '2/12': '16.666667%',
-      '3/12': '25%',
-      '4/12': '33.333333%',
-      '5/12': '41.666667%',
-      '6/12': '50%',
-      '7/12': '58.333333%',
-      '8/12': '66.666667%',
-      '9/12': '75%',
-      '10/12': '83.333333%',
-      '11/12': '91.666667%',
-      full: '100%'
-    }),
-    flexGrow: {
-      0: '0',
-      DEFAULT: '1'
-    },
-    flexShrink: {
-      0: '0',
-      DEFAULT: '1'
-    },
-    fontFamily: {
-      primary: ['var(--lf-font-primary)', 'sans-serif'],
-      secondary: ['var(--lf-font-secondary)', 'sans-serif'],
-    },
-    fontSize: {
-      '4xs': ['0.5rem'],
-      '3xs': ['0.625rem'],
-      '2xs': ['0.75rem'],
-      xs: ['0.8125rem'],
-      sm: ['0.875rem'],
-      base: ['1rem'],
-      lg: ['1.25rem'],
-      xl: ['1.5rem'],
-      '2xl': ['2rem'],
-      '3xl': ['2.5rem'],
-      '4xl': ['3rem'],
-      '5xl': ['4rem'],
-      '8xl': ['8rem'],
-      '10xl': ['10rem'],
-      h1: ['var(--lf-heading-1-font-size)', 'var(--lf-heading-1-line-height)'],
-      h2: ['var(--lf-heading-2-font-size)', 'var(--lf-heading-2-line-height)'],
-      h3: ['var(--lf-heading-3-font-size)', 'var(--lf-heading-3-line-height)'],
-      h4: ['var(--lf-heading-4-font-size)', 'var(--lf-heading-4-line-height)'],
-      h5: ['var(--lf-heading-5-font-size)', 'var(--lf-heading-5-line-height)'],
-      h6: ['var(--lf-heading-6-font-size)', 'var(--lf-heading-6-line-height)'],
-      xtiny: ['var(--lf-text-xtiny-font-size)', 'var(--lf-text-xtiny-line-height)'],
-      tiny: ['var(--lf-text-tiny-font-size)', 'var(--lf-text-tiny-line-height)'],
-      small: ['var(--lf-text-small-font-size)', 'var(--lf-text-small-line-height)'],
-      medium: ['var(--lf-text-medium-font-size)', 'var(--lf-text-medium-line-height)'],
-      large: ['var(--lf-text-large-font-size)', 'var(--lf-text-large-line-height)'],
-    },
-    fontWeight: {
-      thin: '100',
-      extralight: '200',
-      light: '300',
-      normal: '400',
-      medium: '500',
-      semibold: '600',
-      bold: '700',
-      extrabold: '800',
-      black: '900'
-    },
-    gap: ({ theme }) => theme('spacing'),
-    gradientColorStops: ({ theme }) => theme('colors'),
-    gridAutoColumns: {
-      auto: 'auto',
-      min: 'min-content',
-      max: 'max-content',
-      fr: 'minmax(0, 1fr)'
-    },
-    gridAutoRows: {
-      auto: 'auto',
-      min: 'min-content',
-      max: 'max-content',
-      fr: 'minmax(0, 1fr)'
-    },
-    gridColumn: {
-      auto: 'auto',
-      'span-1': 'span 1 / span 1',
-      'span-2': 'span 2 / span 2',
-      'span-3': 'span 3 / span 3',
-      'span-4': 'span 4 / span 4',
-      'span-5': 'span 5 / span 5',
-      'span-6': 'span 6 / span 6',
-      'span-7': 'span 7 / span 7',
-      'span-8': 'span 8 / span 8',
-      'span-9': 'span 9 / span 9',
-      'span-10': 'span 10 / span 10',
-      'span-11': 'span 11 / span 11',
-      'span-12': 'span 12 / span 12',
-      'span-full': '1 / -1'
-    },
-    gridColumnEnd: {
-      auto: 'auto',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      5: '5',
-      6: '6',
-      7: '7',
-      8: '8',
-      9: '9',
-      10: '10',
-      11: '11',
-      12: '12',
-      13: '13'
-    },
-    gridColumnStart: {
-      auto: 'auto',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      5: '5',
-      6: '6',
-      7: '7',
-      8: '8',
-      9: '9',
-      10: '10',
-      11: '11',
-      12: '12',
-      13: '13'
-    },
-    gridRow: {
-      auto: 'auto',
-      'span-1': 'span 1 / span 1',
-      'span-2': 'span 2 / span 2',
-      'span-3': 'span 3 / span 3',
-      'span-4': 'span 4 / span 4',
-      'span-5': 'span 5 / span 5',
-      'span-6': 'span 6 / span 6',
-      'span-full': '1 / -1'
-    },
-    gridRowStart: {
-      auto: 'auto',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      5: '5',
-      6: '6',
-      7: '7'
-    },
-    gridRowEnd: {
-      auto: 'auto',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      5: '5',
-      6: '6',
-      7: '7'
-    },
-    gridTemplateColumns: {
-      none: 'none',
-      1: 'repeat(1, minmax(0, 1fr))',
-      2: 'repeat(2, minmax(0, 1fr))',
-      3: 'repeat(3, minmax(0, 1fr))',
-      4: 'repeat(4, minmax(0, 1fr))',
-      5: 'repeat(5, minmax(0, 1fr))',
-      6: 'repeat(6, minmax(0, 1fr))',
-      7: 'repeat(7, minmax(0, 1fr))',
-      8: 'repeat(8, minmax(0, 1fr))',
-      9: 'repeat(9, minmax(0, 1fr))',
-      10: 'repeat(10, minmax(0, 1fr))',
-      11: 'repeat(11, minmax(0, 1fr))',
-      12: 'repeat(12, minmax(0, 1fr))'
-    },
-    gridTemplateRows: {
-      none: 'none',
-      1: 'repeat(1, minmax(0, 1fr))',
-      2: 'repeat(2, minmax(0, 1fr))',
-      3: 'repeat(3, minmax(0, 1fr))',
-      4: 'repeat(4, minmax(0, 1fr))',
-      5: 'repeat(5, minmax(0, 1fr))',
-      6: 'repeat(6, minmax(0, 1fr))'
-    },
-    height: ({ theme }) => ({
-      auto: 'auto',
-      ...theme('spacing'),
-      '1/2': '50%',
-      '1/3': '33.333333%',
-      '2/3': '66.666667%',
-      '1/4': '25%',
-      '2/4': '50%',
-      '3/4': '75%',
-      '1/5': '20%',
-      '2/5': '40%',
-      '3/5': '60%',
-      '4/5': '80%',
-      '1/6': '16.666667%',
-      '2/6': '33.333333%',
-      '3/6': '50%',
-      '4/6': '66.666667%',
-      '5/6': '83.333333%',
-      full: '100%',
-      screen: '100vh',
-      min: 'min-content',
-      max: 'max-content',
-      fit: 'fit-content'
-    }),
-    inset: ({ theme }) => ({
-      auto: 'auto',
-      ...theme('spacing'),
-      '1/2': '50%',
-      '1/3': '33.333333%',
-      '2/3': '66.666667%',
-      '1/4': '25%',
-      '2/4': '50%',
-      '3/4': '75%',
-      full: '100%'
-    }),
-    keyframes: {
-      spin: {
-        to: {
-          transform: 'rotate(360deg)'
-        }
+      maxHeight: {
+        ...spacing,
       },
-      ping: {
-        '75%, 100%': {
-          transform: 'scale(2)',
-          opacity: '0'
-        }
+      maxWidth: {
+        4: "1rem",
+        "3.5xs": "10rem",
+        "3xs": "12rem",
+        "2xs": "16rem",
+        ...spacing,
       },
-      pulse: {
-        '50%': {
-          opacity: '.5'
-        }
+      minHeight: ({ theme }) => ({
+        ...theme("spacing"),
+        ...spacing,
+      }),
+      minWidth: {
+        ...spacing,
+      },
+      opacity: {
+        15: "0.15",
+        35: "0.35",
+      },
+      transitionProperty: {
+        DEFAULT:
+          "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+        colors:
+          "color, background-color, border-color, text-decoration-color, fill, stroke",
+      },
+      width: {
+        fit: "fit-content"
       },
-      bounce: {
-        '0%, 100%': {
-          transform: 'translateY(-25%)',
-          animationTimingFunction: 'cubic-bezier(0.8,0,1,1)'
-        },
-        '50%': {
-          transform: 'none',
-          animationTimingFunction: 'cubic-bezier(0,0,0.2,1)'
-        }
-      }
-    },
-    letterSpacing: {
-      tighter: '-0.05em',
-      tight: '-0.025em',
-      normal: '0em',
-      1: '0.0625rem',
-      wide: '0.125em',
-      wider: '0.05em',
-      widest: '0.1em'
-    },
-    lineHeight: {
-      none: '1em',
-      tight: '1.25em',
-      snug: '1.375em',
-      normal: '1.5em',
-      relaxed: '1.625em',
-      loose: '1.75em',
-      3: '.75rem',
-      3.5: '.875rem',
-      4: '1rem',
-      4.5: '1.125rem',
-      5: '1.25rem',
-      6: '1.5rem',
-      7: '1.75rem',
-      8: '2rem',
-      9: '2.25rem',
-      10: '2.5rem',
-      15: '3.75rem'
-    },
-    listStyleType: {
-      none: 'none',
-      disc: 'disc',
-      decimal: 'decimal'
-    },
-    margin: ({ theme }) => ({
-      auto: 'auto',
-      ...theme('spacing')
-    }),
-    maxHeight: ({ theme }) => ({
-      ...theme('spacing'),
-      full: '100%',
-      screen: '100vh',
-      min: 'min-content',
-      max: 'max-content',
-      fit: 'fit-content',
-      ...spacing,
-    }),
-    maxWidth: ({ theme, breakpoints }) => ({
-      none: 'none',
-      0: '0rem',
-      4: '1rem',
-      '3.5xs': '10rem',
-      '3xs': '12rem',
-      '2xs': '16rem',
-      xs: '20rem',
-      sm: '24rem',
-      md: '28rem',
-      lg: '32rem',
-      xl: '36rem',
-      '2xl': '42rem',
-      '3xl': '48rem',
-      '4xl': '56rem',
-      '5xl': '64rem',
-      '6xl': '72rem',
-      '7xl': '80rem',
-      full: '100%',
-      min: 'min-content',
-      max: 'max-content',
-      fit: 'fit-content',
-      prose: '65ch',
-      ...spacing,
-      ...breakpoints(theme('screens'))
-    }),
-    minHeight: ({ theme }) => ({
-      0: '0px',
-      ...theme('spacing'),
-      full: '100%',
-      screen: '100vh',
-      min: 'min-content',
-      max: 'max-content',
-      fit: 'fit-content',
-      ...spacing,
-    }),
-    minWidth: {
-      0: '0px',
-      full: '100%',
-      min: 'min-content',
-      max: 'max-content',
-      fit: 'fit-content',
-      ...spacing
-    },
-    objectPosition: {
-      bottom: 'bottom',
-      center: 'center',
-      left: 'left',
-      'left-bottom': 'left bottom',
-      'left-top': 'left top',
-      right: 'right',
-      'right-bottom': 'right bottom',
-      'right-top': 'right top',
-      top: 'top'
-    },
-    opacity: {
-      0: '0',
-      5: '0.05',
-      10: '0.1',
-      15: '0.15',
-      20: '0.2',
-      25: '0.25',
-      30: '0.3',
-      35: '0.35',
-      40: '0.4',
-      50: '0.5',
-      60: '0.6',
-      70: '0.7',
-      75: '0.75',
-      80: '0.8',
-      90: '0.9',
-      95: '0.95',
-      100: '1'
-    },
-    order: {
-      first: '-9999',
-      last: '9999',
-      none: '0',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      5: '5',
-      6: '6',
-      7: '7',
-      8: '8',
-      9: '9',
-      10: '10',
-      11: '11',
-      12: '12'
-    },
-    padding: ({ theme }) => theme('spacing'),
-    placeholderColor: ({ theme }) => theme('colors'),
-    placeholderOpacity: ({ theme }) => theme('opacity'),
-    outlineColor: ({ theme }) => theme('colors'),
-    outlineOffset: {
-      0: '0px',
-      1: '1px',
-      2: '2px',
-      4: '4px',
-      8: '8px'
-    },
-    outlineWidth: {
-      0: '0px',
-      1: '1px',
-      2: '2px',
-      4: '4px',
-      8: '8px'
-    },
-    ringColor: ({ theme }) => ({
-      DEFAULT: theme('colors.blue.500', '#3b82f6'),
-      ...theme('colors')
-    }),
-    ringOffsetColor: ({ theme }) => theme('colors'),
-    ringOffsetWidth: {
-      0: '0px',
-      1: '1px',
-      2: '2px',
-      4: '4px',
-      8: '8px'
-    },
-    ringOpacity: ({ theme }) => ({
-      DEFAULT: '0.5',
-      ...theme('opacity')
-    }),
-    ringWidth: {
-      DEFAULT: '3px',
-      0: '0px',
-      1: '1px',
-      2: '2px',
-      4: '4px',
-      8: '8px'
-    },
-    rotate: {
-      0: '0deg',
-      1: '1deg',
-      2: '2deg',
-      3: '3deg',
-      6: '6deg',
-      12: '12deg',
-      45: '45deg',
-      90: '90deg',
-      180: '180deg'
-    },
-    saturate: {
-      0: '0',
-      50: '.5',
-      100: '1',
-      150: '1.5',
-      200: '2'
-    },
-    scale: {
-      0: '0',
-      50: '.5',
-      75: '.75',
-      90: '.9',
-      95: '.95',
-      100: '1',
-      105: '1.05',
-      110: '1.1',
-      125: '1.25',
-      150: '1.5'
-    },
-    scrollMargin: ({ theme }) => ({
-      ...theme('spacing')
-    }),
-    scrollPadding: ({ theme }) => theme('spacing'),
-    sepia: {
-      0: '0',
-      DEFAULT: '100%'
-    },
-    skew: {
-      0: '0deg',
-      1: '1deg',
-      2: '2deg',
-      3: '3deg',
-      6: '6deg',
-      12: '12deg'
-    },
-    space: ({ theme }) => ({
-      ...theme('spacing')
-    }),
-    stroke: ({ theme }) => theme('colors'),
-    strokeWidth: {
-      0: '0',
-      1: '1',
-      2: '2'
-    },
-    textColor: ({ theme }) => theme('colors'),
-    textDecorationColor: ({ theme }) => theme('colors'),
-    textDecorationThickness: {
-      auto: 'auto',
-      'from-font': 'from-font',
-      0: '0px',
-      1: '1px',
-      2: '2px',
-      4: '4px',
-      8: '8px'
-    },
-    textUnderlineOffset: {
-      auto: 'auto',
-      0: '0px',
-      1: '1px',
-      2: '2px',
-      4: '4px',
-      8: '8px'
-    },
-    textIndent: ({ theme }) => ({
-      ...theme('spacing')
-    }),
-    textOpacity: ({ theme }) => theme('opacity'),
-    transformOrigin: {
-      center: 'center',
-      top: 'top',
-      'top-right': 'top right',
-      right: 'right',
-      'bottom-right': 'bottom right',
-      bottom: 'bottom',
-      'bottom-left': 'bottom left',
-      left: 'left',
-      'top-left': 'top left'
-    },
-    transitionDelay: {
-      75: '75ms',
-      100: '100ms',
-      150: '150ms',
-      200: '200ms',
-      300: '300ms',
-      500: '500ms',
-      700: '700ms',
-      1000: '1000ms'
-    },
-    transitionDuration: {
-      DEFAULT: '150ms',
-      75: '75ms',
-      100: '100ms',
-      150: '150ms',
-      200: '200ms',
-      300: '300ms',
-      500: '500ms',
-      700: '700ms',
-      1000: '1000ms'
-    },
-    transitionProperty: {
-      none: 'none',
-      all: 'all',
-      DEFAULT:
-        'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
-      colors:
-        'color, background-color, border-color, text-decoration-color, fill, stroke',
-      opacity: 'opacity',
-      shadow: 'box-shadow',
-      transform: 'transform'
-    },
-    transitionTimingFunction: {
-      DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
-      linear: 'linear',
-      in: 'cubic-bezier(0.4, 0, 1, 1)',
-      out: 'cubic-bezier(0, 0, 0.2, 1)',
-      'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)'
-    },
-    translate: ({ theme }) => ({
-      ...theme('spacing'),
-      '1/2': '50%',
-      '1/3': '33.333333%',
-      '2/3': '66.666667%',
-      '1/4': '25%',
-      '2/4': '50%',
-      '3/4': '75%',
-      full: '100%'
-    }),
-    width: ({ theme }) => ({
-      auto: 'auto',
-      ...theme('spacing'),
-      '1/2': '50%',
-      '1/3': '33.333333%',
-      '2/3': '66.666667%',
-      '1/4': '25%',
-      '2/4': '50%',
-      '3/4': '75%',
-      '1/5': '20%',
-      '2/5': '40%',
-      '3/5': '60%',
-      '4/5': '80%',
-      '1/6': '16.666667%',
-      '2/6': '33.333333%',
-      '3/6': '50%',
-      '4/6': '66.666667%',
-      '5/6': '83.333333%',
-      '1/12': '8.333333%',
-      '2/12': '16.666667%',
-      '3/12': '25%',
-      '4/12': '33.333333%',
-      '5/12': '41.666667%',
-      '6/12': '50%',
-      '7/12': '58.333333%',
-      '8/12': '66.666667%',
-      '9/12': '75%',
-      '10/12': '83.333333%',
-      '11/12': '91.666667%',
-      full: '100%',
-      screen: '100vw',
-      min: 'min-content',
-      max: 'max-content',
-      fit: 'fit-content'
-    }),
-    willChange: {
-      auto: 'auto',
-      scroll: 'scroll-position',
-      contents: 'contents',
-      transform: 'transform'
     },
-    zIndex: {
-      auto: 'auto',
-      0: '0',
-      10: '10',
-      20: '20',
-      30: '30',
-      40: '40',
-      50: '50'
-    }
   },
-  variantOrder: [
-    'first',
-    'last',
-    'odd',
-    'even',
-    'visited',
-    'checked',
-    'empty',
-    'read-only',
-    'group-hover',
-    'group-focus',
-    'focus-within',
-    'hover',
-    'focus',
-    'focus-visible',
-    'active',
-    'disabled'
-  ],
-  plugins: [require('@tailwindcss/line-clamp')]
+  plugins: [require("@tailwindcss/line-clamp")],
 }