@presetter/preset-web 9.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Alvis HT Tang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,545 @@
+# 🚀 @presetter/preset-web
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/alvis/presetter/master/assets/logo.svg" alt="Presetter logo" height="128">
+</p>
+
+<div align="center">
+
+[![npm](https://img.shields.io/npm/v/@presetter/preset-web?style=flat-square)](https://github.com/alvis/presetter/releases)
+[![build](https://img.shields.io/github/actions/workflow/status/alvis/presetter/test.yaml?branch=main&style=flat-square)](https://github.com/alvis/presetter/actions)
+[![maintainability](https://img.shields.io/codeclimate/maintainability/alvis/presetter?style=flat-square)](https://codeclimate.com/github/alvis/presetter/maintainability)
+[![coverage](https://img.shields.io/codeclimate/coverage/alvis/presetter?style=flat-square)](https://codeclimate.com/github/alvis/presetter/test_coverage)
+[![vulnerabilities](https://img.shields.io/sonar/vulnerabilities/presetter/main?server=https%3A%2F%2Fsonarcloud.io&style=flat-square)](https://sonarcloud.io/summary/new_code?id=presetter)
+[![dependencies](https://img.shields.io/librariesio/release/npm/@presetter/preset-web?style=flat-square)](https://libraries.io/npm/@presetter/preset-web)
+
+Modern web development — TailwindCSS, Storybook, browser-optimized TypeScript
+
+•   [Usage](#-usage)   •   [Configuration](#-configuration-details)   •   [Comparison](#-comparison)   •   [FAQ](#-faq)   •
+
+</div>
+
+---
+
+**This is a configuration extension that works with [Presetter](https://github.com/alvis/presetter/blob/main/packages/presetter), the configuration management tool.**
+
+## ⚡ TL;DR / Quick Start
+
+```bash
+# Install web preset alongside a base preset
+npm i -D presetter @presetter/preset-essentials @presetter/preset-web
+
+# Create presetter.config.ts
+cat > presetter.config.ts << 'EOF'
+import { preset } from 'presetter';
+import essentials from '@presetter/preset-essentials';
+import web from '@presetter/preset-web';
+
+export default preset('my-web-app', {
+  extends: [essentials, web],
+});
+EOF
+
+# Bootstrap your project
+npx presetter bootstrap
+```
+
+Your project now has **modern web development tooling** — TailwindCSS 4, Storybook 9, browser-optimized TypeScript, and intelligent CSS workflows!
+
+---
+
+## ✨ Modern Web Development Stack
+
+### Need comprehensive web tooling?
+
+Modern web development requires an intricate stack: CSS frameworks, component libraries, browser compatibility, styling workflows, and visual development tools. Setting these up manually is time-consuming and error-prone.
+
+**What if you could get the complete modern web stack instantly?**
+
+### The modern web development challenge
+
+| Web Development Need      | Manual Setup                | With preset-web                      |
+| ------------------------- | --------------------------- | ------------------------------------ |
+| **CSS Framework**         | ⚠️ Manual TailwindCSS setup | ✅ TailwindCSS 4 auto-configured     |
+| **Component Development** | ❌ No visual development    | ✅ Storybook 9 with addons           |
+| **Browser Compatibility** | ⚠️ Manual TypeScript config | ✅ DOM/Browser types included        |
+| **Styling Workflow**      | ❌ Basic CSS processing     | ✅ PostCSS + Autoprefixer + Prettier |
+| **CSS Linting**           | ❌ No CSS-specific rules    | ✅ TailwindCSS conflict detection    |
+| **Development Tools**     | ⚠️ Fragmented tooling       | ✅ Integrated accessibility testing  |
+
+### What you get instead
+
+**@presetter/preset-web is a configuration extension that adds comprehensive modern web development tooling to any base preset.**
+
+When used with [Presetter](https://github.com/alvis/presetter/blob/main/packages/presetter) (the configuration management tool), this preset extends your chosen base preset with the complete modern web development stack, including TailwindCSS 4, Storybook 9, browser-optimized TypeScript, and intelligent styling workflows.
+
+- 💨 **TailwindCSS 4**: Latest utility-first CSS framework with intelligent auto-discovery
+- 📚 **Storybook 9**: Component-driven development with accessibility testing
+- 🎨 **PostCSS Pipeline**: Advanced CSS processing with autoprefixer
+- 🌐 **Browser-Optimized**: TypeScript configured for DOM and modern browser APIs
+- 🔍 **Smart Linting**: TailwindCSS conflict detection and auto-formatting
+- 🚀 **Zero Config**: Intelligent discovery of project structure and entry points
+
+---
+
+## 🎯 Modern Web Without the Configuration
+
+### The modern web tooling setup problem
+
+Modern web development requires coordinating multiple complex tools:
+
+- **TailwindCSS setup**: Configuration, purging, entry points, plugin integration
+- **Storybook configuration**: Stories, addons, accessibility testing, Vitest integration
+- **Browser TypeScript**: DOM types, modern JavaScript features, web-specific APIs
+- **CSS workflow**: PostCSS, autoprefixer, formatting, conflict detection
+- **Development environment**: Hot reloading, visual development, testing integration
+
+**Getting it right requires deep knowledge of each tool's configuration and how they interact.**
+
+### From fragmented tooling to integrated web stack
+
+```diff
+# Before: Manual web development setup
+my-web-app/
+├── tsconfig.json               ← Missing DOM types, browser APIs
+├── tailwind.config.js          ← Manual configuration, no auto-discovery
+├── postcss.config.js           ← Basic setup, missing optimizations
+├── .storybook/                 ← Complex manual setup
+│   ├── main.js                 ← Missing modern addons
+│   └── preview.js              ← No accessibility testing
+├── src/
+│   ├── styles/
+│   │   └── globals.css         ← No auto-discovery
+│   └── components/
+-      └── Button.tsx           ← No component development environment
+
+# After: Extended with modern web stack
+my-web-app/
++├── presetter.config.ts        ← Base preset + web extension
+├── tsconfig.json               ← Enhanced with DOM, browser types
+├── eslint.config.ts            ← Enhanced with TailwindCSS linting
+├── .prettierrc                 ← Enhanced with TailwindCSS formatting
++├── All web dev tools          ← Generated with intelligent discovery
+├── src/
+│   ├── styles/
+│   │   └── globals.css         ← Auto-discovered for TailwindCSS
+│   └── components/
++      └── Button.tsx           ← Storybook-ready component development
+```
+
+### How modern web stack integration works
+
+1. **Intelligent Discovery** — Auto-detects TailwindCSS entry points, config files, project structure
+2. **Browser Optimization** — TypeScript configured with DOM, DOM.Iterable, and ESNext libraries
+3. **Styling Workflow** — PostCSS + TailwindCSS + Prettier integration with conflict detection
+4. **Component Development** — Storybook 9 with accessibility, testing, and pseudo-state addons
+
+### Why this solves the real problem
+
+- **Complete modern stack**: Everything needed for professional web development
+- **Intelligent auto-configuration**: Discovers project structure automatically
+- **Component-driven development**: Visual development environment with testing
+- **Professional styling**: Advanced CSS workflows with conflict detection
+- **Browser compatibility**: Properly configured for modern web APIs
+
+---
+
+## 🔍 Understanding Presetter vs This Extension
+
+**Important distinction:**
+
+| Component                                                                        | Role                          | What it does                                                                     |
+| -------------------------------------------------------------------------------- | ----------------------------- | -------------------------------------------------------------------------------- |
+| **[Presetter](https://github.com/alvis/presetter/blob/main/packages/presetter)** | Configuration management tool | CLI that processes presets, generates config files, executes scripts             |
+| **Base Preset**                                                                  | Core development template     | Provides TypeScript, testing, building capabilities (essentials, esm, cjs, etc.) |
+| **@presetter/preset-web**                                                        | Web development extension     | Adds TailwindCSS, Storybook, browser optimization, CSS workflows                 |
+
+**Think of it like:**
+
+- **Presetter** = The engine that builds houses
+- **Base preset** = The blueprint for a functional house
+- **This extension** = The modern kitchen, smart home systems, and designer finishes
+
+This preset **extends** any base preset with modern web development capabilities. For advanced usage, customization, and troubleshooting, **[visit the main Presetter documentation](https://github.com/alvis/presetter/blob/main/packages/presetter)**.
+
+---
+
+## 🚀 Usage
+
+### 🟢 Basic Modern Web Setup
+
+#### Step 1: Install Extension with Base Preset
+
+```jsonc
+// package.json
+{
+  "scripts": {
+    "build": "run build",
+    "test": "run test",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+  },
+  "devDependencies": {
+    "presetter": "latest",
+    "@presetter/preset-essentials": "latest",
+    "@presetter/preset-web": "latest",
+  },
+}
+```
+
+```typescript
+// presetter.config.ts
+import { preset } from 'presetter';
+import essentials from '@presetter/preset-essentials';
+import web from '@presetter/preset-web';
+
+export default preset('my-web-app', {
+  extends: [essentials, web], // Base preset + web extension
+});
+```
+
+#### Step 2: Bootstrap & Develop
+
+```bash
+npm install
+# Modern web development stack generated automatically
+# TailwindCSS, Storybook, and browser optimization ready!
+```
+
+That's it! Start developing with the complete modern web stack.
+
+---
+
+### 🧑‍🔬 Advanced Usage: Custom Web Optimizations
+
+```typescript
+// presetter.config.ts
+import { preset } from 'presetter';
+import essentials from '@presetter/preset-essentials';
+import web from '@presetter/preset-web';
+
+export default preset('advanced-web-app', {
+  extends: [essentials, web],
+  override: {
+    assets: {
+      'tsconfig.json': {
+        compilerOptions: {
+          lib: ['DOM', 'DOM.Iterable', 'ES2023'], // Latest features
+          target: 'ES2024', // Modern browser target
+        },
+      },
+      'eslint.config.ts': {
+        rules: {
+          // Custom TailwindCSS rules
+          'tailwindcss/no-custom-classname': 'warn',
+        },
+      },
+    },
+  },
+});
+```
+
+> **Need more customization options?** Check the [main Presetter documentation](https://github.com/alvis/presetter/blob/main/packages/presetter) for complete guides on overrides, extensions, and advanced configurations.
+
+---
+
+## 📖 API Reference
+
+### Core Web Development Extension
+
+This preset extends any base preset with modern web development capabilities:
+
+| Enhancement            | Purpose               | Web Features                                             |
+| ---------------------- | --------------------- | -------------------------------------------------------- |
+| **TailwindCSS 4**      | Utility-first CSS     | Auto-discovery, conflict detection, formatting           |
+| **Storybook 9**        | Component development | Accessibility testing, Vitest integration, pseudo-states |
+| **Browser TypeScript** | Web APIs              | DOM types, modern JavaScript features                    |
+| **CSS Workflow**       | Styling pipeline      | PostCSS, autoprefixer, intelligent formatting            |
+
+### TailwindCSS Integration
+
+#### Auto-Discovery Features
+
+```typescript
+// Automatically discovers entry files in:
+const searchDirectories = [
+  'source',
+  'src',
+  'app',
+  'styles',
+  'assets',
+  'public',
+  'static',
+];
+
+const entryFiles = [
+  'globals.css',
+  'global.css',
+  'index.css',
+  'main.css',
+  'styles.css',
+];
+
+// Scans for @import "tailwindcss" directives
+```
+
+#### Enhanced Linting
+
+```typescript
+// eslint-plugin-better-tailwindcss
+'tailwindcss/classnames-order': 'warn',          // Consistent ordering
+'tailwindcss/enforces-negative-arbitrary-values': 'warn', // Proper syntax
+'tailwindcss/no-contradicting-classname': 'error',       // Conflict detection
+```
+
+### Storybook Configuration
+
+#### Core Addons Included
+
+- **@storybook/addon-a11y**: Accessibility testing and guidelines
+- **@storybook/addon-vitest**: Seamless Vitest integration for component testing
+- **storybook-addon-pseudo-states**: CSS pseudo-state visualization (hover, focus, etc.)
+- **storybook-addon-test-codegen**: Automatic test code generation from stories
+
+#### Browser Environment
+
+```typescript
+// Enhanced TypeScript configuration
+compilerOptions: {
+  lib: ['DOM', 'DOM.Iterable', 'ESNext'], // Complete browser API support
+}
+```
+
+### Configuration Variables
+
+Inherited from base preset with web-specific enhancements:
+
+| Variable              | Default         | Description                             |
+| --------------------- | --------------- | --------------------------------------- |
+| Base preset variables | Inherited       | All variables from chosen base preset   |
+| TailwindCSS entry     | Auto-discovered | Automatically found CSS entry points    |
+| Config files          | Auto-discovered | Automatically found configuration files |
+
+---
+
+## 🔧 Configuration Details
+
+### Intelligent TailwindCSS Discovery
+
+#### Entry Point Detection
+
+```typescript
+// Searches common directories for CSS files
+const directories = ['src', 'app', 'styles', 'assets'];
+const filenames = ['globals.css', 'index.css', 'main.css'];
+
+// Scans file contents for TailwindCSS imports
+const tailwindImports = /@import\s+["']tailwindcss/;
+```
+
+#### Config File Detection
+
+```typescript
+// Automatically finds configuration files
+const configPatterns = [
+  'tailwind.config.ts',
+  'tailwind.config.js',
+  'tailwind.config.mjs',
+  'tailwind.config.cjs',
+];
+```
+
+### Enhanced ESLint Configuration
+
+#### Web-Specific Plugins
+
+- **eslint-plugin-better-tailwindcss**: Advanced TailwindCSS linting
+- **eslint-plugin-storybook**: Storybook-specific rules
+- **globals**: Browser environment variables
+
+#### Browser Globals
+
+```typescript
+globals: {
+  window: 'readonly',
+  document: 'readonly',
+  navigator: 'readonly',
+  // ... all browser globals
+}
+```
+
+### TypeScript Browser Optimization
+
+```yaml
+# tsconfig.json override
+compilerOptions:
+  lib:
+    - DOM # Browser DOM APIs
+    - DOM.Iterable # Iterable DOM elements
+    - ESNext # Latest JavaScript features
+```
+
+---
+
+## 🏎️ Performance
+
+| Metric                 | Standard Preset      | With preset-web                   |
+| ---------------------- | -------------------- | --------------------------------- |
+| Component development  | Manual setup         | **Storybook visual environment**  |
+| CSS workflow           | Basic                | **Advanced PostCSS pipeline**     |
+| Browser compatibility  | Manual configuration | **Auto-optimized TypeScript**     |
+| Styling conflicts      | Manual detection     | **Automated TailwindCSS linting** |
+| Development experience | Fragmented tools     | **Integrated modern stack**       |
+
+---
+
+## 🌐 Compatibility
+
+| Environment  | Support                                 |
+| ------------ | --------------------------------------- |
+| Base Presets | Works with essentials, esm, cjs, hybrid |
+| Browsers     | Modern browsers (ES2024+)               |
+| Node.js      | ≥ 18                                    |
+| TypeScript   | ≥ 5.0                                   |
+
+### Works With All Base Presets
+
+- [`@presetter/preset-essentials`](../preset-essentials) + web development
+- [`@presetter/preset-esm`](../preset-esm) + web development
+- [`@presetter/preset-cjs`](../preset-cjs) + web development
+- [`@presetter/preset-hybrid`](../preset-hybrid) + web development
+
+### Can Be Combined With
+
+- [`@presetter/preset-react`](../preset-react) - React + modern web stack
+- [`@presetter/preset-strict`](../preset-strict) - Web development + strict quality
+
+### Extended By
+
+- [`@presetter/preset-react`](../preset-react) - Adds React-specific features to web stack
+
+---
+
+## 🆚 Comparison
+
+| Feature                   | Standard Presets | With preset-web               |
+| ------------------------- | ---------------- | ----------------------------- |
+| **CSS Framework**         | None             | ✅ TailwindCSS 4              |
+| **Component Development** | Basic            | ✅ Storybook 9 environment    |
+| **Browser Optimization**  | Manual           | ✅ Auto-configured TypeScript |
+| **CSS Workflow**          | Basic            | ✅ PostCSS + Autoprefixer     |
+| **Visual Development**    | CLI only         | ✅ Component playground       |
+| **Accessibility Testing** | Manual           | ✅ Automated Storybook addon  |
+
+### When to Use
+
+✅ **Use preset-web when:**
+
+- Building web applications or component libraries
+- Need modern CSS workflows (TailwindCSS)
+- Want visual component development (Storybook)
+- Developing for browser environments
+- Need accessibility testing integration
+- Want professional styling workflows
+
+❌ **Consider alternatives when:**
+
+- Building Node.js applications or CLIs
+- No visual UI components needed
+- Basic styling requirements only
+- Minimal web development needs
+
+---
+
+## 🛠️ Troubleshooting
+
+> **General Presetter issues?** See the [main troubleshooting guide](https://github.com/alvis/presetter/blob/main/README.md#troubleshooting) for common Presetter problems and solutions.
+
+### Web Development Specific Issues
+
+| Issue                               | Symptoms                          | Solution                                                       |
+| ----------------------------------- | --------------------------------- | -------------------------------------------------------------- |
+| **TailwindCSS not auto-discovered** | No CSS framework integration      | Ensure CSS files are in common directories (`src/`, `styles/`) |
+| **Storybook not starting**          | Component development unavailable | Check that base preset provides build tooling                  |
+| **Browser types missing**           | TypeScript errors with DOM APIs   | Ensure TypeScript override is applied correctly                |
+| **CSS conflicts undetected**        | TailwindCSS class conflicts       | Check ESLint TailwindCSS plugin configuration                  |
+
+> **Need help with Presetter CLI commands?** Check the [CLI reference](https://github.com/alvis/presetter/blob/main/README.md#cli-reference) in the main documentation.
+
+---
+
+## ❓ FAQ
+
+> **General Presetter questions?** Check the [main FAQ](https://github.com/alvis/presetter/blob/main/README.md#faq) for general usage, configuration, and customization questions.
+
+### Web Development Specific FAQs
+
+#### Do I need a base preset?
+
+Yes! preset-web is an **extension preset** that adds web tooling to base functionality:
+
+```typescript
+// ❌ Wrong - web alone doesn't provide TypeScript tooling
+extends: [web]
+
+// ✅ Correct - base preset + web extension
+extends: [essentials, web]
+```
+
+#### How does TailwindCSS auto-discovery work?
+
+The preset intelligently scans your project:
+
+```typescript
+// Searches these directories for CSS files
+['src', 'app', 'styles', 'assets', 'public', 'static']
+
+// Looks for these common CSS file names
+['globals.css', 'global.css', 'index.css', 'main.css', 'styles.css']
+
+// Scans file contents for TailwindCSS imports
+/@import\s+["']tailwindcss/
+```
+
+#### What Storybook addons are included?
+
+Professional component development addons:
+
+- **Accessibility testing** (`@storybook/addon-a11y`)
+- **Vitest integration** (`@storybook/addon-vitest`)
+- **Pseudo-state testing** (`storybook-addon-pseudo-states`)
+- **Test code generation** (`storybook-addon-test-codegen`)
+
+#### Can I use this without TailwindCSS?
+
+Yes! The preset provides value beyond TailwindCSS:
+
+- Storybook for component development
+- Browser-optimized TypeScript
+- PostCSS workflow
+- Enhanced ESLint for web development
+
+#### Is this compatible with React?
+
+Absolutely! Use with [`@presetter/preset-react`](../preset-react):
+
+```typescript
+extends: [essentials, web, react] // Full React + web stack
+```
+
+---
+
+## 🤝 Contributing
+
+We'd love your ideas and contributions!
+Submit issues or suggestions via [GitHub Issues](https://github.com/alvis/presetter/issues).
+See the [Contribution Guide](https://github.com/alvis/presetter/blob/main/CONTRIBUTING.md) for more details.
+
+---
+
+## 📄 License
+
+Released under the [MIT License](https://github.com/alvis/presetter/blob/main/LICENSE).
+© 2020, [Alvis Tang](https://github.com/alvis).
+
+[![License](https://img.shields.io/github/license/alvis/presetter.svg?style=flat-square)](https://github.com/alvis/presetter/blob/main/LICENSE)

package/lib/eslint/override.d.ts

@@ -0,0 +1,4 @@
+import type { Linter } from 'eslint';
+declare const _default: Linter.Config[];
+export default _default;
+//# sourceMappingURL=override.d.ts.map

package/lib/eslint/override.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"override.d.ts","sourceRoot":"","sources":["../../src/eslint/override.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;wBAmChC,MAAM,CAAC,MAAM,EAAE"}

package/lib/eslint/override.js

@@ -0,0 +1,31 @@
+import tailwind from 'eslint-plugin-better-tailwindcss';
+import { getDefaultSelectors } from 'eslint-plugin-better-tailwindcss/api/defaults';
+const selectors = [
+    ...getDefaultSelectors(),
+    {
+        kind: 'callee',
+        name: 'classnames',
+    },
+];
+export default [
+    {
+        name: '@presetter/preset-web:override:tailwindcss',
+        plugins: {
+            'better-tailwindcss': tailwind,
+        },
+        settings: {
+            'better-tailwindcss': {
+                selectors,
+            },
+        },
+        rules: {
+            ...tailwind.configs['recommended-warn'].rules,
+            'better-tailwindcss/no-conflicting-classes': 'warn',
+            'better-tailwindcss/no-unknown-classes': [
+                'warn',
+                { detectComponentClasses: true },
+            ],
+        },
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcnJpZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZXNsaW50L292ZXJyaWRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBU3BGLE1BQU0sU0FBUyxHQUFHO0lBQ2hCLEdBQUcsbUJBQW1CLEVBQUU7SUFDeEI7UUFDRSxJQUFJLEVBQUUsUUFBK0I7UUFDckMsSUFBSSxFQUFFLFlBQVk7S0FDTTtDQUNOLENBQUM7QUFFdkIsZUFBZTtJQUNiO1FBQ0UsSUFBSSxFQUFFLDRDQUE0QztRQUNsRCxPQUFPLEVBQUU7WUFDUCxvQkFBb0IsRUFBRSxRQUFRO1NBQy9CO1FBQ0QsUUFBUSxFQUFFO1lBQ1Isb0JBQW9CLEVBQUU7Z0JBQ3BCLFNBQVM7YUFDVjtTQUNGO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUMsS0FBSztZQUM3QywyQ0FBMkMsRUFBRSxNQUFNO1lBQ25ELHVDQUF1QyxFQUFFO2dCQUN2QyxNQUFNO2dCQUNOLEVBQUUsc0JBQXNCLEVBQUUsSUFBSSxFQUFFO2FBQ2pDO1NBQ0Y7S0FDRjtDQUNpQixDQUFDIn0=

package/lib/eslint/template.d.ts

@@ -0,0 +1,6 @@
+import type { Linter } from 'eslint';
+declare const _default: import("presetter").PresetContent<{
+    default: Linter.Config[];
+}>;
+export default _default;
+//# sourceMappingURL=template.d.ts.map

package/lib/eslint/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../src/eslint/template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;;aAEL,MAAM,CAAC,MAAM,EAAE"}

package/lib/eslint/template.js

@@ -0,0 +1,29 @@
+import globals from 'globals';
+import { asset } from 'presetter';
+import { locateTailwindConfigFile, locateTailwindEntryFile } from '#tailwind';
+export default asset(async (current, { projectRoot }) => {
+    const entryPoint = await locateTailwindEntryFile(projectRoot);
+    const tailwindConfig = await locateTailwindConfigFile(projectRoot);
+    return {
+        default: [
+            ...(current?.default ?? []),
+            {
+                name: '@presetter/preset-web',
+                languageOptions: {
+                    globals: globals.browser,
+                },
+            },
+            ...(entryPoint
+                ? [
+                    {
+                        name: '@presetter/preset-web:tailwindcss',
+                        settings: {
+                            'better-tailwindcss': { entryPoint, tailwindConfig },
+                        },
+                    },
+                ]
+                : []),
+        ],
+    };
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZXNsaW50L3RlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQztBQUM5QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRWxDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUk5RSxlQUFlLEtBQUssQ0FDbEIsS0FBSyxFQUFFLE9BQU8sRUFBRSxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUU7SUFDakMsTUFBTSxVQUFVLEdBQUcsTUFBTSx1QkFBdUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM5RCxNQUFNLGNBQWMsR0FBRyxNQUFNLHdCQUF3QixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRW5FLE9BQU87UUFDTCxPQUFPLEVBQUU7WUFDUCxHQUFHLENBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUM7WUFDM0I7Z0JBQ0UsSUFBSSxFQUFFLHVCQUF1QjtnQkFDN0IsZUFBZSxFQUFFO29CQUNmLE9BQU8sRUFBRSxPQUFPLENBQUMsT0FBTztpQkFDekI7YUFDRjtZQUNELEdBQUcsQ0FBQyxVQUFVO2dCQUNaLENBQUMsQ0FBQztvQkFDRTt3QkFDRSxJQUFJLEVBQUUsbUNBQW1DO3dCQUN6QyxRQUFRLEVBQUU7NEJBQ1Isb0JBQW9CLEVBQUUsRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFO3lCQUNyRDtxQkFDRjtpQkFDRjtnQkFDSCxDQUFDLENBQUMsRUFBRSxDQUFDO1NBQ1I7S0FDRixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==

package/lib/index.d.ts

@@ -0,0 +1,15 @@
+/** list of configurable variables */
+export interface Variables {
+    /** the directory containing all extra typing files (default: types) */
+    types: string;
+}
+export declare const DEFAULT_VARIABLES: {
+    types: string;
+};
+/**
+ * get the list of templates provided by this preset
+ * @returns list of preset templates
+ */
+declare const _default: import("presetter").Preset;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,qCAAqC;AACrC,MAAM,WAAW,SAAS;IACxB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB;;CAET,CAAC;AAKtB;;;GAGG"}

package/lib/index.js

@@ -0,0 +1,39 @@
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { preset } from '@presetter/types';
+import * as eslintOverride from './eslint/override.js';
+import eslintTemplate from './eslint/template.js';
+const DIR = dirname(fileURLToPath(import.meta.url));
+// paths to the template directories
+const TEMPLATES = resolve(DIR, '..', 'templates');
+const OVERRIDES = resolve(DIR, '..', 'overrides');
+export const DEFAULT_VARIABLES = {
+    types: 'types',
+};
+const IMAGE_TYPE = 'image.d.ts';
+const STYLE_TYPE = 'style.d.ts';
+/**
+ * get the list of templates provided by this preset
+ * @returns list of preset templates
+ */
+export default preset('@presetter/preset-web', {
+    root: resolve(import.meta.dirname, '..'),
+    variables: DEFAULT_VARIABLES,
+    assets: ({ variables }) => ({
+        '.gitignore': (current) => [
+            ...(current ?? []),
+            `/${variables.types}/${IMAGE_TYPE}`,
+            `/${variables.types}/${STYLE_TYPE}`,
+        ],
+        'eslint.config.ts': eslintTemplate,
+        [`${variables.types}/${IMAGE_TYPE}`]: resolve(TEMPLATES, IMAGE_TYPE),
+        [`${variables.types}/${STYLE_TYPE}`]: resolve(TEMPLATES, STYLE_TYPE),
+    }),
+    override: {
+        assets: {
+            'tsconfig.json': resolve(OVERRIDES, 'tsconfig.yaml'),
+            'eslint.config.ts': eslintOverride,
+        },
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFMUMsT0FBTyxLQUFLLGNBQWMsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLGNBQWMsTUFBTSxtQkFBbUIsQ0FBQztBQUUvQyxNQUFNLEdBQUcsR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7QUFFcEQsb0NBQW9DO0FBQ3BDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0FBQ2xELE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0FBUWxELE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHO0lBQy9CLEtBQUssRUFBRSxPQUFPO0NBQ0ssQ0FBQztBQUV0QixNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUM7QUFDaEMsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBRWhDOzs7R0FHRztBQUNILGVBQWUsTUFBTSxDQUFDLHVCQUF1QixFQUFFO0lBQzdDLElBQUksRUFBRSxPQUFPLENBQUMsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQztJQUN4QyxTQUFTLEVBQUUsaUJBQWlCO0lBQzVCLE1BQU0sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDMUIsWUFBWSxFQUFFLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQztZQUN6QixHQUFHLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQztZQUNsQixJQUFJLFNBQVMsQ0FBQyxLQUFNLElBQUksVUFBVSxFQUFFO1lBQ3BDLElBQUksU0FBUyxDQUFDLEtBQU0sSUFBSSxVQUFVLEVBQUU7U0FDckM7UUFDRCxrQkFBa0IsRUFBRSxjQUFjO1FBQ2xDLENBQUMsR0FBRyxTQUFTLENBQUMsS0FBTSxJQUFJLFVBQVUsRUFBa0IsQ0FBQyxFQUFFLE9BQU8sQ0FDNUQsU0FBUyxFQUNULFVBQVUsQ0FDWDtRQUNELENBQUMsR0FBRyxTQUFTLENBQUMsS0FBTSxJQUFJLFVBQVUsRUFBa0IsQ0FBQyxFQUFFLE9BQU8sQ0FDNUQsU0FBUyxFQUNULFVBQVUsQ0FDWDtLQUNGLENBQUM7SUFDRixRQUFRLEVBQUU7UUFDUixNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxlQUFlLENBQUM7WUFDcEQsa0JBQWtCLEVBQUUsY0FBYztTQUNuQztLQUNGO0NBQ0YsQ0FBQyxDQUFDIn0=

package/lib/module.d.ts

@@ -0,0 +1,9 @@
+/**
+ * resolves a module specifier to its full path using the native import.meta.resolve
+ * @param specifier module specifier to resolve (e.g., package name or relative path)
+ * @param parent parent URL or path to resolve from
+ * @returns The resolved module path
+ * @see https://github.com/vitest-dev/vitest/issues/6953#issuecomment-2765228116
+ */
+export declare function resolveModule(specifier: string, parent?: string | URL): string;
+//# sourceMappingURL=module.d.ts.map

package/lib/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,GACpB,MAAM,CAER"}

package/lib/module.js

@@ -0,0 +1,12 @@
+/* v8 ignore file -- @preserve */
+/**
+ * resolves a module specifier to its full path using the native import.meta.resolve
+ * @param specifier module specifier to resolve (e.g., package name or relative path)
+ * @param parent parent URL or path to resolve from
+ * @returns The resolved module path
+ * @see https://github.com/vitest-dev/vitest/issues/6953#issuecomment-2765228116
+ */
+export function resolveModule(specifier, parent) {
+    return import.meta.resolve(specifier, parent);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL21vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFFakM7Ozs7OztHQU1HO0FBQ0gsTUFBTSxVQUFVLGFBQWEsQ0FDM0IsU0FBaUIsRUFDakIsTUFBcUI7SUFFckIsT0FBTyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0FBQ2hELENBQUMifQ==

package/lib/tailwind/config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * locates the tailwind css config file under the root directory
+ * @param rootDirectory the root directory to search for tailwindcss config file
+ * @returns path to the tailwindcss config file
+ */
+export declare function locateTailwindConfigFile(rootDirectory: string): Promise<string | undefined>;
+//# sourceMappingURL=config.d.ts.map

package/lib/tailwind/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/tailwind/config.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAsB,wBAAwB,CAC5C,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAc7B"}

package/lib/tailwind/config.js

@@ -0,0 +1,22 @@
+import { readdir } from 'node:fs/promises';
+import { resolve } from 'node:path';
+/**
+ * locates the tailwind css config file under the root directory
+ * @param rootDirectory the root directory to search for tailwindcss config file
+ * @returns path to the tailwindcss config file
+ */
+export async function locateTailwindConfigFile(rootDirectory) {
+    try {
+        const files = await readdir(rootDirectory);
+        for (const file of files) {
+            if (file.startsWith('tailwind.config')) {
+                return resolve(rootDirectory, file);
+            }
+        }
+    }
+    catch {
+        // directory can't be read
+    }
+    return undefined;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3RhaWx3aW5kL2NvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVwQzs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLEtBQUssVUFBVSx3QkFBd0IsQ0FDNUMsYUFBcUI7SUFFckIsSUFBSSxDQUFDO1FBQ0gsTUFBTSxLQUFLLEdBQUcsTUFBTSxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFM0MsS0FBSyxNQUFNLElBQUksSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUN6QixJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUMsRUFBRSxDQUFDO2dCQUN2QyxPQUFPLE9BQU8sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDdEMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBQUMsTUFBTSxDQUFDO1FBQ1AsMEJBQTBCO0lBQzVCLENBQUM7SUFFRCxPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDIn0=

package/lib/tailwind/entry.d.ts

@@ -0,0 +1,7 @@
+/**
+ * locates the main css file that contains the tailwind css import directive
+ * @param rootDirectory the root directory to search for css files
+ * @returns path to the css file containing `@import "tailwindcss"`
+ */
+export declare function locateTailwindEntryFile(rootDirectory: string): Promise<string | undefined>;
+//# sourceMappingURL=entry.d.ts.map

package/lib/tailwind/entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.d.ts","sourceRoot":"","sources":["../../src/tailwind/entry.ts"],"names":[],"mappings":"AA+CA;;;;GAIG;AACH,wBAAsB,uBAAuB,CAC3C,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAY7B"}

package/lib/tailwind/entry.js

@@ -0,0 +1,134 @@
+import { readdir, readFile } from 'node:fs/promises';
+import { dirname, resolve } from 'node:path';
+import { resolveModule } from '#module';
+/**
+ * resolves an import path to an absolute file path
+ * @param importPath the import path from CSS `@import` statement
+ * @param currentFilePath the path of the current file being processed
+ * @returns resolved absolute file path
+ */
+function resolveImportPath(importPath, currentFilePath) {
+    return importPath.startsWith('.')
+        ? // resolve relative imports
+            resolve(dirname(currentFilePath), importPath)
+        : // resolve module imports using import.meta.resolve
+            resolveModule(importPath, `file://${currentFilePath}`).replace('file://', '');
+}
+/** common source directories where css files are typically located */
+const commonSourceDirectories = [
+    '.storybook',
+    'source',
+    'src',
+    'app',
+    'src/app',
+    'styles',
+    'assets',
+    'public',
+    'static',
+];
+/** common css file names prioritized during search */
+const commonStyleFileNames = [
+    'globals.css',
+    'global.css',
+    'index.css',
+    'main.css',
+    'styles.css',
+];
+/**
+ * locates the main css file that contains the tailwind css import directive
+ * @param rootDirectory the root directory to search for css files
+ * @returns path to the css file containing `@import "tailwindcss"`
+ */
+export async function locateTailwindEntryFile(rootDirectory) {
+    // search in common source directories
+    for (const sourceDirectory of commonSourceDirectories) {
+        const directoryPath = resolve(rootDirectory, sourceDirectory);
+        const result = await findTailwindEntryInDirectory(directoryPath);
+        if (result) {
+            return result;
+        }
+    }
+    // search in root directory
+    return findTailwindEntryInDirectory(rootDirectory);
+}
+/**
+ * searches for tailwind css entry file in a specific directory
+ * @param directoryPath the directory path to search in
+ * @returns path to the css file containing `@import "tailwindcss"` or undefined
+ */
+async function findTailwindEntryInDirectory(directoryPath) {
+    try {
+        const files = await readdir(directoryPath);
+        // create a prioritized list of files to check
+        const filesToCheck = [
+            // common style files first (if they exist)
+            ...commonStyleFileNames.filter((name) => files.includes(name)),
+            // then all other CSS files
+            ...files.filter((file) => file.endsWith('.css') && !commonStyleFileNames.includes(file)),
+        ];
+        // check each file for tailwind import
+        for (const file of filesToCheck) {
+            const filePath = resolve(directoryPath, file);
+            if (await hasTailwindImport(filePath)) {
+                return filePath;
+            }
+        }
+    }
+    catch {
+        // directory doesn't exist or can't be read
+    }
+    return undefined;
+}
+/**
+ * checks if a css file contains tailwind import directive, following local imports recursively
+ * @param path the path to the css file to check
+ * @returns true if the file contains `@import "tailwindcss"` directly or indirectly
+ */
+async function hasTailwindImport(path) {
+    return checkTailwindImportRecursively(path, new Set());
+}
+/**
+ * internal recursive helper for hasTailwindImport
+ * @param path the path to the css file to check
+ * @param visited set of already visited files to prevent infinite loops
+ * @returns true if the file contains `@import "tailwindcss"` directly or indirectly
+ */
+async function checkTailwindImportRecursively(path, visited) {
+    try {
+        if (visited.has(path)) {
+            return false;
+        }
+        visited.add(path);
+        const content = await readFile(path, 'utf-8');
+        // check for direct tailwind import
+        if (/@import\s+["']tailwindcss/.exec(content) !== null) {
+            return true;
+        }
+        // find all CSS imports and check them recursively
+        const importRegex = /@import\s+["']([^"']+)["']/g;
+        let match;
+        while ((match = importRegex.exec(content)) !== null) {
+            const importPath = match[1];
+            // skip URL imports (http/https)
+            if (/^https?:\/\//.test(importPath)) {
+                continue;
+            }
+            try {
+                const resolvedImportPath = resolveImportPath(importPath, path);
+                // recursively check the imported file
+                if (await checkTailwindImportRecursively(resolvedImportPath, visited)) {
+                    return true;
+                }
+            }
+            catch {
+                // if import resolution fails, skip this import
+                continue;
+            }
+        }
+        return false;
+    }
+    catch {
+        return false;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmQvZW50cnkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUU3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBRXhDOzs7OztHQUtHO0FBQ0gsU0FBUyxpQkFBaUIsQ0FDeEIsVUFBa0IsRUFDbEIsZUFBdUI7SUFFdkIsT0FBTyxVQUFVLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQztRQUMvQixDQUFDLENBQUMsMkJBQTJCO1lBQzNCLE9BQU8sQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLEVBQUUsVUFBVSxDQUFDO1FBQy9DLENBQUMsQ0FBQyxtREFBbUQ7WUFDbkQsYUFBYSxDQUFDLFVBQVUsRUFBRSxVQUFVLGVBQWUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUM1RCxTQUFTLEVBQ1QsRUFBRSxDQUNILENBQUM7QUFDUixDQUFDO0FBRUQsc0VBQXNFO0FBQ3RFLE1BQU0sdUJBQXVCLEdBQUc7SUFDOUIsWUFBWTtJQUNaLFFBQVE7SUFDUixLQUFLO0lBQ0wsS0FBSztJQUNMLFNBQVM7SUFDVCxRQUFRO0lBQ1IsUUFBUTtJQUNSLFFBQVE7SUFDUixRQUFRO0NBQ1QsQ0FBQztBQUVGLHNEQUFzRDtBQUN0RCxNQUFNLG9CQUFvQixHQUFHO0lBQzNCLGFBQWE7SUFDYixZQUFZO0lBQ1osV0FBVztJQUNYLFVBQVU7SUFDVixZQUFZO0NBQ2IsQ0FBQztBQUVGOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsS0FBSyxVQUFVLHVCQUF1QixDQUMzQyxhQUFxQjtJQUVyQixzQ0FBc0M7SUFDdEMsS0FBSyxNQUFNLGVBQWUsSUFBSSx1QkFBdUIsRUFBRSxDQUFDO1FBQ3RELE1B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

package/lib/tailwind/index.d.ts

@@ -0,0 +1,3 @@
+export { locateTailwindConfigFile } from './config.js';
+export { locateTailwindEntryFile } from './entry.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/tailwind/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}

package/lib/tailwind/index.js

@@ -0,0 +1,4 @@
+/* v8 ignore start */
+export { locateTailwindConfigFile } from './config.js';
+export { locateTailwindEntryFile } from './entry.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBRXJCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxTQUFTLENBQUMifQ==

package/overrides/tsconfig.yaml

@@ -0,0 +1,6 @@
+compilerOptions:
+  # libraries
+  lib:
+    - DOM
+    - DOM.Iterable
+    - ESNext

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@presetter/preset-web",
+  "version": "9.0.1",
+  "description": "An opinionated presetter preset for a web project",
+  "keywords": [
+    "presetter",
+    "preset"
+  ],
+  "homepage": "https://github.com/alvis/presetter#readme",
+  "bugs": {
+    "url": "https://github.com/alvis/presetter/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alvis/presetter.git"
+  },
+  "license": "MIT",
+  "author": "Alvis HT Tang <alvis@hilbert.space>",
+  "type": "module",
+  "imports": {
+    "#*": "./lib/*.js",
+    "#tailwind": "./lib/tailwind/index.js"
+  },
+  "exports": {
+    ".": "./lib/index.js"
+  },
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "dependencies": {
+    "@presetter/types": "9.0.1"
+  },
+  "devDependencies": {
+    "@presetter/preset-essentials": "9.0.1",
+    "presetter": "9.0.1"
+  },
+  "peerDependencies": {
+    "autoprefixer": "^10.0.0",
+    "eslint-plugin-better-tailwindcss": "^4.0.0",
+    "globals": "^17.0.0",
+    "postcss": "^8.0.0",
+    "tailwindcss": "^4.0.0",
+    "vitest": "^4.0.0",
+    "presetter": "9.0.1"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "run build",
+    "lint": "run lint --",
+    "test": "run test --",
+    "test:coverage": "run test:coverage --",
+    "test:watch": "run test:watch --",
+    "typecheck": "run typecheck --"
+  }
+}

package/templates/image.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+/// <reference types="react-dom" />
+
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.bmp' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg' {
+  import * as React from 'react';
+
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+
+  const src: string;
+  export default src;
+}

package/templates/style.d.ts

@@ -0,0 +1,19 @@
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}