@pikacss/plugin-reset 0.0.40 → 0.0.42

package/dist/index.cjs

@@ -868,10 +868,15 @@ function reset() {
 		order: "pre",
 		configureRawConfig: (config) => {
 			if (config.reset) style = config.reset;
+			config.layers ??= {};
+			config.layers.reset = -1;
 		},
 		configureEngine: async (engine) => {
 			const resetCss = resetStyles[style];
-			if (resetCss) engine.addPreflight(resetCss);
+			if (resetCss) engine.addPreflight({
+				layer: "reset",
+				preflight: resetCss
+			});
 		}
 	});
 }

package/dist/index.mjs

@@ -868,10 +868,15 @@ function reset() {
 		order: "pre",
 		configureRawConfig: (config) => {
 			if (config.reset) style = config.reset;
+			config.layers ??= {};
+			config.layers.reset = -1;
 		},
 		configureEngine: async (engine) => {
 			const resetCss = resetStyles[style];
-			if (resetCss) engine.addPreflight(resetCss);
+			if (resetCss) engine.addPreflight({
+				layer: "reset",
+				preflight: resetCss
+			});
 		}
 	});
 }

package/package.json

@@ -4,16 +4,16 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.0.40",
+  "version": "0.0.42",
   "author": "DevilTea <ch19980814@gmail.com>",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pikacss/pikacss.github.io.git",
+    "url": "https://github.com/pikacss/pikacss.git",
     "directory": "packages/plugin-reset"
   },
   "bugs": {
-    "url": "https://github.com/pikacss/pikacss.github.io/issues"
+    "url": "https://github.com/pikacss/pikacss/issues"
   },
   "keywords": [
     "pikacss",
@@ -39,10 +39,10 @@
     "dist"
   ],
   "peerDependencies": {
-    "@pikacss/core": "0.0.40"
+    "@pikacss/core": "0.0.42"
   },
   "devDependencies": {
-    "@pikacss/core": "0.0.40"
+    "@pikacss/core": "0.0.42"
   },
   "scripts": {
     "build": "tsdown",

package/README.md

@@ -1,145 +0,0 @@
-<!-- eslint-disable -->
-# @pikacss/plugin-reset
-
-CSS reset/normalize plugin for PikaCSS.
-
-## Installation
-
-```bash
-pnpm add @pikacss/plugin-reset
-```
-
-## Quick Start
-
-**pika.config.ts**:
-```typescript
-/// <reference path="./src/pika.gen.ts" />
-
-import { defineEngineConfig } from '@pikacss/core'
-import { reset } from '@pikacss/plugin-reset'
-
-export default defineEngineConfig({
-	plugins: [
-		reset()
-	],
-	// Choose which reset style to use
-	reset: 'modern-normalize' // default
-})
-```
-
-## Features
-
-- 🎨 Multiple popular CSS reset/normalize styles to choose from
-- 🔧 Easy to switch between different reset styles
-- 📦 Zero dependencies (except @pikacss/core)
-- ⚡ Minimal configuration needed
-- 🌐 Battle-tested reset styles from the community
-
-## Usage
-
-### Available Reset Styles
-
-The plugin includes 5 popular CSS reset/normalize styles:
-
-1. **`modern-normalize`** (default) - Modern browser normalization
-2. **`normalize`** - The classic normalize.css
-3. **`andy-bell`** - Andy Bell's Modern CSS Reset
-4. **`eric-meyer`** - Eric Meyer's CSS Reset
-5. **`the-new-css-reset`** - Elad Shechter's The New CSS Reset
-
-### Basic Usage
-
-Apply the default reset (modern-normalize):
-
-```typescript
-/// <reference path="./src/pika.gen.ts" />
-
-import { defineEngineConfig } from '@pikacss/core'
-import { reset } from '@pikacss/plugin-reset'
-
-export default defineEngineConfig({
-	plugins: [
-		reset()
-	]
-})
-```
-
-### Choose a Different Reset Style
-
-Select your preferred reset style using the `reset` config option:
-
-```typescript
-/// <reference path="./src/pika.gen.ts" />
-
-import { defineEngineConfig } from '@pikacss/core'
-import { reset } from '@pikacss/plugin-reset'
-
-export default defineEngineConfig({
-	plugins: [
-		reset()
-	],
-	// Options: 'modern-normalize' | 'normalize' | 'andy-bell' | 'eric-meyer' | 'the-new-css-reset'
-	reset: 'andy-bell'
-})
-```
-
-## Reset Styles Comparison
-
-- **modern-normalize**: Focuses on normalizing only necessary styles for modern browsers
-- **normalize**: The classic normalize.css - makes browsers render elements more consistently
-- **andy-bell**: A modern, minimal reset focusing on sensible defaults
-- **eric-meyer**: The famous CSS reset by Eric Meyer - strips most default styling
-- **the-new-css-reset**: An aggressive reset for a clean slate
-
-## Configuration
-
-The reset style is configured at the engine level:
-
-```typescript
-export default defineEngineConfig({
-	plugins: [reset()],
-	reset: 'modern-normalize' // default
-})
-```
-
-## TypeScript Module Augmentation
-
-This plugin extends the `EngineConfig` interface from `@pikacss/core` to add the `reset` configuration option. This is done through TypeScript declaration merging:
-
-```typescript
-// Declared in @pikacss/plugin-reset source
-declare module '@pikacss/core' {
-	interface EngineConfig {
-		/**
-		 * Reset style to use.
-		 *
-		 * @default 'modern-normalize'
-		 */
-		reset?: ResetStyle
-	}
-}
-```
-
-When you import and register the plugin, TypeScript automatically recognizes the `reset` property on your config object, providing autocomplete and type checking:
-
-```typescript
-import { defineEngineConfig } from '@pikacss/core'
-import { reset } from '@pikacss/plugin-reset'
-
-export default defineEngineConfig({
-	plugins: [reset()],
-	// TypeScript provides autocomplete for valid reset values
-	reset: 'normalize' // ✅ Type-safe: only valid ResetStyle values accepted
-	// reset: 'invalid' // ❌ TypeScript error: not assignable to type ResetStyle
-})
-```
-
-This module augmentation pattern is used by all official PikaCSS plugins to extend the core configuration interface.
-
-## Documentation
-
-For complete documentation, visit: [PikaCSS Documentation](https://pikacss.github.io/pikacss/)
-
-## License
-
-MIT © DevilTea