@starweave-lab/unocss-preset 0.0.0-stage → 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 zchengfeng
+
+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.en.md

@@ -0,0 +1,152 @@
+# unocss-preset
+
+English | [简体中文](./README.md)
+
+A [UnoCSS](https://unocss.dev/) preset with border, text-size and
+`content-visibility` rules, plus layout, element, motion and interaction
+shortcuts.
+
+Full documentation lives in [`docs/`](./docs):
+
+```bash
+pnpm docs:dev     # start the docs site
+pnpm docs:build   # build the docs site
+```
+
+Examples render live on the docs site; previewing the Markdown on GitHub does
+not load UnoCSS styles.
+
+## Features
+
+- Border rules: `b-t-primary`, `b-b-dashed-2-red`, `b-x-dotted-3-primary`
+- Text-size rules: `text-xs` through `text-5xl`, emitting both `font-size` and `line-height`
+- `content-visibility`: `cv-auto`, `cv-hidden`, `cv-visible`
+- `hocus:` variant matching both `:hover` and `:focus-visible`
+- Shortcuts: size, element, flex/grid/position, motion and interaction effects
+- Optional `prefix`
+
+The docs include a [live demo](./docs/en/guide/demo.md) rendered with the preset.
+
+## Install
+
+```bash
+pnpm add -D unocss @starweave-lab/unocss-preset
+```
+
+Requires Node.js >= 20.19.0 and UnoCSS >= 66.
+
+## Usage
+
+```ts
+// uno.config.ts
+import { defineConfig } from 'unocss'
+import { presetWind4 } from '@unocss/preset-wind4'
+import presetUnocss from '@starweave-lab/unocss-preset'
+
+export default defineConfig({
+  presets: [presetWind4(), presetUnocss()],
+  theme: {
+    colors: {
+      primary: '#3b82f6',
+    },
+  },
+})
+```
+
+Register the preset after `presetWind4` so its text sizes override the defaults.
+
+```html
+<div class="p-6 bg-gray-50">
+  <div class="flex-between mb-4">
+    <h2 class="text-2md">Title</h2>
+    <span class="text-xs text-gray-500">Description</span>
+  </div>
+
+  <div class="b-t-2-primary p-3 cv-auto">Content</div>
+</div>
+```
+
+## Options
+
+```ts
+interface PresetUnocssOptions {
+  /** Prefix applied to every utility and shortcut, for example `u-`. */
+  prefix?: string
+}
+```
+
+```ts
+presetUnocss({ prefix: 'u-' })
+```
+
+With a prefix, use `u-b-t-primary` and `hocus:u-cv-auto`.
+
+## Rules
+
+### Border
+
+Syntax: `b-<direction>[-<style>][-<width>]-<color>`
+
+| Utility                | Output                           |
+| ---------------------- | -------------------------------- |
+| `b-t-primary`          | `border-top: 1px solid primary`  |
+| `b-t-dashed-primary`   | `border-top: 1px dashed primary` |
+| `b-b-dashed-2-red`     | `border-bottom: 2px dashed red`  |
+| `b-l-2-red`            | `border-left: 2px solid red`     |
+| `b-x-dotted-3-primary` | left/right, 3px dotted primary   |
+| `b-y-double-1-gray`    | top/bottom, 1px double gray      |
+
+### Text size
+
+`text-xs`, `text-sm`, `text-base`, `text-md`, `text-2md`, `text-lg`, `text-xl`,
+`text-2xl`, `text-3xl`, `text-4xl`, `text-5xl`
+
+Each utility sets both `font-size` and `line-height`; see the
+[rules docs](./docs/en/guide/rules.md#text-size) for values.
+
+### content-visibility
+
+`cv-auto`, `cv-hidden`, `cv-visible`
+
+### hocus variant
+
+```html
+<button class="hocus:cv-auto">Button</button>
+```
+
+## Shortcuts
+
+| Group       | Shortcuts                                                                                                                                                                  |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Size        | `full`, `min-full`, `max-full`, `full-flex`                                                                                                                                |
+| Element     | `button`, `reset-button`, `block-button`, `link`, `img-cover`, `img-contain`, `avatar`, `clickable`, `overlay`, `overlay-full`                                             |
+| Flex        | `flex-center`, `flex-x-center`, `flex-y-center`, `flex-between`, `flex-between-center`, `flex-center-between`                                                              |
+| Grid        | `grid-center`, `grid-x-center`, `grid-y-center`, `grid-stretch`, `grid-between`, `grid-between-center`, `grid-center-between`, `grid-equal-cols`                           |
+| Position    | `absolute-center`, `absolute-x-center`, `absolute-y-center`, `fixed-center`, `fixed-x-center`, `fixed-y-center`                                                            |
+| Motion      | `motion-press`, `motion-float`, `motion-scale`, `motion-shrink`, `motion-rotate`, `motion-fade`                                                                            |
+| Interaction | `effect-selected`, `effect-focus`, `effect-interactive`, `effect-outline-ring`, `effect-disabled`, `effect-skeleton`, `effect-shadow`, `effect-border`, `effect-highlight` |
+
+Some shortcuts require the `primary` theme color. See the
+[shortcuts docs](./docs/en/guide/shortcuts.md) for expansions.
+
+## Development
+
+```bash
+pnpm install          # install dependencies (and Git hooks)
+pnpm dev              # watch build
+pnpm test             # run tests
+pnpm typecheck        # type check
+pnpm lint             # lint
+pnpm format           # format
+pnpm check            # typecheck + lint + format + test + build
+pnpm commit           # interactive commit (czg)
+pnpm changelog        # generate CHANGELOG.md
+pnpm docs:dev         # start the docs site
+pnpm build            # bundle with vite-plus (tsdown)
+```
+
+See [CONTRIBUTING.en.md](./CONTRIBUTING.en.md) for the contribution workflow.
+
+## License
+
+MIT

package/README.md

@@ -1,3 +1,146 @@
-# Temporary Holding Version
+# unocss-preset
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[English](./README.en.md) | 简体中文
+
+一个基于 [UnoCSS](https://unocss.dev/) 的预设，提供边框、字号、`content-visibility` 规则，以及布局、元素、动效与交互反馈快捷方式。
+
+完整文档见 [`docs/`](./docs)：
+
+```bash
+pnpm docs:dev     # 本地启动文档站
+pnpm docs:build   # 构建文档站
+```
+
+文档中的示例会在文档站内实时渲染；直接在 GitHub 预览 Markdown 不会加载 UnoCSS 样式。
+
+## 特性
+
+- 边框规则：`b-t-primary`、`b-b-dashed-2-red`、`b-x-dotted-3-primary`
+- 字号规则：`text-xs` 到 `text-5xl`，同时输出 `font-size` 与 `line-height`
+- `content-visibility`：`cv-auto`、`cv-hidden`、`cv-visible`
+- `hocus:` 变体：同时匹配 `:hover` 与 `:focus-visible`
+- 快捷方式：尺寸、元素、flex/grid/定位、动效与交互反馈
+- 支持 `prefix`
+
+文档包含一个由预设实时渲染的 [示例页面](./docs/guide/demo.md)。
+
+## 安装
+
+```bash
+pnpm add -D unocss @starweave-lab/unocss-preset
+```
+
+要求 Node.js >= 20.19.0、UnoCSS >= 66。
+
+## 使用
+
+```ts
+// uno.config.ts
+import { defineConfig } from 'unocss'
+import { presetWind4 } from '@unocss/preset-wind4'
+import presetUnocss from '@starweave-lab/unocss-preset'
+
+export default defineConfig({
+  presets: [presetWind4(), presetUnocss()],
+  theme: {
+    colors: {
+      primary: '#3b82f6',
+    },
+  },
+})
+```
+
+预设放在 `presetWind4` 之后，字号规则才能覆盖默认的 `text-*` 尺寸。
+
+```html
+<div class="p-6 bg-gray-50">
+  <div class="flex-between mb-4">
+    <h2 class="text-2md">标题</h2>
+    <span class="text-xs text-gray-500">说明</span>
+  </div>
+
+  <div class="b-t-2-primary p-3 cv-auto">内容</div>
+</div>
+```
+
+## 配置项
+
+```ts
+interface PresetUnocssOptions {
+  /** 为所有工具类和快捷方式添加前缀，例如 `u-` */
+  prefix?: string
+}
+```
+
+```ts
+presetUnocss({ prefix: 'u-' })
+```
+
+设置前缀后：`u-b-t-primary`、`hocus:u-cv-auto`。
+
+## 规则
+
+### 边框
+
+格式：`b-<方向>[-<样式>][-<宽度>]-<颜色>`
+
+| 工具类                 | 输出                             |
+| ---------------------- | -------------------------------- |
+| `b-t-primary`          | `border-top: 1px solid primary`  |
+| `b-t-dashed-primary`   | `border-top: 1px dashed primary` |
+| `b-b-dashed-2-red`     | `border-bottom: 2px dashed red`  |
+| `b-l-2-red`            | `border-left: 2px solid red`     |
+| `b-x-dotted-3-primary` | 左右边框，3px dotted primary     |
+| `b-y-double-1-gray`    | 上下边框，1px double gray        |
+
+### 字号
+
+`text-xs`、`text-sm`、`text-base`、`text-md`、`text-2md`、`text-lg`、`text-xl`、`text-2xl`、`text-3xl`、`text-4xl`、`text-5xl`
+
+每个工具类同时设置 `font-size` 与 `line-height`，具体数值见[规则文档](./docs/guide/rules.md#字号)。
+
+### content-visibility
+
+`cv-auto`、`cv-hidden`、`cv-visible`
+
+### hocus 变体
+
+```html
+<button class="hocus:cv-auto">按钮</button>
+```
+
+## 快捷方式
+
+| 分类     | 快捷方式                                                                                                                                                                   |
+| -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 尺寸     | `full`、`min-full`、`max-full`、`full-flex`                                                                                                                                |
+| 元素     | `button`、`reset-button`、`block-button`、`link`、`img-cover`、`img-contain`、`avatar`、`clickable`、`overlay`、`overlay-full`                                             |
+| Flex     | `flex-center`、`flex-x-center`、`flex-y-center`、`flex-between`、`flex-between-center`、`flex-center-between`                                                              |
+| Grid     | `grid-center`、`grid-x-center`、`grid-y-center`、`grid-stretch`、`grid-between`、`grid-between-center`、`grid-center-between`、`grid-equal-cols`                           |
+| 定位     | `absolute-center`、`absolute-x-center`、`absolute-y-center`、`fixed-center`、`fixed-x-center`、`fixed-y-center`                                                            |
+| 动效     | `motion-press`、`motion-float`、`motion-scale`、`motion-shrink`、`motion-rotate`、`motion-fade`                                                                            |
+| 交互反馈 | `effect-selected`、`effect-focus`、`effect-interactive`、`effect-outline-ring`、`effect-disabled`、`effect-skeleton`、`effect-shadow`、`effect-border`、`effect-highlight` |
+
+部分快捷方式依赖主题中的 `primary` 颜色。展开细节见[快捷方式文档](./docs/guide/shortcuts.md)。
+
+## 开发
+
+```bash
+pnpm install          # 安装依赖（同时安装 Git hooks）
+pnpm dev              # 监听构建
+pnpm test             # 运行测试
+pnpm typecheck        # 类型检查
+pnpm lint             # lint
+pnpm format           # 格式化
+pnpm check            # 类型检查 + lint + 格式 + 测试 + 构建
+pnpm commit           # czg 交互式提交
+pnpm changelog        # 生成 CHANGELOG.md
+pnpm docs:dev         # 启动文档站
+pnpm build            # 使用 vite-plus 内置 tsdown 打包
+```
+
+提交规范与流程见 [CONTRIBUTING.md](./CONTRIBUTING.md)。
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,26 @@
+//#region src/index.d.ts
+/**
+ * Options accepted by {@link presetUnocss}.
+ */
+export interface PresetUnocssOptions {
+  /**
+   * Prefix applied to every generated utility, for example `u-`.
+   * @default undefined
+   */
+  prefix?: string;
+}
+/**
+ *
+ * @example
+ * ```ts
+ * import presetUnocss from '@starweave-lab/unocss-preset'
+ *
+ * export default defineConfig({
+ *   presets: [presetWind4(), presetUnocss()],
+ * })
+ * ```
+ */
+export declare const presetUnocss: import("@unocss/core").PresetFactory<object, PresetUnocssOptions>;
+//#endregion
+export { presetUnocss as default };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -0,0 +1,413 @@
+import { definePreset } from "@unocss/core";
+//#region src/shortcuts/size.ts
+/**
+* Sizing shortcuts for filling a container.
+*
+* - `full` — `w-full h-full`
+* - `min-full` — `min-w-full min-h-full`
+* - `max-full` — `max-w-full max-h-full`
+* - `full-flex` — full width, flexible height (`flex-1`, `min-h-0`)
+*/
+const sizes$1 = {
+	full: "w-full h-full",
+	"min-full": "min-w-full min-h-full",
+	"max-full": "max-w-full max-h-full",
+	"full-flex": "w-full min-h-0 flex-1"
+};
+//#endregion
+//#region src/shortcuts/element.ts
+const easeOverlay = "ease-[cubic-bezier(0.4,0,0.2,1)]";
+const elements = {
+	button: "flex items-center justify-center grow-0 shrink-0 bg-transparent border-none outline-none appearance-none touch-none cursor-pointer select-none focus-visible:outline-none",
+	"reset-button": "p-0 m-0 bg-transparent border-none outline-none appearance-none touch-none cursor-pointer select-none focus-visible:outline-none",
+	"block-button": "block w-full bg-transparent border-0 border-none outline-none appearance-none box-border cursor-pointer select-none",
+	link: "text-primary cursor-pointer hover:underline",
+	"img-cover": "block w-full h-full object-cover",
+	"img-contain": "block w-full h-full object-contain",
+	avatar: "inline-block rounded-full object-cover shrink-0 bg-gray-100",
+	clickable: "cursor-pointer select-none",
+	overlay: `absolute inset-0 w-full h-full z-50 bg-black/30 backdrop-blur-sm transition-opacity duration-200 ${easeOverlay}`,
+	"overlay-full": `fixed inset-0 w-full h-full z-50 bg-black/30 backdrop-blur-sm transition-opacity duration-200 ${easeOverlay}`
+};
+//#endregion
+//#region src/shortcuts/layout.ts
+/**
+* Flex layout shortcuts.
+*
+* - `flex-center` / `flex-x-center` / `flex-y-center`
+* - `flex-between` / `flex-between-center` / `flex-center-between`
+*/
+const flexLayouts = {
+	"flex-center": "flex justify-center items-center",
+	"flex-x-center": "flex justify-center",
+	"flex-y-center": "flex items-center",
+	"flex-between": "flex justify-between",
+	"flex-between-center": "flex justify-between items-center",
+	"flex-center-between": "flex justify-center items-stretch"
+};
+/**
+* Grid layout shortcuts, including `grid-equal-cols` which auto-fits
+* equal-width columns.
+*/
+const gridLayouts = {
+	"grid-center": "grid place-content-center",
+	"grid-x-center": "grid justify-center",
+	"grid-y-center": "grid items-center",
+	"grid-stretch": "grid items-stretch",
+	"grid-between": "grid justify-between",
+	"grid-between-center": "grid justify-between items-center",
+	"grid-center-between": "grid place-content-between",
+	"grid-equal-cols": "grid grid-cols-[repeat(auto-fit,minmax(0,1fr))]"
+};
+/**
+* Absolute/fixed centering shortcuts, aligned on both axes or a single axis.
+*/
+const positionLayouts = {
+	"absolute-center": "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",
+	"absolute-x-center": "absolute left-1/2 transform -translate-x-1/2",
+	"absolute-y-center": "absolute top-1/2 transform -translate-y-1/2",
+	"fixed-center": "fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",
+	"fixed-x-center": "fixed left-1/2 transform -translate-x-1/2",
+	"fixed-y-center": "fixed top-1/2 transform -translate-y-1/2"
+};
+const layouts = {
+	...flexLayouts,
+	...gridLayouts,
+	...positionLayouts
+};
+//#endregion
+//#region src/shortcuts/motion.ts
+const easeMotion = "ease-[cubic-bezier(0.34,1.56,0.64,1)]";
+const motions = {
+	"motion-press": `transition-transform duration-300 ${easeMotion} active:scale-[0.96] motion-reduce:transition-none`,
+	"motion-float": `transition-transform duration-200 ${easeMotion} hover:-translate-y-1`,
+	"motion-scale": `transition-transform duration-200 ${easeMotion} hover:scale-[1.02]`,
+	"motion-shrink": `transition-transform duration-200 ${easeMotion} hover:scale-[0.98]`,
+	"motion-rotate": `transition-transform duration-200 ${easeMotion} hover:rotate-3`,
+	"motion-fade": `transition-opacity duration-200 ${easeMotion} hover:opacity-70`
+};
+//#endregion
+//#region src/shortcuts/effect.ts
+const easeEffect = "ease-out";
+const effects = {
+	"effect-selected": "bg-primary/10 text-primary",
+	"effect-focus": `transition duration-200 ${easeEffect} focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20`,
+	"effect-interactive": `cursor-pointer transition-colors duration-200 ${easeEffect} hover:bg-gray-100 active:bg-gray-200`,
+	"effect-outline-ring": `transition duration-200 ${easeEffect} outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2`,
+	"effect-disabled": "disabled:cursor-not-allowed disabled:opacity-50",
+	"effect-skeleton": "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800",
+	"effect-shadow": `transition-shadow duration-200 ${easeEffect} hover:shadow-md`,
+	"effect-border": `transition-colors duration-200 ${easeEffect} hover:border-primary`,
+	"effect-highlight": `transition-colors duration-200 ${easeEffect} hover:bg-primary/10 hover:border-primary`
+};
+//#endregion
+//#region src/shortcuts/index.ts
+const shortcuts = {
+	...sizes$1,
+	...elements,
+	...layouts,
+	...motions,
+	...effects
+};
+//#endregion
+//#region src/rules/text.ts
+const textSizes = {
+	xs: {
+		"font-size": "12px",
+		"line-height": "14px"
+	},
+	sm: {
+		"font-size": "14px",
+		"line-height": "18px"
+	},
+	base: {
+		"font-size": "16px",
+		"line-height": "24px"
+	},
+	md: {
+		"font-size": "18px",
+		"line-height": "28px"
+	},
+	"2md": {
+		"font-size": "20px",
+		"line-height": "32px"
+	},
+	lg: {
+		"font-size": "24px",
+		"line-height": "34px"
+	},
+	xl: {
+		"font-size": "28px",
+		"line-height": "40px"
+	},
+	"2xl": {
+		"font-size": "36px",
+		"line-height": "42px"
+	},
+	"3xl": {
+		"font-size": "48px",
+		"line-height": "56px"
+	},
+	"4xl": {
+		"font-size": "60px",
+		"line-height": "72px"
+	},
+	"5xl": {
+		"font-size": "72px",
+		"line-height": "80px"
+	}
+};
+const textSizePattern = Object.keys(textSizes).join("|");
+const textSizeRules = [[new RegExp(`^text-(${textSizePattern})$`), ([, key]) => textSizes[key]]];
+//#endregion
+//#region src/rules/border.ts
+const borderDirections = {
+	t: ["top"],
+	r: ["right"],
+	b: ["bottom"],
+	l: ["left"],
+	x: ["left", "right"],
+	y: ["top", "bottom"],
+	all: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	]
+};
+/**
+* Resolves a theme color path such as `primary`, `blue-500` or `light-blue-500`.
+* Longer keys win so theme entries containing hyphens still work.
+*/
+function lookupColor(colors, parts) {
+	if (!colors || typeof colors !== "object") return;
+	for (let size = parts.length; size > 0; size--) {
+		const key = parts.slice(0, size).join("-");
+		if (!(key in colors)) continue;
+		const value = colors[key];
+		if (size === parts.length) {
+			if (typeof value === "string") return value;
+			continue;
+		}
+		const nested = lookupColor(value, parts.slice(size));
+		if (nested) return nested;
+	}
+}
+function isColorFunction(value) {
+	return /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|var)\(/i.test(value);
+}
+const namedColors = new Set(`aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue
+  blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk
+  crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki
+  darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen
+  darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue
+  dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite
+  gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki
+  lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan
+  lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen
+  lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen
+  magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen
+  mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream
+  mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid
+  palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum
+  powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown
+  seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen
+  steelblue tan teal thistle tomato transparent turquoise violet wheat white whitesmoke
+  yellow yellowgreen currentcolor`.split(/\s+/));
+/**
+* Splits the opacity modifier from the color at a `/` outside any brackets or
+* parentheses, so arbitrary values such as `[rgb(1_2_3_/_50%)]` stay intact.
+*/
+function splitOpacity(input) {
+	let depth = 0;
+	let slash = -1;
+	for (let i = 0; i < input.length; i++) {
+		const char = input[i];
+		if (char === "[" || char === "(") depth++;
+		else if (char === "]" || char === ")") depth--;
+		else if (char === "/" && depth === 0) slash = i;
+	}
+	if (slash < 0) return [input, void 0];
+	return [input.slice(0, slash), input.slice(slash + 1)];
+}
+function toPercentage(value) {
+	const raw = value.startsWith("[") && value.endsWith("]") ? value.slice(1, -1) : value;
+	if (/^(?:\d+(?:\.\d+)?|\.\d+)%$/.test(raw)) return raw;
+	if (!raw) return;
+	const number = Number(raw);
+	if (!Number.isFinite(number) || number < 0) return;
+	return `${raw.includes(".") && number <= 1 ? number * 100 : number}%`;
+}
+/**
+* Resolves theme colors, opacity modifiers and arbitrary values.
+*
+* - `primary` → theme color
+* - `blue-500` → nested theme color
+* - `primary/50` → `color-mix(...)`
+* - `[#fff]` → `#fff`
+* - `red` / `rgb(1,2,3)` → raw CSS colors
+*/
+function resolveColor(input, colors) {
+	const [raw, opacity] = splitOpacity(input);
+	let resolved;
+	if (raw.startsWith("[") && raw.endsWith("]")) {
+		const inner = raw.slice(1, -1);
+		resolved = lookupColor(colors, inner.split("-")) ?? inner.replaceAll("_", " ");
+	} else resolved = lookupColor(colors, raw.split("-")) ?? (namedColors.has(raw.toLowerCase()) || isColorFunction(raw) ? raw : void 0);
+	if (!resolved) return;
+	if (opacity === void 0) return resolved;
+	const percent = toPercentage(opacity);
+	if (!percent) return;
+	return `color-mix(in srgb, ${resolved} ${percent}, transparent)`;
+}
+/**
+* 边框规则,格式为: b-边框方向(不写默认生成所有方向)-边框样式(不写默认为solid)-边框长度(必须写)-边框颜色, 例子:
+*
+* @examples
+*
+* b-1-primary          → 所有方向 1px solid primary
+* b-all-1-primary      → 所有方向 1px solid primary
+* b-t-1-primary        → border-top: 1px solid primary
+* b-t-dashed-1-primary → border-top: 1px dashed primary
+* b-b-dashed-2-red     → border-bottom: 2px dashed red
+* b-1-primary/50       → 所有方向 1px solid color-mix(primary 50%, transparent)
+* b-t-1-[#fff]         → border-top: 1px solid #fff
+*/
+const borderRules = [[/^b-(?:(all|[trblxy])-)?(?:(solid|dashed|dotted|double)-)?(\d+)-(.+)$/, ([, direction, style, width, color], { theme }) => {
+	if (!width || !color) return;
+	const properties = borderDirections[direction ?? "all"];
+	const resolvedColor = resolveColor(color, theme.colors);
+	if (!resolvedColor) return;
+	const declarations = {};
+	for (const s of properties) {
+		declarations[`border-${s}-width`] = `${width}px`;
+		declarations[`border-${s}-style`] = style ?? "solid";
+		declarations[`border-${s}-color`] = resolvedColor;
+	}
+	return declarations;
+}]];
+const contentVisibilityRules = [
+	"auto",
+	"hidden",
+	"visible"
+].map((value) => [`cv-${value}`, { "content-visibility": value }]);
+//#endregion
+//#region src/rules/shadow.ts
+const directions = [
+	"t",
+	"r",
+	"b",
+	"l",
+	"all"
+];
+const sizes = {
+	sm: {
+		offset: 1,
+		blur: 2,
+		spread: 0,
+		color: "rgba(0, 0, 0, 0.05)"
+	},
+	"": {
+		offset: 1,
+		blur: 3,
+		spread: 0,
+		color: "rgba(0, 0, 0, 0.1)"
+	},
+	md: {
+		offset: 4,
+		blur: 6,
+		spread: -1,
+		color: "rgba(0, 0, 0, 0.1)"
+	},
+	lg: {
+		offset: 10,
+		blur: 15,
+		spread: -3,
+		color: "rgba(0, 0, 0, 0.1)"
+	},
+	xl: {
+		offset: 20,
+		blur: 25,
+		spread: -5,
+		color: "rgba(0, 0, 0, 0.1)"
+	},
+	"2xl": {
+		offset: 25,
+		blur: 50,
+		spread: -12,
+		color: "rgba(0, 0, 0, 0.25)"
+	}
+};
+function generateBoxShadows() {
+	return directions.reduce((acc, direction) => {
+		Object.keys(sizes).forEach((sizeKey) => {
+			const size = sizes[sizeKey];
+			const key = `${direction}${sizeKey ? "-" + sizeKey : sizeKey}`;
+			let boxShadow;
+			if (direction === "all") boxShadow = `0px 0px ${size.blur}px ${size.spread}px ${size.color}`;
+			else boxShadow = `${["l", "r"].includes(direction) ? direction === "r" ? size.offset : -size.offset : 0}px ${["t", "b"].includes(direction) ? direction === "b" ? size.offset : -size.offset : 0}px ${size.blur}px ${size.spread}px ${size.color}`;
+			acc[key] = { "box-shadow": boxShadow };
+		});
+		return acc;
+	}, {});
+}
+const shadows = generateBoxShadows();
+/**
+* 规则格式: shadow-[方向][-尺寸]
+*
+* - 方向: `t` / `r` / `b` / `l` / `all`，不写时等同于 `all`
+* - 尺寸: `sm` / `md` / `lg` / `xl` / `2xl`，不写时为默认尺寸
+*/
+const shadowRules = [[/^shadow-(?:([trbl]|all)(?:-(sm|md|lg|xl|2xl))?|(sm|md|lg|xl|2xl))$/, ([, direction, size, sizeOnly]) => {
+	const resolvedSize = size ?? sizeOnly;
+	const key = `${direction ?? "all"}${resolvedSize ? `-${resolvedSize}` : ""}`;
+	return shadows[key];
+}]];
+//#endregion
+//#region src/rules/index.ts
+const rules = [
+	...borderRules,
+	...textSizeRules,
+	...contentVisibilityRules,
+	...shadowRules
+];
+//#endregion
+//#region src/index.ts
+/**
+* `hocus:` variant matching both `:hover` and `:focus-visible`.
+*/
+const hocusVariant = {
+	name: "hocus",
+	match: (matcher) => {
+		if (!matcher.startsWith("hocus:")) return;
+		return {
+			matcher: matcher.slice(6),
+			selector: (selector) => `${selector}:hover, ${selector}:focus-visible`
+		};
+	}
+};
+/**
+*
+* @example
+* ```ts
+* import presetUnocss from '@starweave-lab/unocss-preset'
+*
+* export default defineConfig({
+*   presets: [presetWind4(), presetUnocss()],
+* })
+* ```
+*/
+const presetUnocss = definePreset((options = {}) => {
+	const { prefix } = options;
+	return {
+		name: "unocss-preset",
+		rules,
+		variants: [hocusVariant],
+		shortcuts,
+		prefix
+	};
+});
+//#endregion
+export { presetUnocss as default, presetUnocss };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["sizes","sizes"],"sources":["../src/shortcuts/size.ts","../src/shortcuts/element.ts","../src/shortcuts/layout.ts","../src/shortcuts/motion.ts","../src/shortcuts/effect.ts","../src/shortcuts/index.ts","../src/rules/text.ts","../src/rules/border.ts","../src/rules/content-visibility.ts","../src/rules/shadow.ts","../src/rules/index.ts","../src/index.ts"],"sourcesContent":["/**\n * Sizing shortcuts for filling a container.\n *\n * - `full` — `w-full h-full`\n * - `min-full` — `min-w-full min-h-full`\n * - `max-full` — `max-w-full max-h-full`\n * - `full-flex` — full width, flexible height (`flex-1`, `min-h-0`)\n */\nexport const sizes = {\n  full: 'w-full h-full',\n  'min-full': 'min-w-full min-h-full',\n  'max-full': 'max-w-full max-h-full',\n  'full-flex': 'w-full min-h-0 flex-1',\n}\n","// Overlays only fade, so a standard easing curve fits better than a spring.\nconst easeOverlay = 'ease-[cubic-bezier(0.4,0,0.2,1)]'\nexport const elements = {\n  // button\n  button:\n    'flex items-center justify-center grow-0 shrink-0 bg-transparent border-none outline-none appearance-none touch-none cursor-pointer select-none focus-visible:outline-none',\n  'reset-button':\n    'p-0 m-0 bg-transparent border-none outline-none appearance-none touch-none cursor-pointer select-none focus-visible:outline-none',\n  'block-button':\n    'block w-full bg-transparent border-0 border-none outline-none appearance-none box-border cursor-pointer select-none',\n\n  link: 'text-primary cursor-pointer hover:underline',\n  'img-cover': 'block w-full h-full object-cover',\n  'img-contain': 'block w-full h-full object-contain',\n  avatar: 'inline-block rounded-full object-cover shrink-0 bg-gray-100',\n  clickable: 'cursor-pointer select-none',\n\n  // 悬浮层\n  overlay: `absolute inset-0 w-full h-full z-50 bg-black/30 backdrop-blur-sm transition-opacity duration-200 ${easeOverlay}`,\n  'overlay-full': `fixed inset-0 w-full h-full z-50 bg-black/30 backdrop-blur-sm transition-opacity duration-200 ${easeOverlay}`,\n}\n","/**\n * Flex layout shortcuts.\n *\n * - `flex-center` / `flex-x-center` / `flex-y-center`\n * - `flex-between` / `flex-between-center` / `flex-center-between`\n */\nconst flexLayouts = {\n  'flex-center': 'flex justify-center items-center',\n  'flex-x-center': 'flex justify-center',\n  'flex-y-center': 'flex items-center',\n  'flex-between': 'flex justify-between',\n  'flex-between-center': 'flex justify-between items-center',\n  'flex-center-between': 'flex justify-center items-stretch',\n}\n\n/**\n * Grid layout shortcuts, including `grid-equal-cols` which auto-fits\n * equal-width columns.\n */\nconst gridLayouts = {\n  'grid-center': 'grid place-content-center',\n  'grid-x-center': 'grid justify-center',\n  'grid-y-center': 'grid items-center',\n  'grid-stretch': 'grid items-stretch',\n  'grid-between': 'grid justify-between',\n  'grid-between-center': 'grid justify-between items-center',\n  'grid-center-between': 'grid place-content-between',\n  'grid-equal-cols': 'grid grid-cols-[repeat(auto-fit,minmax(0,1fr))]',\n}\n\n/**\n * Absolute/fixed centering shortcuts, aligned on both axes or a single axis.\n */\nconst positionLayouts = {\n  'absolute-center': 'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2',\n  'absolute-x-center': 'absolute left-1/2 transform -translate-x-1/2',\n  'absolute-y-center': 'absolute top-1/2 transform -translate-y-1/2',\n  'fixed-center': 'fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2',\n  'fixed-x-center': 'fixed left-1/2 transform -translate-x-1/2',\n  'fixed-y-center': 'fixed top-1/2 transform -translate-y-1/2',\n}\n\nexport const layouts = {\n  ...flexLayouts,\n  ...gridLayouts,\n  ...positionLayouts,\n}\n","// Spring easing gives movement shortcuts their bounce.\nconst easeMotion = 'ease-[cubic-bezier(0.34,1.56,0.64,1)]'\n\nexport const motions = {\n  // 按下弹簧效果\n  'motion-press': `transition-transform duration-300 ${easeMotion} active:scale-[0.96] motion-reduce:transition-none`,\n  // 悬浮浮起\n  'motion-float': `transition-transform duration-200 ${easeMotion} hover:-translate-y-1`,\n  // 悬浮放大\n  'motion-scale': `transition-transform duration-200 ${easeMotion} hover:scale-[1.02]`,\n  // 悬浮缩小\n  'motion-shrink': `transition-transform duration-200 ${easeMotion} hover:scale-[0.98]`,\n  // 悬浮旋转\n  'motion-rotate': `transition-transform duration-200 ${easeMotion} hover:rotate-3`,\n  // 悬浮透明度变化\n  'motion-fade': `transition-opacity duration-200 ${easeMotion} hover:opacity-70`,\n}\n","// Effects are subtle feedback, so use a simple ease-out instead of a spring.\nconst easeEffect = 'ease-out'\n\nexport const effects = {\n  // 选中状态\n  'effect-selected': 'bg-primary/10 text-primary',\n  // 输入框聚焦反馈\n  'effect-focus': `transition duration-200 ${easeEffect} focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20`,\n  // 通用交互反馈\n  'effect-interactive': `cursor-pointer transition-colors duration-200 ${easeEffect} hover:bg-gray-100 active:bg-gray-200`,\n  // 聚焦轮廓\n  'effect-outline-ring': `transition duration-200 ${easeEffect} outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2`,\n  // 禁用状态\n  'effect-disabled': 'disabled:cursor-not-allowed disabled:opacity-50',\n  // 骨架屏基础样式\n  'effect-skeleton': 'animate-pulse rounded-md bg-gray-200 dark:bg-gray-800',\n  // 悬浮阴影\n  'effect-shadow': `transition-shadow duration-200 ${easeEffect} hover:shadow-md`,\n  // 悬浮边框高亮\n  'effect-border': `transition-colors duration-200 ${easeEffect} hover:border-primary`,\n  // 悬浮高亮\n  'effect-highlight': `transition-colors duration-200 ${easeEffect} hover:bg-primary/10 hover:border-primary`,\n}\n","import { sizes } from './size'\nimport { elements } from './element'\nimport { layouts } from './layout'\nimport { motions } from './motion'\nimport { effects } from './effect'\n\nexport const shortcuts = {\n  ...sizes,\n  ...elements,\n  ...layouts,\n  ...motions,\n  ...effects,\n}\n","import type { Rule } from '@unocss/core'\n\nconst textSizes = {\n  xs: {\n    'font-size': '12px',\n    'line-height': '14px',\n  },\n  sm: {\n    'font-size': '14px',\n    'line-height': '18px',\n  },\n  base: {\n    'font-size': '16px',\n    'line-height': '24px',\n  },\n  md: {\n    'font-size': '18px',\n    'line-height': '28px',\n  },\n  '2md': {\n    'font-size': '20px',\n    'line-height': '32px',\n  },\n  lg: {\n    'font-size': '24px',\n    'line-height': '34px',\n  },\n  xl: {\n    'font-size': '28px',\n    'line-height': '40px',\n  },\n  '2xl': {\n    'font-size': '36px',\n    'line-height': '42px',\n  },\n  '3xl': {\n    'font-size': '48px',\n    'line-height': '56px',\n  },\n  '4xl': {\n    'font-size': '60px',\n    'line-height': '72px',\n  },\n  '5xl': {\n    'font-size': '72px',\n    'line-height': '80px',\n  },\n} as const\nexport type TextSizeKeys = keyof typeof textSizes\nconst textSizePattern = Object.keys(textSizes).join('|')\n\nexport const textSizeRules: Rule[] = [\n  [new RegExp(`^text-(${textSizePattern})$`), ([, key]) => textSizes[key as TextSizeKeys]],\n]\n","import type { Rule } from '@unocss/core'\n\ntype BorderDirection = 't' | 'r' | 'b' | 'l' | 'x' | 'y' | 'all'\n\nconst borderDirections: Record<BorderDirection, string[]> = {\n  t: ['top'],\n  r: ['right'],\n  b: ['bottom'],\n  l: ['left'],\n  x: ['left', 'right'],\n  y: ['top', 'bottom'],\n  all: ['top', 'right', 'bottom', 'left'],\n}\n\n/**\n * Resolves a theme color path such as `primary`, `blue-500` or `light-blue-500`.\n * Longer keys win so theme entries containing hyphens still work.\n */\nfunction lookupColor(colors: unknown, parts: string[]): string | undefined {\n  if (!colors || typeof colors !== 'object') return\n  for (let size = parts.length; size > 0; size--) {\n    const key = parts.slice(0, size).join('-')\n    if (!(key in colors)) continue\n    const value = (colors as Record<string, unknown>)[key]\n    if (size === parts.length) {\n      if (typeof value === 'string') return value\n      continue\n    }\n    const nested = lookupColor(value, parts.slice(size))\n    if (nested) return nested\n  }\n}\n\nfunction isColorFunction(value: string): boolean {\n  return /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|var)\\(/i.test(value)\n}\n\nconst namedColors = new Set(\n  `aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue\n  blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk\n  crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki\n  darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen\n  darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue\n  dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite\n  gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki\n  lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan\n  lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen\n  lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen\n  magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen\n  mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream\n  mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid\n  palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum\n  powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown\n  seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen\n  steelblue tan teal thistle tomato transparent turquoise violet wheat white whitesmoke\n  yellow yellowgreen currentcolor`.split(/\\s+/),\n)\n\n/**\n * Splits the opacity modifier from the color at a `/` outside any brackets or\n * parentheses, so arbitrary values such as `[rgb(1_2_3_/_50%)]` stay intact.\n */\nfunction splitOpacity(input: string): [string, string | undefined] {\n  let depth = 0\n  let slash = -1\n\n  for (let i = 0; i < input.length; i++) {\n    const char = input[i]\n    if (char === '[' || char === '(') depth++\n    else if (char === ']' || char === ')') depth--\n    else if (char === '/' && depth === 0) slash = i\n  }\n\n  if (slash < 0) return [input, undefined]\n  return [input.slice(0, slash), input.slice(slash + 1)]\n}\n\nfunction toPercentage(value: string): string | undefined {\n  const raw = value.startsWith('[') && value.endsWith(']') ? value.slice(1, -1) : value\n  if (/^(?:\\d+(?:\\.\\d+)?|\\.\\d+)%$/.test(raw)) return raw\n  if (!raw) return\n\n  const number = Number(raw)\n  if (!Number.isFinite(number) || number < 0) return\n\n  const percent = raw.includes('.') && number <= 1 ? number * 100 : number\n  return `${percent}%`\n}\n\n/**\n * Resolves theme colors, opacity modifiers and arbitrary values.\n *\n * - `primary` → theme color\n * - `blue-500` → nested theme color\n * - `primary/50` → `color-mix(...)`\n * - `[#fff]` → `#fff`\n * - `red` / `rgb(1,2,3)` → raw CSS colors\n */\nfunction resolveColor(input: string, colors: unknown): string | undefined {\n  const [raw, opacity] = splitOpacity(input)\n\n  let resolved: string | undefined\n  if (raw.startsWith('[') && raw.endsWith(']')) {\n    const inner = raw.slice(1, -1)\n    // Arbitrary values still resolve theme colors, e.g. `[primary]` → `#3b82f6`.\n    resolved = lookupColor(colors, inner.split('-')) ?? inner.replaceAll('_', ' ')\n  } else {\n    resolved =\n      lookupColor(colors, raw.split('-')) ??\n      (namedColors.has(raw.toLowerCase()) || isColorFunction(raw) ? raw : undefined)\n  }\n\n  if (!resolved) return\n  if (opacity === undefined) return resolved\n\n  const percent = toPercentage(opacity)\n  if (!percent) return\n\n  return `color-mix(in srgb, ${resolved} ${percent}, transparent)`\n}\n\n/**\n * 边框规则,格式为: b-边框方向(不写默认生成所有方向)-边框样式(不写默认为solid)-边框长度(必须写)-边框颜色, 例子:\n *\n * @examples\n *\n * b-1-primary          → 所有方向 1px solid primary\n * b-all-1-primary      → 所有方向 1px solid primary\n * b-t-1-primary        → border-top: 1px solid primary\n * b-t-dashed-1-primary → border-top: 1px dashed primary\n * b-b-dashed-2-red     → border-bottom: 2px dashed red\n * b-1-primary/50       → 所有方向 1px solid color-mix(primary 50%, transparent)\n * b-t-1-[#fff]         → border-top: 1px solid #fff\n */\nexport const borderRules: Rule[] = [\n  [\n    /^b-(?:(all|[trblxy])-)?(?:(solid|dashed|dotted|double)-)?(\\d+)-(.+)$/,\n    ([, direction, style, width, color], { theme }) => {\n      if (!width || !color) return\n      const properties = borderDirections[(direction ?? 'all') as BorderDirection]\n      const resolvedColor = resolveColor(color, (theme as { colors?: unknown }).colors)\n      if (!resolvedColor) return\n\n      const declarations: Record<string, string> = {}\n      for (const s of properties) {\n        declarations[`border-${s}-width`] = `${width}px`\n        declarations[`border-${s}-style`] = style ?? 'solid'\n        declarations[`border-${s}-color`] = resolvedColor\n      }\n      return declarations\n    },\n  ],\n]\n","import type { Rule } from '@unocss/core'\nconst values = ['auto', 'hidden', 'visible'] as const\n\nexport const contentVisibilityRules: Rule[] = values.map((value) => [\n  `cv-${value}`,\n  { 'content-visibility': value },\n])\n","import type { Rule } from '@unocss/core'\n\ntype Direction = 't' | 'r' | 'b' | 'l' | 'all'\ntype SizeKey = 'sm' | 'md' | '' | 'lg' | 'xl' | '2xl'\n\ninterface Size {\n  offset: number\n  blur: number\n  spread: number\n  color: string\n}\ntype BoxShadowStyles = Record<string, { 'box-shadow': string }>\n\nconst directions: Direction[] = ['t', 'r', 'b', 'l', 'all']\nconst sizes: Record<SizeKey, Size> = {\n  sm: { offset: 1, blur: 2, spread: 0, color: 'rgba(0, 0, 0, 0.05)' },\n  '': { offset: 1, blur: 3, spread: 0, color: 'rgba(0, 0, 0, 0.1)' },\n  md: { offset: 4, blur: 6, spread: -1, color: 'rgba(0, 0, 0, 0.1)' },\n  lg: { offset: 10, blur: 15, spread: -3, color: 'rgba(0, 0, 0, 0.1)' },\n  xl: { offset: 20, blur: 25, spread: -5, color: 'rgba(0, 0, 0, 0.1)' },\n  '2xl': { offset: 25, blur: 50, spread: -12, color: 'rgba(0, 0, 0, 0.25)' },\n}\n\nfunction generateBoxShadows() {\n  return directions.reduce((acc: BoxShadowStyles, direction: Direction) => {\n    Object.keys(sizes).forEach((sizeKey: string) => {\n      const size = sizes[sizeKey as SizeKey]\n      const key = `${direction}${sizeKey ? '-' + sizeKey : sizeKey}`\n      let boxShadow: string\n\n      if (direction === 'all') {\n        boxShadow = `0px 0px ${size.blur}px ${size.spread}px ${size.color}`\n      } else {\n        const horizontalOffset = ['l', 'r'].includes(direction)\n          ? direction === 'r'\n            ? size.offset\n            : -size.offset\n          : 0\n        const verticalOffset = ['t', 'b'].includes(direction)\n          ? direction === 'b'\n            ? size.offset\n            : -size.offset\n          : 0\n        boxShadow = `${horizontalOffset}px ${verticalOffset}px ${size.blur}px ${size.spread}px ${size.color}`\n      }\n      acc[key] = { 'box-shadow': boxShadow }\n    })\n    return acc\n  }, {} as BoxShadowStyles)\n}\n\nconst shadows = generateBoxShadows()\n\n/**\n * 规则格式: shadow-[方向][-尺寸]\n *\n * - 方向: `t` / `r` / `b` / `l` / `all`，不写时等同于 `all`\n * - 尺寸: `sm` / `md` / `lg` / `xl` / `2xl`，不写时为默认尺寸\n */\nexport const shadowRules: Rule[] = [\n  [\n    /^shadow-(?:([trbl]|all)(?:-(sm|md|lg|xl|2xl))?|(sm|md|lg|xl|2xl))$/,\n    ([, direction, size, sizeOnly]) => {\n      const resolvedSize = size ?? sizeOnly\n      const key = `${direction ?? 'all'}${resolvedSize ? `-${resolvedSize}` : ''}`\n      return shadows[key]\n    },\n  ],\n]\n","import { textSizeRules } from './text'\nimport { borderRules } from './border'\nimport { contentVisibilityRules } from './content-visibility'\nimport { shadowRules } from './shadow'\n\nexport const rules = [...borderRules, ...textSizeRules, ...contentVisibilityRules, ...shadowRules]\n","import type { Preset, Variant } from '@unocss/core'\nimport { definePreset } from '@unocss/core'\nimport { shortcuts } from './shortcuts'\nimport { rules } from './rules'\n\n/**\n * Options accepted by {@link presetUnocss}.\n */\nexport interface PresetUnocssOptions {\n  /**\n   * Prefix applied to every generated utility, for example `u-`.\n   * @default undefined\n   */\n  prefix?: string\n}\n\n/**\n * `hocus:` variant matching both `:hover` and `:focus-visible`.\n */\nconst hocusVariant: Variant = {\n  name: 'hocus',\n  match: (matcher) => {\n    if (!matcher.startsWith('hocus:')) return\n    return {\n      matcher: matcher.slice('hocus:'.length),\n      selector: (selector) => `${selector}:hover, ${selector}:focus-visible`,\n    }\n  },\n}\n\n/**\n *\n * @example\n * ```ts\n * import presetUnocss from '@starweave-lab/unocss-preset'\n *\n * export default defineConfig({\n *   presets: [presetWind4(), presetUnocss()],\n * })\n * ```\n */\nexport const presetUnocss = definePreset<PresetUnocssOptions>((options = {}) => {\n  const { prefix } = options\n  const preset: Preset = {\n    name: 'unocss-preset',\n    rules,\n    variants: [hocusVariant],\n    shortcuts,\n    prefix: prefix,\n  }\n  return preset\n})\n\nexport default presetUnocss\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,94 @@
 {
   "name": "@starweave-lab/unocss-preset",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.2",
+  "description": "A useful UnoCSS preset.",
+  "keywords": [
+    "atomic-css",
+    "preset",
+    "unocss",
+    "unocss-preset"
+  ],
+  "license": "MIT",
+  "author": "zchengfeng <2684837849@qq.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yibird/unocss-preset.git"
+  },
+  "funding": "https://github.com/sponsors/unocss-preset",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@unocss/core": "^66.11.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^21.2.4",
+    "@commitlint/config-conventional": "^21.2.4",
+    "@types/node": "^26.6.5",
+    "@unocss/preset-wind4": "^66.11.0",
+    "conventional-changelog": "^8.1.3",
+    "conventional-changelog-conventionalcommits": "^10.4.1",
+    "cz-git": "^1.14.0",
+    "lint-staged": "^17.6.0",
+    "simple-git-hooks": "^2.14.0",
+    "typescript": "~7.0.2",
+    "vite-plus": "^1.3.0"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged",
+    "commit-msg": "pnpm exec commitlint --edit $1",
+    "preserveUnused": true
+  },
+  "lint-staged": {
+    "*.{js,mjs,cjs,ts,mts,cts}": [
+      "vp lint --fix --tsconfig=tsconfig.json",
+      "vp fmt --write"
+    ],
+    "*.{json,jsonc,md,yml,yaml,css,html}": [
+      "vp fmt --write"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  },
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "scripts": {
+    "dev": "vp pack --watch",
+    "build": "vp pack",
+    "test": "vp test",
+    "test:watch": "vp test watch",
+    "lint": "vp lint .",
+    "lint:fix": "vp lint . --fix",
+    "format": "vp fmt --write .",
+    "format:check": "vp fmt --check .",
+    "typecheck": "tsc --noEmit",
+    "check": "pnpm typecheck && vp check && vp test && vp pack",
+    "commit": "czg",
+    "changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md -r 0",
+    "docs:dev": "pnpm -C docs dev",
+    "docs:build": "pnpm -C docs build",
+    "docs:preview": "pnpm -C docs preview"
+  }
 }