@leaflink/stash 52.0.3 → 53.0.0

package/dist/tailwind-base.js.d.ts

@@ -0,0 +1,12 @@
+export declare const getColorClasses = () => {
+    const e = [];
+    return ["purple", "royal", "blue", "seafoam", "teal", "green", "yellow", "orange", "red", "ice"].forEach((r) => {
+        ["bg", "text", "border", "stroke"].forEach((t) => {
+            ["", "400"].forEach((a) => {
+                e.push(`tw-${t}-${r}${a ? `-${a}` : ""}`);
+            });
+        });
+    }), e;
+};
+
+export { }

package/dist/tailwind-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-base.js","sources":["../tailwind-base.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { SCREEN_SIZES } from './src/constants';\n\nexport default {\n  content: [\n    // Todo: can/should this be optimized? Where should we be looking for classes?\n    './src/**/*.{vue,ts,tsx,js,jsx,mdx}',\n  ],\n\n  prefix: 'tw-',\n\n  // ALWAYS include these color related classes. This allows us to dynamically\n  // create color classes based on a color prop in our components instead of\n  // listing the full class name like is encouraged in the docs.\n  // https://tailwindcss.com/docs/content-configuration#using-regular-expressions\n  //\n  // Note: If any stash components change which color classes they dynamically build,\n  // this needs to change. Keep this list as small as possible.\n  //\n  // Note: Patterns can only match against base utility names like /bg-red-.+/, and won’t match if the pattern\n  // includes a variant modifier like /hover:bg-red-.+/.\n  safelist: [\n    {\n      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7,9]00)$/,\n    },\n    // Illustration.vue stroke color.\n    {\n      pattern: /stroke-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-500$/,\n    },\n    // Illustration.vue dynamic text.\n    {\n      pattern: /text-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-400$/,\n    },\n    // Dynamic bg color for components using the colorScheme function (Chip, Avatar, etc.)\n    'bg-ice-200',\n    // These are custom classes that we might not use in our Stash code, but we\n    // define in Stash and want to keep in the final CSS for downstream use.\n    'heading-jumbo',\n    // allow white and black to be used dynamically\n    'bg-white',\n    'bg-black',\n    'text-white',\n    'text-black',\n    'border-white',\n    'border-black',\n  ],\n\n  // Conflicts with our own custom classes\n  // https://tailwindcss.com/docs/content-configuration#discarding-classes\n  blocklist: ['container'],\n\n  theme: {\n    screens: SCREEN_SIZES,\n\n    fontFamily: {\n      mono: ['monospace'],\n      sans: ['Sofia', 'sans-serif'],\n      /**\n       * @deprecated - use `tw-font-sans` instead!\n       */\n      sofia: ['Sofia', 'sans-serif'],\n    },\n\n    colors: {\n      white: '#fff',\n      black: '#000',\n      transparent: 'transparent',\n      inherit: 'inherit',\n\n      // --color-white: #ffffff;\n      // --color-black: #000000;\n      // --color-blue-hover: rgba(0,114,240,0.74902);\n      // --color-red-hover: rgba(228,0,43,0.74902);\n      // --color-ice-700-hover: rgba(118,121,127,0.11765);\n      // --color-white-hover: rgba(255,255,255,0.11765);\n      // --button-secondary-blue-hover: rgba(0,114,240,0.11765);\n      // --button-secondary-red-hover: rgba(228,0,43,0.11765);\n\n      // https://tailwindcss.com/docs/upgrade-guide#fill-and-stroke-use-color-palette\n      current: 'currentColor',\n\n      purple: {\n        900: '#06040F',\n        800: '#0C091E',\n        700: '#120D2D',\n        600: '#18123C',\n        500: '#1E164B',\n        400: '#4B456F',\n        300: '#787393',\n        200: '#A5A2B7',\n        100: '#D2D0DB',\n      },\n\n      royal: {\n        900: '#0A0C24',\n        800: '#131747',\n        700: '#1D236B',\n        600: '#262E8E',\n        500: '#303AB2',\n        400: '#5961C1',\n        300: '#8389D1',\n        200: '#ACB0E0',\n        100: '#D6D8F0',\n      },\n\n      blue: {\n        900: '#001730',\n        800: '#002E60',\n        700: '#004490',\n        600: '#005BC0',\n        500: '#0072F0',\n        400: '#338EF3',\n        300: '#66AAF6',\n        200: '#99C7F9',\n        100: '#CCE3FC',\n      },\n\n      teal: {\n        900: '#002528',\n        800: '#004B50',\n        700: '#017078',\n        600: '#0196A0',\n        500: '#01BBC8',\n        400: '#34C9D3',\n        300: '#67D6DE',\n        200: '#99E4E9',\n        100: '#CCF1F4',\n      },\n\n      green: {\n        900: '#062313',\n        800: '#0C4627',\n        700: '#11683A',\n        600: '#178B4E',\n        500: '#1DAE61',\n        400: '#4ABE81',\n        300: '#77CEA0',\n        200: '#A5DFC0',\n        100: '#D2EFDF',\n      },\n\n      seafoam: {\n        900: '#0C2C26',\n        800: '#18584D',\n        700: '#248373',\n        600: '#30AF9A',\n        500: '#3CDBC0',\n        400: '#63E2CD',\n        300: '#8AE9D9',\n        200: '#B1F1E6',\n        100: '#D8F8F2',\n      },\n\n      yellow: {\n        900: '#332A00',\n        800: '#665500',\n        700: '#997F00',\n        600: '#CCAA00',\n        500: '#FFD400',\n        400: '#FFDD33',\n        300: '#FFE566',\n        200: '#FFEE99',\n        100: '#FFF6CC',\n      },\n\n      orange: {\n        900: '#331E07',\n        800: '#663B0F',\n        700: '#995916',\n        600: '#CC761E',\n        500: '#FF9425',\n        400: '#FFA951',\n        300: '#FFBF7C',\n        200: '#FFD4A8',\n        100: '#FFEAD3',\n      },\n\n      red: {\n        900: '#2E0009',\n        800: '#5B0011',\n        700: '#89001A',\n        600: '#B60022',\n        500: '#E4002B',\n        400: '#E93355',\n        300: '#EF6680',\n        200: '#F499AA',\n        100: '#FACCD5',\n      },\n\n      ice: {\n        900: '#27282A',\n        800: '#4F5055',\n        700: '#76797F',\n        600: '#9EA1AA',\n        500: '#C5C9D4',\n        400: '#D1D4DD',\n        300: '#DCDFE5',\n        200: '#E8E9EE',\n        100: '#F3F4F6',\n      },\n    },\n\n    // Custom additions to Tailwind's existing utility classes.\n    // https://tailwindcss.com/docs/theme#extending-the-default-theme\n    extend: {\n      backgroundImage: {\n        'scroll-shadow': 'linear-gradient(0deg, rgb(197 201 212 / 35%), rgb(38 38 38 / 0%))',\n      },\n\n      borderWidth: {\n        6: '6px',\n        10: '10px',\n        12: '12px',\n      },\n\n      // .tw-shadow-*\n      boxShadow: {\n        // Modules or Images if necessary (Previously Shadow Low)\n        DEFAULT: '0px 2px 2px 0px rgba(38, 38, 38, 0.05), 0px 2px 6px 0px rgba(38, 38, 38, 0.10)',\n\n        // Cards Scroll Lock Modules like Global Nav or the Bulk Select Mobile Pattern\n        md: '0px 3px 3px 1px rgba(38, 38, 38, 0.05), 0px 3px 12px 1px rgba(38, 38, 38, 0.10)',\n\n        // TBD\n        lg: '0px 6px 6px 0px rgba(38, 38, 38, 0.05), 0px 6px 18px 2px rgba(38, 38, 38, 0.10), 0px 6px 18px 2px rgba(38, 38, 38, 0.15)',\n\n        // Floating UIs like the Zendesk Help center\n        xl: '0px 12px 12px 0px rgba(38, 38, 38, 0.05), 0px 12px 12px 2px rgba(38, 38, 38, 0.10), 0px 12px 24px 2px rgba(38, 38, 38, 0.15)',\n\n        // Dropdowns, Selects, Menus\n        '2xl':\n          '0px 18px 18px 4px rgba(38, 38, 38, 0.05), 0px 18px 18px 4px rgba(38, 38, 38, 0.10), 0px 18px 30px 0px rgba(38, 38, 38, 0.15)',\n\n        // Dialogs, Modals and any other Overlay types (Previously Shadow High)\n        '3xl':\n          '0px 24px 24px 0px rgba(38, 38, 38, 0.05), 0px 24px 24px 8px rgba(38, 38, 38, 0.10), 0px 24px 48px 8px rgba(38, 38, 38, 0.15)',\n\n        // @deprecated - use `tw-shadow` instead!\n        low: '0 2px 4px rgba(0, 15, 35, 0.06)',\n\n        // @deprecated - use `tw-shadow-3xl` instead!\n        high: '0 4px 8px rgba(0, 15, 35, 0.06)',\n      },\n\n      // .tw-text-*\n      // Note: All these font SIZES match tailwind! We're only overriding default\n      // line-height to match LL typography & adjust for Sofia.\n      fontSize: {\n        '2xl': [\n          '1.5rem',\n          {\n            lineHeight: 'calc(32/24)',\n          },\n        ],\n\n        xl: [\n          '1.25rem',\n          {\n            lineHeight: 'calc(28/20)',\n          },\n        ],\n\n        base: [\n          '1rem',\n          {\n            lineHeight: 'calc(24/16)',\n          },\n        ],\n\n        sm: [\n          '0.875rem',\n          {\n            lineHeight: 'calc(20/14)',\n          },\n        ],\n\n        xs: [\n          '0.75rem',\n          {\n            lineHeight: 'calc(16/12)',\n          },\n        ],\n      },\n\n      height: {\n        input: '2.25rem', // 36px\n        logo: '1.375rem', // 22px\n        topbar: '3.5rem', // 56px\n        chip: '1.375rem', // 22px\n      },\n\n      // .tw-max-h-*\n      maxHeight: {\n        'select-menu': '18.75rem', // 300px - sharable with dropdown, date, etc.\n      },\n\n      // .tw-leading-*\n      lineHeight: {\n        initial: 'initial',\n        '2xl': 'calc(32/24)',\n        xl: 'calc(28/20)',\n        base: 'calc(24/16)',\n        // for backwards compatibility with LL typography line-heights\n        body: 'calc(20/14)',\n        small: 'calc(16/12)',\n        button: 'calc(24/14)',\n      },\n\n      // .tw-min-w-*\n      minWidth: {\n        auto: 'auto',\n        input: '9rem', // 144px\n      },\n\n      // .tw-max-w-*\n      maxWidth: {\n        field: '18rem', // 288px - standard width used for form field elements\n        initial: 'initial',\n        container: '87.5rem', // 1400px - max width used for page content\n      },\n\n      // .tw-rotate-*\n      rotate: {\n        '270': '270deg',\n      },\n\n      // https://tailwindcss.com/docs/customizing-spacing\n      spacing: {\n        15: '3.75rem', // 60px (same as ll-spacing-6 to help migrate)\n        // This is the only tailwind setting dependent on a variable and this is because the\n        // variable actually has responsive styles baked in, and there's no way to do that\n        // with tailwind. Defined in `styles/base.css`.\n        gutter: 'var(--grid-gutter)',\n        sidebar: '17.5rem', // 280px\n      },\n\n      // .tw-w-*\n      width: {\n        container: '87.5rem', // 1400px\n        'inline-edit': '8.75rem', // 140px - standard width used for ll-inline-edit elements\n        'inline-edit-small': '5.6rem', // 90px - standard width used for smaller ll-inline-edit elements\n        sidebar: '17.5rem', // 280px\n        'select-menu': '5rem', // 80px\n      },\n\n      // .tw-z-*\n      zIndex: {\n        '-10': '-10',\n        '-20': '-20',\n        '-30': '-30',\n        behind: '-1',\n        content: '100', // general content on the page\n        control: '200', // for UI controls, widgets, buttons, etc. These are given one level higher priority\n        page: '300', // applies to page-level blocks, ie. site-header, side-nav, etc\n        screen: '400', // covers all \"standard\" things visible on the screen: page-level blocks, UI/control things, general content\n        modal: '1000', // covers all things except dialogs, including other elements promoted along the z-axis.\n        dialog: '1001', // covers all things, including other elements promoted along the z-axis.\n      },\n\n      animation: {\n        grow: 'grow 1s',\n        pulse: 'pulse 2s cubic-bezier(.4, 0, .6,1) infinite',\n        shake: 'shake 1s ease 0s 1 normal none running',\n        'fade-in': 'fade-in 0.3s ease-out',\n        'fade-out': 'fade-out 0.3s ease-in',\n      },\n\n      keyframes: {\n        grow: {\n          'from, to': {\n            transform: 'scale3d(1, 1, 1)',\n          },\n          '50%': {\n            transform: 'scale3d(1.25, 1.25, 1.25)',\n          },\n        },\n\n        pulse: {\n          '0%, 100%': { opacity: '1' },\n          '50%': { opacity: '0.25' },\n        },\n\n        shake: {\n          'from, to': {\n            transform: 'translate3d(0, 0, 0)',\n          },\n          '10%, 30%, 50%, 70%, 90%': {\n            transform: 'translate3d(-10px, 0, 0)',\n          },\n          '20%, 40%, 60%, 80%': {\n            transform: 'translate3d(10px, 0, 0)',\n          },\n        },\n\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n      },\n\n      // .tw-ease-*\n      transitionTimingFunction: {\n        'fast-out-slow-in': 'cubic-bezier(0.4, 0, 0.2, 1)',\n        'linear-out-slow-in': 'cubic-bezier(0, 0, 0.2, 1)',\n        'fast-out-linear-in': 'cubic-bezier(0.4, 0, 1, 1)',\n        'ease-in-out': 'cubic-bezier(0.4, 0, 0.6, 1)',\n        'fast-in-fast-out': 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n        swing: 'cubic-bezier(0.25, 0.8, 0.5, 1)',\n      },\n\n      // .tw-duration-*\n      transitionDuration: {\n        snap: '0.1s',\n        fast: '0.165s',\n        brisk: '0.333s',\n        slow: '0.5s',\n        sleepy: '1s',\n      },\n    },\n  },\n\n  corePlugins: {\n    // because we have our own\n    container: false,\n    preflight: false,\n  },\n} satisfies Config;\n\n/**\n * Utility to return a holistic array of tailwind color classes.\n *\n * This function will allow downstream applications to easily **blocklist** the same color\n * classes that are safelisted in the base preset, just in case they need to prevent unnecessarily\n * duplicating classes in their final build.\n *\n * @see {@link https://tailwindcss.com/docs/content-configuration#discarding-classes}\n */\nexport const getColorClasses = () => {\n  const classes: Array<string> = [];\n\n  ['purple', 'royal', 'blue', 'seafoam', 'teal', 'green', 'yellow', 'orange', 'red', 'ice'].forEach((color) => {\n    ['bg', 'text', 'border', 'stroke'].forEach((plugin) => {\n      ['', '400'].forEach((shade) => {\n        classes.push(`tw-${plugin}-${color}${shade ? `-${shade}` : ''}`);\n      });\n    });\n  });\n\n  return classes;\n};\n"],"names":["tailwindBase","SCREEN_SIZES","getColorClasses","classes","color","plugin","shade"],"mappings":"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"}
+{"version":3,"file":"tailwind-base.js","sources":["../tailwind-base.js"],"sourcesContent":["/**\n * This file is only meant to be used with with Tailwind CSS V3, not V4. It is here for backwards compatibility and legacy purposes.\n */\n\nimport { SCREEN_SIZES } from './src/constants';\n\nexport default {\n  content: [\n    // Todo: can/should this be optimized? Where should we be looking for classes?\n    './src/**/*.{vue,ts,tsx,js,jsx,mdx}',\n  ],\n\n  prefix: 'tw-',\n\n  // ALWAYS include these color related classes. This allows us to dynamically\n  // create color classes based on a color prop in our components instead of\n  // listing the full class name like is encouraged in the docs.\n  // https://tailwindcss.com/docs/content-configuration#using-regular-expressions\n  //\n  // Note: If any stash components change which color classes they dynamically build,\n  // this needs to change. Keep this list as small as possible.\n  //\n  // Note: Patterns can only match against base utility names like /bg-red-.+/, and won’t match if the pattern\n  // includes a variant modifier like /hover:bg-red-.+/.\n  safelist: [\n    {\n      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7,9]00)$/,\n    },\n    // Illustration.vue stroke color.\n    {\n      pattern: /stroke-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-500$/,\n    },\n    // Illustration.vue dynamic text.\n    {\n      pattern: /text-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-400$/,\n    },\n    // Dynamic bg color for components using the colorScheme function (Chip, Avatar, etc.)\n    'bg-ice-200',\n    // These are custom classes that we might not use in our Stash code, but we\n    // define in Stash and want to keep in the final CSS for downstream use.\n    'heading-jumbo',\n    // allow white and black to be used dynamically\n    'bg-white',\n    'bg-black',\n    'text-white',\n    'text-black',\n    'border-white',\n    'border-black',\n  ],\n\n  // Conflicts with our own custom classes\n  // https://tailwindcss.com/docs/content-configuration#discarding-classes\n  blocklist: ['container'],\n\n  theme: {\n    screens: SCREEN_SIZES,\n\n    fontFamily: {\n      mono: ['monospace'],\n      sans: ['Sofia', 'sans-serif'],\n      /**\n       * @deprecated - use `tw-font-sans` instead!\n       */\n      sofia: ['Sofia', 'sans-serif'],\n    },\n\n    colors: {\n      white: '#fff',\n      black: '#000',\n      transparent: 'transparent',\n      inherit: 'inherit',\n\n      // --color-white: #ffffff;\n      // --color-black: #000000;\n      // --color-blue-hover: rgba(0,114,240,0.74902);\n      // --color-red-hover: rgba(228,0,43,0.74902);\n      // --color-ice-700-hover: rgba(118,121,127,0.11765);\n      // --color-white-hover: rgba(255,255,255,0.11765);\n      // --button-secondary-blue-hover: rgba(0,114,240,0.11765);\n      // --button-secondary-red-hover: rgba(228,0,43,0.11765);\n\n      // https://tailwindcss.com/docs/upgrade-guide#fill-and-stroke-use-color-palette\n      current: 'currentColor',\n\n      purple: {\n        900: '#06040F',\n        800: '#0C091E',\n        700: '#120D2D',\n        600: '#18123C',\n        500: '#1E164B',\n        400: '#4B456F',\n        300: '#787393',\n        200: '#A5A2B7',\n        100: '#D2D0DB',\n      },\n\n      royal: {\n        900: '#0A0C24',\n        800: '#131747',\n        700: '#1D236B',\n        600: '#262E8E',\n        500: '#303AB2',\n        400: '#5961C1',\n        300: '#8389D1',\n        200: '#ACB0E0',\n        100: '#D6D8F0',\n      },\n\n      blue: {\n        900: '#001730',\n        800: '#002E60',\n        700: '#004490',\n        600: '#005BC0',\n        500: '#0072F0',\n        400: '#338EF3',\n        300: '#66AAF6',\n        200: '#99C7F9',\n        100: '#CCE3FC',\n      },\n\n      teal: {\n        900: '#002528',\n        800: '#004B50',\n        700: '#017078',\n        600: '#0196A0',\n        500: '#01BBC8',\n        400: '#34C9D3',\n        300: '#67D6DE',\n        200: '#99E4E9',\n        100: '#CCF1F4',\n      },\n\n      green: {\n        900: '#062313',\n        800: '#0C4627',\n        700: '#11683A',\n        600: '#178B4E',\n        500: '#1DAE61',\n        400: '#4ABE81',\n        300: '#77CEA0',\n        200: '#A5DFC0',\n        100: '#D2EFDF',\n      },\n\n      seafoam: {\n        900: '#0C2C26',\n        800: '#18584D',\n        700: '#248373',\n        600: '#30AF9A',\n        500: '#3CDBC0',\n        400: '#63E2CD',\n        300: '#8AE9D9',\n        200: '#B1F1E6',\n        100: '#D8F8F2',\n      },\n\n      yellow: {\n        900: '#332A00',\n        800: '#665500',\n        700: '#997F00',\n        600: '#CCAA00',\n        500: '#FFD400',\n        400: '#FFDD33',\n        300: '#FFE566',\n        200: '#FFEE99',\n        100: '#FFF6CC',\n      },\n\n      orange: {\n        900: '#331E07',\n        800: '#663B0F',\n        700: '#995916',\n        600: '#CC761E',\n        500: '#FF9425',\n        400: '#FFA951',\n        300: '#FFBF7C',\n        200: '#FFD4A8',\n        100: '#FFEAD3',\n      },\n\n      red: {\n        900: '#2E0009',\n        800: '#5B0011',\n        700: '#89001A',\n        600: '#B60022',\n        500: '#E4002B',\n        400: '#E93355',\n        300: '#EF6680',\n        200: '#F499AA',\n        100: '#FACCD5',\n      },\n\n      ice: {\n        900: '#27282A',\n        800: '#4F5055',\n        700: '#76797F',\n        600: '#9EA1AA',\n        500: '#C5C9D4',\n        400: '#D1D4DD',\n        300: '#DCDFE5',\n        200: '#E8E9EE',\n        100: '#F3F4F6',\n      },\n    },\n\n    // Custom additions to Tailwind's existing utility classes.\n    // https://tailwindcss.com/docs/theme#extending-the-default-theme\n    extend: {\n      backgroundImage: {\n        'scroll-shadow': 'linear-gradient(0deg, rgb(197 201 212 / 35%), rgb(38 38 38 / 0%))',\n      },\n\n      borderWidth: {\n        6: '6px',\n        10: '10px',\n        12: '12px',\n      },\n\n      // .tw-shadow-*\n      boxShadow: {\n        // Modules or Images if necessary (Previously Shadow Low)\n        DEFAULT: '0px 2px 2px 0px rgba(38, 38, 38, 0.05), 0px 2px 6px 0px rgba(38, 38, 38, 0.10)',\n\n        // Cards Scroll Lock Modules like Global Nav or the Bulk Select Mobile Pattern\n        md: '0px 3px 3px 1px rgba(38, 38, 38, 0.05), 0px 3px 12px 1px rgba(38, 38, 38, 0.10)',\n\n        // TBD\n        lg: '0px 6px 6px 0px rgba(38, 38, 38, 0.05), 0px 6px 18px 2px rgba(38, 38, 38, 0.10), 0px 6px 18px 2px rgba(38, 38, 38, 0.15)',\n\n        // Floating UIs like the Zendesk Help center\n        xl: '0px 12px 12px 0px rgba(38, 38, 38, 0.05), 0px 12px 12px 2px rgba(38, 38, 38, 0.10), 0px 12px 24px 2px rgba(38, 38, 38, 0.15)',\n\n        // Dropdowns, Selects, Menus\n        '2xl':\n          '0px 18px 18px 4px rgba(38, 38, 38, 0.05), 0px 18px 18px 4px rgba(38, 38, 38, 0.10), 0px 18px 30px 0px rgba(38, 38, 38, 0.15)',\n\n        // Dialogs, Modals and any other Overlay types (Previously Shadow High)\n        '3xl':\n          '0px 24px 24px 0px rgba(38, 38, 38, 0.05), 0px 24px 24px 8px rgba(38, 38, 38, 0.10), 0px 24px 48px 8px rgba(38, 38, 38, 0.15)',\n\n        // @deprecated - use `tw-shadow` instead!\n        low: '0 2px 4px rgba(0, 15, 35, 0.06)',\n\n        // @deprecated - use `tw-shadow-3xl` instead!\n        high: '0 4px 8px rgba(0, 15, 35, 0.06)',\n      },\n\n      // .tw-text-*\n      // Note: All these font SIZES match tailwind! We're only overriding default\n      // line-height to match LL typography & adjust for Sofia.\n      fontSize: {\n        '2xl': [\n          '1.5rem',\n          {\n            lineHeight: 'calc(32/24)',\n          },\n        ],\n\n        xl: [\n          '1.25rem',\n          {\n            lineHeight: 'calc(28/20)',\n          },\n        ],\n\n        base: [\n          '1rem',\n          {\n            lineHeight: 'calc(24/16)',\n          },\n        ],\n\n        sm: [\n          '0.875rem',\n          {\n            lineHeight: 'calc(20/14)',\n          },\n        ],\n\n        xs: [\n          '0.75rem',\n          {\n            lineHeight: 'calc(16/12)',\n          },\n        ],\n      },\n\n      height: {\n        input: '2.25rem', // 36px\n        logo: '1.375rem', // 22px\n        topbar: '3.5rem', // 56px\n        chip: '1.375rem', // 22px\n      },\n\n      // .tw-max-h-*\n      maxHeight: {\n        'select-menu': '18.75rem', // 300px - sharable with dropdown, date, etc.\n      },\n\n      // .tw-leading-*\n      lineHeight: {\n        initial: 'initial',\n        '2xl': 'calc(32/24)',\n        xl: 'calc(28/20)',\n        base: 'calc(24/16)',\n        // for backwards compatibility with LL typography line-heights\n        body: 'calc(20/14)',\n        small: 'calc(16/12)',\n        button: 'calc(24/14)',\n      },\n\n      // .tw-min-w-*\n      minWidth: {\n        auto: 'auto',\n        input: '9rem', // 144px\n      },\n\n      // .tw-max-w-*\n      maxWidth: {\n        field: '18rem', // 288px - standard width used for form field elements\n        initial: 'initial',\n        container: '87.5rem', // 1400px - max width used for page content\n      },\n\n      // .tw-rotate-*\n      rotate: {\n        270: '270deg',\n      },\n\n      // https://tailwindcss.com/docs/customizing-spacing\n      spacing: {\n        15: '3.75rem', // 60px (same as ll-spacing-6 to help migrate)\n        // This is the only tailwind setting dependent on a variable and this is because the\n        // variable actually has responsive styles baked in, and there's no way to do that\n        // with tailwind. Defined in `styles/base.css`.\n        gutter: 'var(--grid-gutter)',\n        sidebar: '17.5rem', // 280px\n      },\n\n      // .tw-w-*\n      width: {\n        container: '87.5rem', // 1400px\n        'inline-edit': '8.75rem', // 140px - standard width used for ll-inline-edit elements\n        'inline-edit-small': '5.6rem', // 90px - standard width used for smaller ll-inline-edit elements\n        sidebar: '17.5rem', // 280px\n        'select-menu': '5rem', // 80px\n      },\n\n      // .tw-z-*\n      zIndex: {\n        '-10': '-10',\n        '-20': '-20',\n        '-30': '-30',\n        behind: '-1',\n        content: '100', // general content on the page\n        control: '200', // for UI controls, widgets, buttons, etc. These are given one level higher priority\n        page: '300', // applies to page-level blocks, ie. site-header, side-nav, etc\n        screen: '400', // covers all \"standard\" things visible on the screen: page-level blocks, UI/control things, general content\n        modal: '1000', // covers all things except dialogs, including other elements promoted along the z-axis.\n        dialog: '1001', // covers all things, including other elements promoted along the z-axis.\n      },\n\n      animation: {\n        grow: 'grow 1s',\n        pulse: 'pulse 2s cubic-bezier(.4, 0, .6,1) infinite',\n        shake: 'shake 1s ease 0s 1 normal none running',\n        'fade-in': 'fade-in 0.3s ease-out',\n        'fade-out': 'fade-out 0.3s ease-in',\n      },\n\n      keyframes: {\n        grow: {\n          'from, to': {\n            transform: 'scale3d(1, 1, 1)',\n          },\n          '50%': {\n            transform: 'scale3d(1.25, 1.25, 1.25)',\n          },\n        },\n\n        pulse: {\n          '0%, 100%': { opacity: '1' },\n          '50%': { opacity: '0.25' },\n        },\n\n        shake: {\n          'from, to': {\n            transform: 'translate3d(0, 0, 0)',\n          },\n          '10%, 30%, 50%, 70%, 90%': {\n            transform: 'translate3d(-10px, 0, 0)',\n          },\n          '20%, 40%, 60%, 80%': {\n            transform: 'translate3d(10px, 0, 0)',\n          },\n        },\n\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n      },\n\n      // .tw-ease-*\n      transitionTimingFunction: {\n        'fast-out-slow-in': 'cubic-bezier(0.4, 0, 0.2, 1)',\n        'linear-out-slow-in': 'cubic-bezier(0, 0, 0.2, 1)',\n        'fast-out-linear-in': 'cubic-bezier(0.4, 0, 1, 1)',\n        'ease-in-out': 'cubic-bezier(0.4, 0, 0.6, 1)',\n        'fast-in-fast-out': 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n        swing: 'cubic-bezier(0.25, 0.8, 0.5, 1)',\n      },\n\n      // .tw-duration-*\n      transitionDuration: {\n        snap: '0.1s',\n        fast: '0.165s',\n        brisk: '0.333s',\n        slow: '0.5s',\n        sleepy: '1s',\n      },\n    },\n  },\n\n  corePlugins: {\n    // because we have our own\n    container: false,\n    preflight: false,\n  },\n};\n\n/**\n * Utility to return a holistic array of tailwind color classes.\n *\n * This function will allow downstream applications to easily **blocklist** the same color\n * classes that are safelisted in the base preset, just in case they need to prevent unnecessarily\n * duplicating classes in their final build.\n *\n * @see {@link https://tailwindcss.com/docs/content-configuration#discarding-classes}\n */\nexport const getColorClasses = () => {\n  const classes = [];\n\n  ['purple', 'royal', 'blue', 'seafoam', 'teal', 'green', 'yellow', 'orange', 'red', 'ice'].forEach((color) => {\n    ['bg', 'text', 'border', 'stroke'].forEach((plugin) => {\n      ['', '400'].forEach((shade) => {\n        classes.push(`tw-${plugin}-${color}${shade ? `-${shade}` : ''}`);\n      });\n    });\n  });\n\n  return classes;\n};\n"],"names":["tailwindBase","SCREEN_SIZES","getColorClasses","classes","color","plugin","shade"],"mappings":"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"}

package/dist/useSortable.js

@@ -1,5 +1,5 @@
 import v from "@leaflink/snitch";
-import { u as I } from "./index-C14LhAwV.js";
+import { a as I } from "./index-DBV9Uz0C.js";
 import { isRef as w, toValue as D, nextTick as A, computed as i, ref as y, watch as S, onMounted as $, onBeforeUnmount as G } from "vue";
 function O({ list: n, from: s, to: e }) {
   if (s === e) return;

package/dist/utils/helpers.js

@@ -18,7 +18,7 @@ function k(r, e) {
     return !0;
   }) : r;
 }
-function w(r, e) {
+function B(r, e) {
   const { sortBy: t, sortDesc: c, customSorter: s, locale: l = "en" } = e, i = r.length && typeof r[0] == "object";
   return !t && i ? r : [...r].sort((m, p) => {
     let o = a(m, t) || m, n = a(p, t) || p;
@@ -32,13 +32,13 @@ function w(r, e) {
     return 0;
   });
 }
-function B(r) {
+function D(r) {
   return g(r) && (r = r.toString()), !r || typeof r != "string" ? "" : r.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function D(r) {
+function I(r) {
   return r.split("").reduce((e, t) => (e = (e << 5) - e + t.charCodeAt(0), e & e), 0);
 }
-function I() {
+function R() {
   const r = document.querySelector(f);
   if (!r) {
     const e = document.createElement("div");
@@ -46,7 +46,7 @@ function I() {
   }
   return r;
 }
-function R(r) {
+function _(r) {
   let e = r;
   return e.substring(0, 2) !== "--" && (e = `--${e}`), getComputedStyle(document.documentElement).getPropertyValue(e);
 }
@@ -54,7 +54,7 @@ function O(r = "") {
   const e = r.toUpperCase();
   return e === L ? e : e.slice(0, 3);
 }
-function _(r, e) {
+function j(r, e) {
   let t;
   try {
     switch (r) {
@@ -62,7 +62,7 @@ function _(r, e) {
         e = O(e), t = N[e];
         break;
       case "order":
-        t = "tw-bg-" + S[e.toUpperCase()].color;
+        t = "bg-" + S[e.toUpperCase()].color;
         break;
       case "certified-seller":
         t = y[d(e)].color;
@@ -71,19 +71,19 @@ function _(r, e) {
         t = b[e.toUpperCase()].color;
         break;
     }
-    return t || "tw-bg-ice-500";
+    return t || "bg-ice-500";
   } catch {
-    return "tw-bg-ice-500";
+    return "bg-ice-500";
   }
 }
 export {
   k as filterItems,
   O as formatLicenseTypeText,
-  _ as generateColorClass,
-  R as getCssVar,
-  I as getMountPoint,
-  D as hashCode,
-  B as normalizeText,
-  w as sortItems
+  j as generateColorClass,
+  _ as getCssVar,
+  R as getMountPoint,
+  I as hashCode,
+  D as normalizeText,
+  B as sortItems
 };
 //# sourceMappingURL=helpers.js.map

package/dist/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/utils/helpers.ts"],"sourcesContent":["import camelCase from 'lodash-es/camelCase';\nimport get from 'lodash-es/get';\nimport isFinite from 'lodash-es/isFinite';\nimport isPlainObject from 'lodash-es/isPlainObject';\n\nimport { INBOUND_LEADS, LICENSE_COLORS, ORDER, SELLER_STATUSES } from '../constants';\n\nconst BULK = 'BULK';\nconst MOUNT_POINT_CLASS = '.mount-point-container';\n\n/**\n * Filters the list of `items` based on options selected in the `filters` object\n * @param {array} items A list of items to filter\n * @param {IFilter} options an options object for the filtering configuration\n */\nexport function filterItems(items, filters) {\n  if (!Object.keys(filters).length) {\n    return items;\n  }\n\n  return items.filter((item) => {\n    for (const key in filters) {\n      // eg. `brand`, `category`, `status`...\n      const filter = filters[key]; // IFilter;\n      const filterValues = filter.filterBy; // eg. ['1906', 'LuvBuds'], ['vape', 'pen', 'flower']\n      let itemValue = get(item, key.split('.')); // eg `LuvBuds`, 'vape'\n\n      // TODO take care of this upstream. ie write custom filter function if itemValue is an object\n      // ie.  if (typeof itemValue !== 'string' || typeof itemValue !== 'number' )\n      if (isPlainObject(itemValue)) {\n        itemValue = item[key].id;\n      }\n\n      if ('customFilter' in filter) {\n        // custom function should return `false` when the filter logic does not match\n        if (!filter.customFilter(filterValues, itemValue, item)) {\n          return false;\n        }\n      } else {\n        if (!Array.isArray(itemValue) && !~filterValues.indexOf(itemValue)) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  });\n}\n\n/**\n * Sorts an array of items\n * @param {Array} items the list of things to sort\n * @param {ISort} options an options object for the sorting configuration\n *   sortBy: the object key to sort on\n *   sortDesc: whether to sort descending or not\n *   customSorter: a custom sorting function\n *\n * https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L381\n */\nexport function sortItems(items, options) {\n  const { sortBy, sortDesc, customSorter, locale = 'en' } = options;\n  const isObject = items.length && typeof items[0] === 'object';\n\n  if (!sortBy && isObject) {\n    return items;\n  }\n\n  return [...items].sort((a, b) => {\n    let sortA = get(a, sortBy) || a;\n    let sortB = get(b, sortBy) || b;\n\n    if (sortDesc) {\n      [sortA, sortB] = [sortB, sortA];\n    }\n\n    if (customSorter) {\n      return customSorter(sortA, sortB);\n    }\n\n    [sortA, sortB] = [sortA, sortB].map((s) => (s || '').toString().toLocaleLowerCase());\n\n    if (sortA !== sortB) {\n      const sortResult =\n        !isNaN(sortA) && !isNaN(sortB) ? Number(sortA) - Number(sortB) : sortA.localeCompare(sortB, locale);\n\n      if (sortResult) {\n        return sortResult;\n      }\n    }\n\n    return 0;\n  });\n}\n\n/**\n * Removes all accents/diacritics and converts to lower case\n * @param {string} text to normalize\n */\nexport function normalizeText(text) {\n  if (isFinite(text)) {\n    text = text.toString();\n  }\n\n  if (!text || typeof text !== 'string') {\n    return '';\n  }\n\n  /**\n   * NFD splits the canonical form and the regex removed only accent characters\n   * see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize for more detail.\n   */\n  return text\n    .toLowerCase()\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '');\n}\n\n/**\n * Generates a hash code from a string\n * @param {string} s The string to generate a hash from\n * @see https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript/52171480\n */\nexport function hashCode(s) {\n  return s.split('').reduce((a, b) => {\n    a = (a << 5) - a + b.charCodeAt(0);\n    return a & a;\n  }, 0);\n}\n\n/**\n * Returns the mount point for elements that will reattach themselves, or creates one if not available\n */\nexport function getMountPoint() {\n  const el = document.querySelector(MOUNT_POINT_CLASS);\n\n  if (!el) {\n    const div = document.createElement('div');\n\n    div.className = MOUNT_POINT_CLASS.slice(1, MOUNT_POINT_CLASS.length);\n    return document.body.appendChild(div);\n  }\n\n  return el;\n}\n\n/**\n * Retrieves the value of a css variable\n *\n * @param {string} name name of the css var, with or without `--`\n * @return {string} value of the css var\n */\nexport function getCssVar(name) {\n  let variable = name;\n\n  if (variable.substring(0, 2) !== '--') {\n    variable = `--${variable}`;\n  }\n\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\n/**\n * Format the license type text to display\n * @param {string} licenseType the first three characters of the licenseType\n */\nexport function formatLicenseTypeText(licenseType = '') {\n  const type = licenseType.toUpperCase();\n\n  return type === BULK ? type : type.slice(0, 3);\n}\n\nexport function generateColorClass(type, value) {\n  let color;\n\n  try {\n    switch (type) {\n      case 'license':\n        value = formatLicenseTypeText(value);\n        color = LICENSE_COLORS[value];\n        break;\n      case 'order':\n        color = 'tw-bg-' + ORDER[value.toUpperCase()].color;\n        break;\n      case 'certified-seller':\n        color = SELLER_STATUSES[camelCase(value)].color;\n        break;\n      case 'inbound-leads':\n        color = INBOUND_LEADS[value.toUpperCase()].color;\n        break;\n    }\n\n    return color || 'tw-bg-ice-500';\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  } catch (err) {\n    return 'tw-bg-ice-500';\n  }\n}\n"],"names":["BULK","MOUNT_POINT_CLASS","filterItems","items","filters","item","key","filter","filterValues","itemValue","get","isPlainObject","sortItems","options","sortBy","sortDesc","customSorter","locale","isObject","a","b","sortA","sortB","s","sortResult","normalizeText","text","isFinite","hashCode","getMountPoint","el","div","getCssVar","name","variable","formatLicenseTypeText","licenseType","type","generateColorClass","value","color","LICENSE_COLORS","ORDER","SELLER_STATUSES","camelCase","INBOUND_LEADS"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../src/utils/helpers.ts"],"sourcesContent":["import camelCase from 'lodash-es/camelCase';\nimport get from 'lodash-es/get';\nimport isFinite from 'lodash-es/isFinite';\nimport isPlainObject from 'lodash-es/isPlainObject';\n\nimport { INBOUND_LEADS, LICENSE_COLORS, ORDER, SELLER_STATUSES } from '../constants';\n\nconst BULK = 'BULK';\nconst MOUNT_POINT_CLASS = '.mount-point-container';\n\n/**\n * Filters the list of `items` based on options selected in the `filters` object\n * @param {array} items A list of items to filter\n * @param {IFilter} options an options object for the filtering configuration\n */\nexport function filterItems(items, filters) {\n  if (!Object.keys(filters).length) {\n    return items;\n  }\n\n  return items.filter((item) => {\n    for (const key in filters) {\n      // eg. `brand`, `category`, `status`...\n      const filter = filters[key]; // IFilter;\n      const filterValues = filter.filterBy; // eg. ['1906', 'LuvBuds'], ['vape', 'pen', 'flower']\n      let itemValue = get(item, key.split('.')); // eg `LuvBuds`, 'vape'\n\n      // TODO take care of this upstream. ie write custom filter function if itemValue is an object\n      // ie.  if (typeof itemValue !== 'string' || typeof itemValue !== 'number' )\n      if (isPlainObject(itemValue)) {\n        itemValue = item[key].id;\n      }\n\n      if ('customFilter' in filter) {\n        // custom function should return `false` when the filter logic does not match\n        if (!filter.customFilter(filterValues, itemValue, item)) {\n          return false;\n        }\n      } else {\n        if (!Array.isArray(itemValue) && !~filterValues.indexOf(itemValue)) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  });\n}\n\n/**\n * Sorts an array of items\n * @param {Array} items the list of things to sort\n * @param {ISort} options an options object for the sorting configuration\n *   sortBy: the object key to sort on\n *   sortDesc: whether to sort descending or not\n *   customSorter: a custom sorting function\n *\n * https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L381\n */\nexport function sortItems(items, options) {\n  const { sortBy, sortDesc, customSorter, locale = 'en' } = options;\n  const isObject = items.length && typeof items[0] === 'object';\n\n  if (!sortBy && isObject) {\n    return items;\n  }\n\n  return [...items].sort((a, b) => {\n    let sortA = get(a, sortBy) || a;\n    let sortB = get(b, sortBy) || b;\n\n    if (sortDesc) {\n      [sortA, sortB] = [sortB, sortA];\n    }\n\n    if (customSorter) {\n      return customSorter(sortA, sortB);\n    }\n\n    [sortA, sortB] = [sortA, sortB].map((s) => (s || '').toString().toLocaleLowerCase());\n\n    if (sortA !== sortB) {\n      const sortResult =\n        !isNaN(sortA) && !isNaN(sortB) ? Number(sortA) - Number(sortB) : sortA.localeCompare(sortB, locale);\n\n      if (sortResult) {\n        return sortResult;\n      }\n    }\n\n    return 0;\n  });\n}\n\n/**\n * Removes all accents/diacritics and converts to lower case\n * @param {string} text to normalize\n */\nexport function normalizeText(text) {\n  if (isFinite(text)) {\n    text = text.toString();\n  }\n\n  if (!text || typeof text !== 'string') {\n    return '';\n  }\n\n  /**\n   * NFD splits the canonical form and the regex removed only accent characters\n   * see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize for more detail.\n   */\n  return text\n    .toLowerCase()\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '');\n}\n\n/**\n * Generates a hash code from a string\n * @param {string} s The string to generate a hash from\n * @see https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript/52171480\n */\nexport function hashCode(s) {\n  return s.split('').reduce((a, b) => {\n    a = (a << 5) - a + b.charCodeAt(0);\n    return a & a;\n  }, 0);\n}\n\n/**\n * Returns the mount point for elements that will reattach themselves, or creates one if not available\n */\nexport function getMountPoint() {\n  const el = document.querySelector(MOUNT_POINT_CLASS);\n\n  if (!el) {\n    const div = document.createElement('div');\n\n    div.className = MOUNT_POINT_CLASS.slice(1, MOUNT_POINT_CLASS.length);\n    return document.body.appendChild(div);\n  }\n\n  return el;\n}\n\n/**\n * Retrieves the value of a css variable\n *\n * @param {string} name name of the css var, with or without `--`\n * @return {string} value of the css var\n */\nexport function getCssVar(name) {\n  let variable = name;\n\n  if (variable.substring(0, 2) !== '--') {\n    variable = `--${variable}`;\n  }\n\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\n/**\n * Format the license type text to display\n * @param {string} licenseType the first three characters of the licenseType\n */\nexport function formatLicenseTypeText(licenseType = '') {\n  const type = licenseType.toUpperCase();\n\n  return type === BULK ? type : type.slice(0, 3);\n}\n\nexport function generateColorClass(type, value) {\n  let color;\n\n  try {\n    switch (type) {\n      case 'license':\n        value = formatLicenseTypeText(value);\n        color = LICENSE_COLORS[value];\n        break;\n      case 'order':\n        color = 'bg-' + ORDER[value.toUpperCase()].color;\n        break;\n      case 'certified-seller':\n        color = SELLER_STATUSES[camelCase(value)].color;\n        break;\n      case 'inbound-leads':\n        color = INBOUND_LEADS[value.toUpperCase()].color;\n        break;\n    }\n\n    return color || 'bg-ice-500';\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  } catch (err) {\n    return 'bg-ice-500';\n  }\n}\n"],"names":["BULK","MOUNT_POINT_CLASS","filterItems","items","filters","item","key","filter","filterValues","itemValue","get","isPlainObject","sortItems","options","sortBy","sortDesc","customSorter","locale","isObject","a","b","sortA","sortB","s","sortResult","normalizeText","text","isFinite","hashCode","getMountPoint","el","div","getCssVar","name","variable","formatLicenseTypeText","licenseType","type","generateColorClass","value","color","LICENSE_COLORS","ORDER","SELLER_STATUSES","camelCase","INBOUND_LEADS"],"mappings":";;;;;AAOA,MAAMA,IAAO,QACPC,IAAoB;AAOnB,SAASC,EAAYC,GAAOC,GAAS;AAC1C,SAAK,OAAO,KAAKA,CAAO,EAAE,SAInBD,EAAM,OAAO,CAACE,MAAS;AAC5B,eAAWC,KAAOF,GAAS;AAEzB,YAAMG,IAASH,EAAQE,CAAG,GACpBE,IAAeD,EAAO;AAC5B,UAAIE,IAAYC,EAAIL,GAAMC,EAAI,MAAM,GAAG,CAAC;AAQxC,UAJIK,EAAcF,CAAS,MACzBA,IAAYJ,EAAKC,CAAG,EAAE,KAGpB,kBAAkBC;AAEpB,YAAI,CAACA,EAAO,aAAaC,GAAcC,GAAWJ,CAAI;AACpD,iBAAO;AAAA,iBAGL,CAAC,MAAM,QAAQI,CAAS,KAAK,CAAC,CAACD,EAAa,QAAQC,CAAS;AAC/D,eAAO;AAAA,IAGb;AAEA,WAAO;AAAA,EACT,CAAC,IA7BQN;AA8BX;AAYO,SAASS,EAAUT,GAAOU,GAAS;AACxC,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,cAAAC,GAAc,QAAAC,IAAS,SAASJ,GACpDK,IAAWf,EAAM,UAAU,OAAOA,EAAM,CAAC,KAAM;AAErD,SAAI,CAACW,KAAUI,IACNf,IAGF,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACgB,GAAGC,MAAM;AAC/B,QAAIC,IAAQX,EAAIS,GAAGL,CAAM,KAAKK,GAC1BG,IAAQZ,EAAIU,GAAGN,CAAM,KAAKM;AAM9B,QAJIL,MACF,CAACM,GAAOC,CAAK,IAAI,CAACA,GAAOD,CAAK,IAG5BL;AACF,aAAOA,EAAaK,GAAOC,CAAK;AAKlC,QAFA,CAACD,GAAOC,CAAK,IAAI,CAACD,GAAOC,CAAK,EAAE,IAAI,CAACC,OAAOA,KAAK,IAAI,SAAA,EAAW,mBAAmB,GAE/EF,MAAUC,GAAO;AACnB,YAAME,IACJ,CAAC,MAAMH,CAAK,KAAK,CAAC,MAAMC,CAAK,IAAI,OAAOD,CAAK,IAAI,OAAOC,CAAK,IAAID,EAAM,cAAcC,GAAOL,CAAM;AAEpG,UAAIO;AACF,eAAOA;AAAA,IAEX;AAEA,WAAO;AAAA,EACT,CAAC;AACH;AAMO,SAASC,EAAcC,GAAM;AAKlC,SAJIC,EAASD,CAAI,MACfA,IAAOA,EAAK,SAAA,IAGV,CAACA,KAAQ,OAAOA,KAAS,WACpB,KAOFA,EACJ,cACA,UAAU,KAAK,EACf,QAAQ,oBAAoB,EAAE;AACnC;AAOO,SAASE,EAASL,GAAG;AAC1B,SAAOA,EAAE,MAAM,EAAE,EAAE,OAAO,CAACJ,GAAGC,OAC5BD,KAAKA,KAAK,KAAKA,IAAIC,EAAE,WAAW,CAAC,GAC1BD,IAAIA,IACV,CAAC;AACN;AAKO,SAASU,IAAgB;AAC9B,QAAMC,IAAK,SAAS,cAAc7B,CAAiB;AAEnD,MAAI,CAAC6B,GAAI;AACP,UAAMC,IAAM,SAAS,cAAc,KAAK;AAExC,WAAAA,EAAI,YAAY9B,EAAkB,MAAM,GAAGA,EAAkB,MAAM,GAC5D,SAAS,KAAK,YAAY8B,CAAG;AAAA,EACtC;AAEA,SAAOD;AACT;AAQO,SAASE,EAAUC,GAAM;AAC9B,MAAIC,IAAWD;AAEf,SAAIC,EAAS,UAAU,GAAG,CAAC,MAAM,SAC/BA,IAAW,KAAKA,CAAQ,KAGnB,iBAAiB,SAAS,eAAe,EAAE,iBAAiBA,CAAQ;AAC7E;AAMO,SAASC,EAAsBC,IAAc,IAAI;AACtD,QAAMC,IAAOD,EAAY,YAAA;AAEzB,SAAOC,MAASrC,IAAOqC,IAAOA,EAAK,MAAM,GAAG,CAAC;AAC/C;AAEO,SAASC,EAAmBD,GAAME,GAAO;AAC9C,MAAIC;AAEJ,MAAI;AACF,YAAQH,GAAA;AAAA,MACN,KAAK;AACH,QAAAE,IAAQJ,EAAsBI,CAAK,GACnCC,IAAQC,EAAeF,CAAK;AAC5B;AAAA,MACF,KAAK;AACH,QAAAC,IAAQ,QAAQE,EAAMH,EAAM,YAAA,CAAa,EAAE;AAC3C;AAAA,MACF,KAAK;AACH,QAAAC,IAAQG,EAAgBC,EAAUL,CAAK,CAAC,EAAE;AAC1C;AAAA,MACF,KAAK;AACH,QAAAC,IAAQK,EAAcN,EAAM,YAAA,CAAa,EAAE;AAC3C;AAAA,IAAA;AAGJ,WAAOC,KAAS;AAAA,EAElB,QAAc;AACZ,WAAO;AAAA,EACT;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "52.0.3",
+  "version": "53.0.0",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",
@@ -51,8 +51,7 @@
     "assets",
     "dist",
     "styles",
-    "types",
-    "tailwind-base.ts"
+    "types"
   ],
   "repository": {
     "type": "git",
@@ -120,8 +119,9 @@
     "@babel/core": "7.26.10",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-typescript": "7.26.0",
-    "@leaflink/eslint-config": "^4.1.4",
+    "@leaflink/eslint-config": "4.4.0",
     "@rollup/pluginutils": "^5.1.1",
+    "@tailwindcss/postcss": "4.1.16",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.5.2",
     "@testing-library/vue": "^8.1.0",
@@ -130,10 +130,9 @@
     "@types/plaid-link": "^2.0.15",
     "@vitejs/plugin-vue": "5.2.1",
     "@vitejs/plugin-vue-jsx": "4.1.1",
-    "@vitest/coverage-v8": "3.0.8",
+    "@vitest/coverage-v8": "3.2.4",
     "@vue/babel-plugin-jsx": "1.4.0",
     "@vue/test-utils": "^2.4.6",
-    "autoprefixer": "^10.4.20",
     "commitlint": "^19.8.1",
     "doctoc": "^2.2.1",
     "eslint": "^9.31.0",
@@ -142,10 +141,10 @@
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
     "medium-zoom": "^1.1.0",
-    "postcss": "^8.4.47",
-    "postcss-html": "^1.7.0",
+    "postcss": "8.5.6",
+    "postcss-html": "1.8.0",
     "postcss-prefix-selector": "^1.16.1",
-    "postcss-preset-env": "^10.0.5",
+    "postcss-preset-env": "10.4.0",
     "prettier": "^3.6.2",
     "quill": "^2.0.2",
     "rollup-plugin-copy": "^3.5.0",
@@ -153,20 +152,21 @@
     "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-config-standard-vue": "^1.0.0",
     "svg-sprite": "^2.0.4",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "4.1.16",
     "typescript": "5.4.2",
     "vite": "6.2.2",
     "vite-plugin-dts": "3.9.1",
     "vite-svg-loader": "^5.1.0",
-    "vitepress": "1.6.3",
-    "vitest": "3.0.8",
-    "vue-component-meta": "2.2.8",
-    "vue-eslint-parser": "^9.4.3",
+    "vitepress": "1.6.4",
+    "vitest": "3.2.4",
+    "vue-component-meta": "3.0.6",
+    "vue-eslint-parser": "10.2.0",
     "vue-tsc": "2.2.8"
   },
   "peerDependencies": {
+    "@leaflink/eslint-config": "^4.4.0",
     "lodash-es": "^4.x.x",
-    "tailwindcss": "^3.3.1",
+    "tailwindcss": "^4.x.x",
     "vue-router": "^4.x.x"
   },
   "peerDependenciesMeta": {