buildfiles

node_modules/tailwind-scrollbar/src/helpers.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Gets the underlying default import of a module.
+ *
+ * This is used to handle internal imoprts from Tailwind, since Tailwind Play
+ * handles these imports differently.
+ *
+ * @template T
+ * @param {T | { __esModule: unknown, default: T }} mod The module
+ * @returns {T} The bare export
+ */
+export function importDefault<T>(mod: T | {
+    __esModule: unknown;
+    default: T;
+}): T;

node_modules/tailwind-scrollbar/src/helpers.js

@@ -0,0 +1,16 @@
+/**
+ * Gets the underlying default import of a module.
+ *
+ * This is used to handle internal imoprts from Tailwind, since Tailwind Play
+ * handles these imports differently.
+ *
+ * @template T
+ * @param {T | { __esModule: unknown, default: T }} mod The module
+ * @returns {T} The bare export
+ */
+// eslint-disable-next-line no-underscore-dangle
+const importDefault = mod => (mod && mod.__esModule ? mod.default : mod);
+
+module.exports = {
+  importDefault
+};

node_modules/tailwind-scrollbar/src/index.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: any;
+export = _exports;

node_modules/tailwind-scrollbar/src/index.js

@@ -0,0 +1,31 @@
+// TODO: Figure out why the linter is unhappy with this import
+// eslint-disable-next-line import/no-unresolved
+const plugin = require('tailwindcss/plugin');
+const {
+  addBaseStyles,
+  addBaseSizeUtilities,
+  addColorUtilities,
+  addRoundedUtilities,
+  addSizeUtilities
+} = require('./utilities');
+const { addVariants } = require('./variants');
+
+module.exports = plugin.withOptions((options = {}) => tailwind => {
+  let preferredStrategy = options.preferredStrategy ?? options.preferredstrategy ?? 'standard';
+
+  if (preferredStrategy !== 'standard' && preferredStrategy !== 'pseudoelements') {
+    // eslint-disable-next-line no-console
+    console.warn('WARNING: tailwind-scrollbar preferredStrategy should be \'standard\' or \'pseudoelements\'');
+    preferredStrategy = 'standard';
+  }
+
+  addBaseStyles(tailwind, preferredStrategy);
+  addBaseSizeUtilities(tailwind, preferredStrategy);
+  addColorUtilities(tailwind);
+  addVariants(tailwind);
+
+  if (options.nocompatible) {
+    addRoundedUtilities(tailwind);
+    addSizeUtilities(tailwind);
+  }
+});

node_modules/tailwind-scrollbar/src/typedefs.d.ts

@@ -0,0 +1,19 @@
+export const unused: {};
+export type TailwindPlugin = {
+    /**
+     * - Adds utilities to tailwind
+     */
+    matchUtilities: Function;
+    /**
+     * - Accesses tailwind's theme
+     */
+    theme: Function;
+    /**
+     * - Adds a variant to tailwind
+     */
+    addVariant: Function;
+    /**
+     * - Accesses tailwind's configuration
+     */
+    config: Function;
+};

node_modules/tailwind-scrollbar/src/typedefs.js

@@ -0,0 +1,9 @@
+/**
+ * @typedef {object} TailwindPlugin
+ * @property {Function} matchUtilities - Adds utilities to tailwind
+ * @property {Function} theme - Accesses tailwind's theme
+ * @property {Function} addVariant - Adds a variant to tailwind
+ * @property {Function} config - Accesses tailwind's configuration
+ */
+
+exports.unused = {};

node_modules/tailwind-scrollbar/src/utilities.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Base resets to make the plugin's utilities work
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ * @param {'standard' | 'peseudoelements'} preferredStrategy - The preferred
+ *    scrollbar styling strategy: standards track or pseudoelements
+ */
+export function addBaseStyles({ addBase }: typedefs.TailwindPlugin, preferredStrategy: "standard" | "peseudoelements"): void;
+/**
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ * @param {'standard' | 'peseudoelements'} preferredStrategy - The preferred
+ *    scrollbar styling strategy: standards track or pseudoelements
+ */
+export function addBaseSizeUtilities({ addUtilities }: typedefs.TailwindPlugin, preferredStrategy: "standard" | "peseudoelements"): void;
+/**
+ * Adds scrollbar-COMPONENT-COLOR utilities for every scrollbar component.
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+export function addColorUtilities({ matchUtilities, theme }: typedefs.TailwindPlugin): void;
+/**
+ * Adds scrollbar-COMPONENT-rounded-VALUE utilities for every scrollbar
+ * component.
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+export function addRoundedUtilities({ theme, matchUtilities }: typedefs.TailwindPlugin): void;
+/**
+ * Adds scrollbar-w-* and scrollbar-h-* utilities
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+export function addSizeUtilities({ matchUtilities, theme }: typedefs.TailwindPlugin): void;
+import typedefs = require("./typedefs");

node_modules/tailwind-scrollbar/src/utilities.js

@@ -0,0 +1,202 @@
+// TODO: Figure out why the linter is unhappy with this import
+// eslint-disable-next-line import/no-unresolved
+const flattenColorPaletteImport = require('tailwindcss/lib/util/flattenColorPalette');
+const typedefs = require('./typedefs');
+const { importDefault } = require('./helpers');
+
+// Tailwind Play will import these internal imports as ES6 imports, while most
+// other workflows will import them as CommonJS imports.
+const flattenColorPalette = importDefault(flattenColorPaletteImport);
+
+const COMPONENTS = ['track', 'thumb', 'corner'];
+
+/**
+ * @param {Record<never, unknown>} properties - The properties to assign
+ * @param {boolean} preferPseudoElements - If true, only browsers that cannot
+ *    use pseudoelements will specify scrollbar properties
+ * @returns {Record<string, unknown>} - The generated CSS rules
+ */
+const scrollbarProperties = (properties, preferPseudoElements) => {
+  if (preferPseudoElements) {
+    return {
+      '@supports (-moz-appearance:none)': properties
+    };
+  }
+
+  return properties;
+};
+
+/**
+ * Base resets to make the plugin's utilities work
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ * @param {'standard' | 'peseudoelements'} preferredStrategy - The preferred
+ *    scrollbar styling strategy: standards track or pseudoelements
+ */
+const addBaseStyles = ({ addBase }, preferredStrategy) => {
+  addBase({
+    '*': scrollbarProperties({
+      'scrollbar-color': 'initial',
+      'scrollbar-width': 'initial'
+    }, preferredStrategy === 'pseudoelements')
+  });
+};
+
+/**
+ * Generates utilties that tell an element what to do with
+ * --scrollbar-track and --scrollbar-thumb custom properties
+ *
+ * @returns {Record<string, unknown>} - The generated CSS
+ */
+const generateBaseUtilities = () => ({
+  ...Object.fromEntries(COMPONENTS.map(component => {
+    const base = `&::-webkit-scrollbar-${component}`;
+
+    return [
+      [base, {
+        'background-color': `var(--scrollbar-${component})`,
+        'border-radius': `var(--scrollbar-${component}-radius)`
+      }]
+    ];
+  }).flat())
+});
+
+/**
+ * Utilities for initializing a custom styled scrollbar, which implicitly set
+ * the scrollbar's size
+ *
+ * @param {object} options - Options
+ * @param {boolean} options.preferPseudoElements - If true, only browsers that
+ *    cannot use pseudoelements will specify scrollbar-width
+ * @returns {Record<string, unknown>} - Base size utilities for scrollbars
+ */
+const generateScrollbarSizeUtilities = ({ preferPseudoElements }) => ({
+  '.scrollbar': {
+    ...generateBaseUtilities(),
+    ...scrollbarProperties({
+      'scrollbar-width': 'auto',
+      'scrollbar-color': 'var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)'
+    }, preferPseudoElements),
+
+    '&::-webkit-scrollbar': {
+      display: 'block',
+      width: 'var(--scrollbar-width, 16px)',
+      height: 'var(--scrollbar-height, 16px)'
+    }
+  },
+
+  '.scrollbar-thin': {
+    ...generateBaseUtilities(),
+    ...scrollbarProperties({
+      'scrollbar-width': 'thin',
+      'scrollbar-color': 'var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)'
+    }, preferPseudoElements),
+
+    '&::-webkit-scrollbar': {
+      display: 'block',
+      width: '8px',
+      height: '8px'
+    }
+  },
+
+  '.scrollbar-none': {
+    ...scrollbarProperties({
+      'scrollbar-width': 'none'
+    }, preferPseudoElements),
+
+    '&::-webkit-scrollbar': {
+      display: 'none'
+    }
+  }
+});
+
+/**
+ * Converts a color value or function to a color value
+ *
+ * @param {string | Function} maybeFunction - The color value or function
+ * @returns {string} - The color value
+ */
+const toColorValue = maybeFunction => (typeof maybeFunction === 'function' ? maybeFunction({}) : maybeFunction);
+
+/**
+ * Adds scrollbar-COMPONENT-COLOR utilities for every scrollbar component.
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+const addColorUtilities = ({ matchUtilities, theme }) => {
+  const themeColors = flattenColorPalette(theme('colors'));
+  const colors = Object.fromEntries(
+    Object.entries(themeColors).map(([k, v]) => [k, toColorValue(v)])
+  );
+
+  COMPONENTS.forEach(component => {
+    matchUtilities(
+      {
+        [`scrollbar-${component}`]: value => ({
+          [`--scrollbar-${component}`]: toColorValue(value)
+        })
+      },
+      {
+        values: colors,
+        type: 'color'
+      }
+    );
+  });
+};
+
+/**
+ * Adds scrollbar-COMPONENT-rounded-VALUE utilities for every scrollbar
+ * component.
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+const addRoundedUtilities = ({ theme, matchUtilities }) => {
+  COMPONENTS.forEach(component => {
+    matchUtilities(
+      {
+        [`scrollbar-${component}-rounded`]: value => ({
+          [`--scrollbar-${component}-radius`]: value
+        })
+      },
+      {
+        values: theme('borderRadius')
+      }
+    );
+  });
+};
+
+/**
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ * @param {'standard' | 'peseudoelements'} preferredStrategy - The preferred
+ *    scrollbar styling strategy: standards track or pseudoelements
+ */
+const addBaseSizeUtilities = ({ addUtilities }, preferredStrategy) => {
+  addUtilities(generateScrollbarSizeUtilities({
+    preferPseudoElements: preferredStrategy === 'pseudoelements'
+  }));
+};
+
+/**
+ * Adds scrollbar-w-* and scrollbar-h-* utilities
+ *
+ * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+const addSizeUtilities = ({ matchUtilities, theme }) => {
+  ['width', 'height'].forEach(dimension => {
+    matchUtilities({
+      [`scrollbar-${dimension[0]}`]: value => ({
+        [`--scrollbar-${dimension}`]: value
+      })
+    }, {
+      values: theme(dimension)
+    });
+  });
+};
+
+module.exports = {
+  addBaseStyles,
+  addBaseSizeUtilities,
+  addColorUtilities,
+  addRoundedUtilities,
+  addSizeUtilities
+};

node_modules/tailwind-scrollbar/src/variants.d.ts

@@ -0,0 +1,18 @@
+export type TailwindPlugin = import("./typedefs").TailwindPlugin;
+/** @typedef {import('./typedefs').TailwindPlugin} TailwindPlugin */
+/**
+ * Adds scrollbar variants for styling webkit scrollbars' hover and active
+ * states.
+ *
+ * Earlier iterations of this plugin hijacked the hover: and active: variants
+ * directly to create a cleaner syntax, but there are several issues with that
+ * approach:
+ *     - It made the plugin prone to breaking other unrelated styles
+ *     - It made logic like "make an element's scrollbar green when the
+ *       _element_ is hovered impossible. (This is unusual, but should still
+ *       be possible.)
+ *     - It straight up does not work in Tailwind v4.
+ *
+ * @param {TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+export function addVariants({ addVariant }: TailwindPlugin): void;

node_modules/tailwind-scrollbar/src/variants.js

@@ -0,0 +1,30 @@
+/** @typedef {import('./typedefs').TailwindPlugin} TailwindPlugin */
+
+/**
+ * Adds scrollbar variants for styling webkit scrollbars' hover and active
+ * states.
+ *
+ * Earlier iterations of this plugin hijacked the hover: and active: variants
+ * directly to create a cleaner syntax, but there are several issues with that
+ * approach:
+ *     - It made the plugin prone to breaking other unrelated styles
+ *     - It made logic like "make an element's scrollbar green when the
+ *       _element_ is hovered impossible. (This is unusual, but should still
+ *       be possible.)
+ *     - It straight up does not work in Tailwind v4.
+ *
+ * @param {TailwindPlugin} tailwind - Tailwind's plugin object
+ */
+const addVariants = ({ addVariant }) => {
+  addVariant('scrollbar-hover', '&::-webkit-scrollbar-thumb:hover');
+  addVariant('scrollbar-track-hover', '&::-webkit-scrollbar-track:hover');
+  addVariant('scrollbar-corner-hover', '&::-webkit-scrollbar-corner:hover');
+
+  addVariant('scrollbar-active', '&::-webkit-scrollbar-thumb:active');
+  addVariant('scrollbar-track-active', '&::-webkit-scrollbar-track:active');
+  // Corners can't be active, so they don't get their own active variant.
+};
+
+module.exports = {
+  addVariants
+};