@exem-ui/tailwindcss3 0.1.0-next.bf3c711

package/README.en.md

@@ -0,0 +1,102 @@
+<p align="center">
+  <h1 align="center">@exem-ui/tailwindcss3</h1>
+  <p align="center">Tailwind CSS v3 plugin for the EXEM Design System</p>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@exem-ui/tailwindcss3"><img src="https://img.shields.io/npm/v/@exem-ui/tailwindcss3?style=flat-square&color=blue" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/@exem-ui/tailwindcss3"><img src="https://img.shields.io/npm/dm/@exem-ui/tailwindcss3?style=flat-square" alt="npm downloads" /></a>
+  <img src="https://img.shields.io/badge/Tailwind_CSS-3-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" alt="Tailwind CSS" />
+  <img src="https://img.shields.io/badge/TypeScript-5.3-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" />
+  <a href="https://github.com/CloudMOA/exem-ui/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-Apache--2.0-green?style=flat-square" alt="license" /></a>
+</p>
+
+<p align="center">
+  English | <a href="./README.md">한국어</a>
+</p>
+
+---
+
+## Introduction
+
+`@exem-ui/tailwindcss3` is a plugin that brings the EXEM Design System's colors, radii, shadows, and more directly into your Tailwind CSS v3 project. Apply the full EXEM theme with a single line using the Preset approach.
+
+## Key Features
+
+- **Preset-based Setup** — Apply the full theme with one line in `tailwind.config`
+- **450+ Design Tokens** — Colors, radii, shadows, breakpoints auto-mapped
+- **CSS Variable Sync** — Automatically synchronized with `@exem-ui/core` CSS custom properties
+- **Zero Runtime** — Processed at build time with no runtime overhead
+
+## Installation
+
+```bash
+# npm
+npm install @exem-ui/tailwindcss3 @exem-ui/core
+
+# pnpm
+pnpm add @exem-ui/tailwindcss3 @exem-ui/core
+
+# yarn
+yarn add @exem-ui/tailwindcss3 @exem-ui/core
+```
+
+### Prerequisites
+
+- Tailwind CSS >= 3.0.0
+
+## Usage
+
+### Preset (Recommended)
+
+```ts
+// tailwind.config.ts
+import { exemPreset } from '@exem-ui/tailwindcss3/preset';
+
+export default {
+  presets: [exemPreset],
+  content: ['./src/**/*.{ts,tsx}'],
+};
+```
+
+### Plugin
+
+```ts
+// tailwind.config.ts
+import { exemPlugin } from '@exem-ui/tailwindcss3';
+
+export default {
+  plugins: [exemPlugin],
+  content: ['./src/**/*.{ts,tsx}'],
+};
+```
+
+### Using Tailwind Utilities
+
+```html
+<!-- Use EXEM design tokens as Tailwind classes -->
+<div class="bg-primary-500 text-mono-light rounded-md shadow-md">
+  EXEM styled content
+</div>
+```
+
+## Export Map
+
+| Path | Description |
+|------|-------------|
+| `@exem-ui/tailwindcss3` | Main entry (plugin) |
+| `@exem-ui/tailwindcss3/preset` | Tailwind Preset |
+
+## Related Packages
+
+| Package | Description |
+|---------|-------------|
+| [@exem-ui/core](https://www.npmjs.com/package/@exem-ui/core) | Design tokens, CSS variables |
+| [@exem-ui/react](https://www.npmjs.com/package/@exem-ui/react) | React UI components |
+| [@exem-ui/tailwindcss4](https://www.npmjs.com/package/@exem-ui/tailwindcss4) | Tailwind CSS v4 theme |
+
+## License
+
+Apache License 2.0 - Copyright 2026 Exem Co., Ltd.
+
+See [LICENSE](https://github.com/CloudMOA/exem-ui/blob/main/LICENSE) for details.

package/README.md

@@ -0,0 +1,102 @@
+<p align="center">
+  <h1 align="center">@exem-ui/tailwindcss3</h1>
+  <p align="center">EXEM 디자인 시스템을 위한 Tailwind CSS v3 플러그인</p>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@exem-ui/tailwindcss3"><img src="https://img.shields.io/npm/v/@exem-ui/tailwindcss3?style=flat-square&color=blue" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/@exem-ui/tailwindcss3"><img src="https://img.shields.io/npm/dm/@exem-ui/tailwindcss3?style=flat-square" alt="npm downloads" /></a>
+  <img src="https://img.shields.io/badge/Tailwind_CSS-3-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" alt="Tailwind CSS" />
+  <img src="https://img.shields.io/badge/TypeScript-5.3-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" />
+  <a href="https://github.com/CloudMOA/exem-ui/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-Apache--2.0-green?style=flat-square" alt="license" /></a>
+</p>
+
+<p align="center">
+  <a href="./README.en.md">English</a> | 한국어
+</p>
+
+---
+
+## 소개
+
+`@exem-ui/tailwindcss3`는 EXEM 디자인 시스템의 색상, 반경, 그림자 등을 Tailwind CSS v3 프로젝트에서 바로 사용할 수 있게 해주는 플러그인입니다. Preset 방식으로 한 줄 설정만으로 EXEM 테마를 적용할 수 있습니다.
+
+## 주요 특징
+
+- **Preset 기반 설정** — `tailwind.config`에 한 줄 추가로 전체 테마 적용
+- **450+ 디자인 토큰** — 색상, 반경, 그림자, 브레이크포인트 자동 매핑
+- **CSS 변수 연동** — `@exem-ui/core`의 CSS 커스텀 프로퍼티와 자동 동기화
+- **Zero Runtime** — 빌드 타임에 처리되어 런타임 오버헤드 없음
+
+## 설치
+
+```bash
+# npm
+npm install @exem-ui/tailwindcss3 @exem-ui/core
+
+# pnpm
+pnpm add @exem-ui/tailwindcss3 @exem-ui/core
+
+# yarn
+yarn add @exem-ui/tailwindcss3 @exem-ui/core
+```
+
+### 사전 요구사항
+
+- Tailwind CSS >= 3.0.0
+
+## 사용법
+
+### Preset 방식 (권장)
+
+```ts
+// tailwind.config.ts
+import { exemPreset } from '@exem-ui/tailwindcss3/preset';
+
+export default {
+  presets: [exemPreset],
+  content: ['./src/**/*.{ts,tsx}'],
+};
+```
+
+### 플러그인 방식
+
+```ts
+// tailwind.config.ts
+import { exemPlugin } from '@exem-ui/tailwindcss3';
+
+export default {
+  plugins: [exemPlugin],
+  content: ['./src/**/*.{ts,tsx}'],
+};
+```
+
+### Tailwind 유틸리티 사용
+
+```html
+<!-- EXEM 디자인 토큰을 Tailwind 클래스로 직접 사용 -->
+<div class="bg-primary-500 text-mono-light rounded-md shadow-md">
+  EXEM 스타일 적용됨
+</div>
+```
+
+## Export Map
+
+| 경로 | 설명 |
+|------|------|
+| `@exem-ui/tailwindcss3` | 메인 엔트리 (플러그인) |
+| `@exem-ui/tailwindcss3/preset` | Tailwind Preset |
+
+## 관련 패키지
+
+| 패키지 | 설명 |
+|--------|------|
+| [@exem-ui/core](https://www.npmjs.com/package/@exem-ui/core) | 디자인 토큰, CSS 변수 |
+| [@exem-ui/react](https://www.npmjs.com/package/@exem-ui/react) | React UI 컴포넌트 |
+| [@exem-ui/tailwindcss4](https://www.npmjs.com/package/@exem-ui/tailwindcss4) | Tailwind CSS v4 테마 |
+
+## 라이선스
+
+Apache License 2.0 - Copyright 2026 Exem Co., Ltd.
+
+자세한 내용은 [LICENSE](https://github.com/CloudMOA/exem-ui/blob/main/LICENSE)를 참조하세요.

package/dist/chunk-GQI4KKR5.mjs

@@ -0,0 +1,96 @@
+import { fontPreset, gradientTokens, gradientDirections, radius, colorKebab, textPreset, shadow, breakpoint } from '@exem-ui/core/tailwindcss';
+import plugin from 'tailwindcss/plugin';
+
+// src/plugin.ts
+function extractPrefixes(tokenKeys) {
+  const prefixes = /* @__PURE__ */ new Set();
+  for (const key of tokenKeys) {
+    const firstPart = key.split("-")[0];
+    if (firstPart) {
+      prefixes.add(firstPart);
+    }
+  }
+  return prefixes;
+}
+function generateSafelistPatterns() {
+  const colorKeys = Object.keys(colorKebab);
+  const radiusKeys = Object.keys(radius);
+  const shadowKeys = Object.keys(shadow);
+  const colorPrefixes = extractPrefixes(colorKeys);
+  const patterns = [];
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^bg-${prefix}-.+$`) });
+  }
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^text-${prefix}-.+$`) });
+  }
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^border-${prefix}-.+$`) });
+  }
+  for (const key of radiusKeys) {
+    patterns.push({ pattern: new RegExp(`^rounded-${key}$`) });
+  }
+  for (const key of shadowKeys) {
+    patterns.push({ pattern: new RegExp(`^shadow-${key}$`) });
+  }
+  patterns.push({ pattern: /^text-(header|title|body|caption)-.+$/ });
+  patterns.push({ pattern: /^text-code$/ });
+  const fontPresetKeys = Object.keys(fontPreset).join("|");
+  patterns.push({ pattern: new RegExp(`^font-(${fontPresetKeys})$`) });
+  return patterns;
+}
+var plugin_default = plugin(
+  ({ matchUtilities, addUtilities }) => {
+    const fontUtilities = {};
+    for (const [name, value] of Object.entries(fontPreset)) {
+      fontUtilities[`.font-${name}`] = {
+        "font-weight": value.fontWeight,
+        "line-height": value.lineHeight
+      };
+    }
+    addUtilities(fontUtilities);
+    addUtilities({
+      ".text-code": {
+        "font-family": "'JetBrains Mono', monospace"
+      }
+    });
+    for (const [name, colorStops] of Object.entries(gradientTokens)) {
+      matchUtilities(
+        {
+          [`bg-gradient-${name}`]: (direction) => ({
+            backgroundImage: `linear-gradient(${direction}, ${colorStops})`
+          })
+        },
+        {
+          values: { ...gradientDirections }
+        }
+      );
+    }
+  },
+  {
+    safelist: generateSafelistPatterns(),
+    theme: {
+      screens: {
+        ...breakpoint
+      },
+      boxShadow: {
+        ...shadow
+      },
+      fontSize: {
+        ...textPreset
+      },
+      extend: {
+        colors: {
+          ...colorKebab
+        },
+        borderRadius: {
+          ...radius
+        }
+      }
+    }
+  }
+);
+
+export { plugin_default };
+//# sourceMappingURL=chunk-GQI4KKR5.mjs.map
+//# sourceMappingURL=chunk-GQI4KKR5.mjs.map

package/dist/chunk-GQI4KKR5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts"],"names":[],"mappings":"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","file":"chunk-GQI4KKR5.mjs","sourcesContent":["import {\n  breakpoint,\n  colorKebab,\n  fontPreset,\n  gradientDirections,\n  gradientTokens,\n  radius,\n  shadow,\n  textPreset,\n} from '@exem-ui/core/tailwindcss';\nimport plugin from 'tailwindcss/plugin';\n\n/**\n * 토큰에서 prefix 그룹을 추출하는 함수.\n * 예: 'text-primary' -> 'text', 'solid-accent-default' -> 'solid'\n */\nfunction extractPrefixes(tokenKeys: string[]): Set<string> {\n  const prefixes = new Set<string>();\n\n  for (const key of tokenKeys) {\n    const firstPart = key.split('-')[0];\n    if (firstPart) {\n      prefixes.add(firstPart);\n    }\n  }\n\n  return prefixes;\n}\n\n/**\n * 동적으로 safelist 패턴을 생성합니다.\n * 토큰에서 자동으로 prefix를 추출하여 패턴을 만듭니다.\n * 토큰이 변경되면 safelist도 자동으로 업데이트됩니다.\n */\nfunction generateSafelistPatterns() {\n  const colorKeys = Object.keys(colorKebab);\n  const radiusKeys = Object.keys(radius);\n  const shadowKeys = Object.keys(shadow);\n\n  const colorPrefixes = extractPrefixes(colorKeys);\n  const patterns: Array<{ pattern: RegExp }> = [];\n\n  // 배경색 패턴 (bg-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^bg-${prefix}-.+$`) });\n  }\n\n  // 텍스트 색상 패턴 (text-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^text-${prefix}-.+$`) });\n  }\n\n  // 보더 색상 패턴 (border-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^border-${prefix}-.+$`) });\n  }\n\n  // 반경 패턴 (rounded-)\n  for (const key of radiusKeys) {\n    patterns.push({ pattern: new RegExp(`^rounded-${key}$`) });\n  }\n\n  // 그림자 패턴 (shadow-)\n  for (const key of shadowKeys) {\n    patterns.push({ pattern: new RegExp(`^shadow-${key}$`) });\n  }\n\n  // 폰트 크기 패턴\n  patterns.push({ pattern: /^text-(header|title|body|caption)-.+$/ });\n  patterns.push({ pattern: /^text-code$/ });\n\n  // 폰트 스타일 패턴 (fontPreset 토큰에서 자동 생성)\n  const fontPresetKeys = Object.keys(fontPreset).join('|');\n  patterns.push({ pattern: new RegExp(`^font-(${fontPresetKeys})$`) });\n\n  return patterns;\n}\n\n/**\n * EXEM 디자인 시스템 Tailwind CSS(v3.x) 플러그인.\n *\n * `@exem-ui/core/tailwindcss` 공통 토큰을 활용하여 Tailwind 테마를 확장하고\n * 동적 그라데이션 유틸리티와 자동 safelist를 제공합니다.\n *\n * 제공 기능:\n * - 색상: `@exem-ui/core` 디자인 토큰 색상 (extend)\n * - 반경: weak, medium, strong, hard (extend)\n * - 그림자: weak, medium, strong, hard\n * - 타이포그래피: text-header-1/2, text-title-1/2, text-body-1/2/3, text-caption, text-code\n * - 동적 그라데이션: bg-gradient-exem-logo-[to-right] 등\n * - 브레이크포인트: md, lg, xl\n * - 동적 safelist: 토큰 기반 자동 패턴 생성\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import exemPlugin from '@exem-ui/tailwindcss3';\n *\n * export default {\n *   plugins: [exemPlugin],\n * };\n * ```\n */\nexport default plugin(\n  ({ matchUtilities, addUtilities }) => {\n    // font-* 유틸리티 (fontWeight + lineHeight)\n    const fontUtilities: Record<string, Record<string, string>> = {};\n    for (const [name, value] of Object.entries(fontPreset)) {\n      fontUtilities[`.font-${name}`] = {\n        'font-weight': value.fontWeight,\n        'line-height': value.lineHeight,\n      };\n    }\n    addUtilities(fontUtilities);\n\n    // text-code: font-family 오버라이드 (font-size는 theme.fontSize에서 처리)\n    addUtilities({\n      '.text-code': {\n        'font-family': \"'JetBrains Mono', monospace\",\n      },\n    });\n\n    for (const [name, colorStops] of Object.entries(gradientTokens)) {\n      matchUtilities(\n        {\n          [`bg-gradient-${name}`]: (direction: string) => ({\n            backgroundImage: `linear-gradient(${direction}, ${colorStops})`,\n          }),\n        },\n        {\n          values: { ...gradientDirections },\n        },\n      );\n    }\n  },\n  {\n    safelist: generateSafelistPatterns(),\n    theme: {\n      screens: {\n        ...breakpoint,\n      },\n      boxShadow: {\n        ...shadow,\n      },\n      fontSize: {\n        ...textPreset,\n      },\n      extend: {\n        colors: {\n          ...colorKebab,\n        },\n        borderRadius: {\n          ...radius,\n        },\n      },\n    },\n  },\n);\n"]}

package/dist/index.d.mts

@@ -0,0 +1,33 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+
+/**
+ * EXEM 디자인 시스템 Tailwind CSS(v3.x) 플러그인.
+ *
+ * `@exem-ui/core/tailwindcss` 공통 토큰을 활용하여 Tailwind 테마를 확장하고
+ * 동적 그라데이션 유틸리티와 자동 safelist를 제공합니다.
+ *
+ * 제공 기능:
+ * - 색상: `@exem-ui/core` 디자인 토큰 색상 (extend)
+ * - 반경: weak, medium, strong, hard (extend)
+ * - 그림자: weak, medium, strong, hard
+ * - 타이포그래피: text-header-1/2, text-title-1/2, text-body-1/2/3, text-caption, text-code
+ * - 동적 그라데이션: bg-gradient-exem-logo-[to-right] 등
+ * - 브레이크포인트: md, lg, xl
+ * - 동적 safelist: 토큰 기반 자동 패턴 생성
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import exemPlugin from '@exem-ui/tailwindcss3';
+ *
+ * export default {
+ *   plugins: [exemPlugin],
+ * };
+ * ```
+ */
+declare const _default: {
+    handler: tailwindcss_types_config.PluginCreator;
+    config?: Partial<tailwindcss_types_config.Config>;
+};
+
+export { _default as default };

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+
+/**
+ * EXEM 디자인 시스템 Tailwind CSS(v3.x) 플러그인.
+ *
+ * `@exem-ui/core/tailwindcss` 공통 토큰을 활용하여 Tailwind 테마를 확장하고
+ * 동적 그라데이션 유틸리티와 자동 safelist를 제공합니다.
+ *
+ * 제공 기능:
+ * - 색상: `@exem-ui/core` 디자인 토큰 색상 (extend)
+ * - 반경: weak, medium, strong, hard (extend)
+ * - 그림자: weak, medium, strong, hard
+ * - 타이포그래피: text-header-1/2, text-title-1/2, text-body-1/2/3, text-caption, text-code
+ * - 동적 그라데이션: bg-gradient-exem-logo-[to-right] 등
+ * - 브레이크포인트: md, lg, xl
+ * - 동적 safelist: 토큰 기반 자동 패턴 생성
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import exemPlugin from '@exem-ui/tailwindcss3';
+ *
+ * export default {
+ *   plugins: [exemPlugin],
+ * };
+ * ```
+ */
+declare const _default: {
+    handler: tailwindcss_types_config.PluginCreator;
+    config?: Partial<tailwindcss_types_config.Config>;
+};
+
+export { _default as default };

package/dist/index.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var tailwindcss = require('@exem-ui/core/tailwindcss');
+var plugin = require('tailwindcss/plugin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var plugin__default = /*#__PURE__*/_interopDefault(plugin);
+
+// src/plugin.ts
+function extractPrefixes(tokenKeys) {
+  const prefixes = /* @__PURE__ */ new Set();
+  for (const key of tokenKeys) {
+    const firstPart = key.split("-")[0];
+    if (firstPart) {
+      prefixes.add(firstPart);
+    }
+  }
+  return prefixes;
+}
+function generateSafelistPatterns() {
+  const colorKeys = Object.keys(tailwindcss.colorKebab);
+  const radiusKeys = Object.keys(tailwindcss.radius);
+  const shadowKeys = Object.keys(tailwindcss.shadow);
+  const colorPrefixes = extractPrefixes(colorKeys);
+  const patterns = [];
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^bg-${prefix}-.+$`) });
+  }
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^text-${prefix}-.+$`) });
+  }
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^border-${prefix}-.+$`) });
+  }
+  for (const key of radiusKeys) {
+    patterns.push({ pattern: new RegExp(`^rounded-${key}$`) });
+  }
+  for (const key of shadowKeys) {
+    patterns.push({ pattern: new RegExp(`^shadow-${key}$`) });
+  }
+  patterns.push({ pattern: /^text-(header|title|body|caption)-.+$/ });
+  patterns.push({ pattern: /^text-code$/ });
+  const fontPresetKeys = Object.keys(tailwindcss.fontPreset).join("|");
+  patterns.push({ pattern: new RegExp(`^font-(${fontPresetKeys})$`) });
+  return patterns;
+}
+var plugin_default = plugin__default.default(
+  ({ matchUtilities, addUtilities }) => {
+    const fontUtilities = {};
+    for (const [name, value] of Object.entries(tailwindcss.fontPreset)) {
+      fontUtilities[`.font-${name}`] = {
+        "font-weight": value.fontWeight,
+        "line-height": value.lineHeight
+      };
+    }
+    addUtilities(fontUtilities);
+    addUtilities({
+      ".text-code": {
+        "font-family": "'JetBrains Mono', monospace"
+      }
+    });
+    for (const [name, colorStops] of Object.entries(tailwindcss.gradientTokens)) {
+      matchUtilities(
+        {
+          [`bg-gradient-${name}`]: (direction) => ({
+            backgroundImage: `linear-gradient(${direction}, ${colorStops})`
+          })
+        },
+        {
+          values: { ...tailwindcss.gradientDirections }
+        }
+      );
+    }
+  },
+  {
+    safelist: generateSafelistPatterns(),
+    theme: {
+      screens: {
+        ...tailwindcss.breakpoint
+      },
+      boxShadow: {
+        ...tailwindcss.shadow
+      },
+      fontSize: {
+        ...tailwindcss.textPreset
+      },
+      extend: {
+        colors: {
+          ...tailwindcss.colorKebab
+        },
+        borderRadius: {
+          ...tailwindcss.radius
+        }
+      }
+    }
+  }
+);
+
+// src/index.ts
+var src_default = plugin_default;
+
+module.exports = src_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts","../src/index.ts"],"names":["colorKebab","radius","shadow","fontPreset","plugin","gradientTokens","gradientDirections","breakpoint","textPreset"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  breakpoint,\n  colorKebab,\n  fontPreset,\n  gradientDirections,\n  gradientTokens,\n  radius,\n  shadow,\n  textPreset,\n} from '@exem-ui/core/tailwindcss';\nimport plugin from 'tailwindcss/plugin';\n\n/**\n * 토큰에서 prefix 그룹을 추출하는 함수.\n * 예: 'text-primary' -> 'text', 'solid-accent-default' -> 'solid'\n */\nfunction extractPrefixes(tokenKeys: string[]): Set<string> {\n  const prefixes = new Set<string>();\n\n  for (const key of tokenKeys) {\n    const firstPart = key.split('-')[0];\n    if (firstPart) {\n      prefixes.add(firstPart);\n    }\n  }\n\n  return prefixes;\n}\n\n/**\n * 동적으로 safelist 패턴을 생성합니다.\n * 토큰에서 자동으로 prefix를 추출하여 패턴을 만듭니다.\n * 토큰이 변경되면 safelist도 자동으로 업데이트됩니다.\n */\nfunction generateSafelistPatterns() {\n  const colorKeys = Object.keys(colorKebab);\n  const radiusKeys = Object.keys(radius);\n  const shadowKeys = Object.keys(shadow);\n\n  const colorPrefixes = extractPrefixes(colorKeys);\n  const patterns: Array<{ pattern: RegExp }> = [];\n\n  // 배경색 패턴 (bg-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^bg-${prefix}-.+$`) });\n  }\n\n  // 텍스트 색상 패턴 (text-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^text-${prefix}-.+$`) });\n  }\n\n  // 보더 색상 패턴 (border-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^border-${prefix}-.+$`) });\n  }\n\n  // 반경 패턴 (rounded-)\n  for (const key of radiusKeys) {\n    patterns.push({ pattern: new RegExp(`^rounded-${key}$`) });\n  }\n\n  // 그림자 패턴 (shadow-)\n  for (const key of shadowKeys) {\n    patterns.push({ pattern: new RegExp(`^shadow-${key}$`) });\n  }\n\n  // 폰트 크기 패턴\n  patterns.push({ pattern: /^text-(header|title|body|caption)-.+$/ });\n  patterns.push({ pattern: /^text-code$/ });\n\n  // 폰트 스타일 패턴 (fontPreset 토큰에서 자동 생성)\n  const fontPresetKeys = Object.keys(fontPreset).join('|');\n  patterns.push({ pattern: new RegExp(`^font-(${fontPresetKeys})$`) });\n\n  return patterns;\n}\n\n/**\n * EXEM 디자인 시스템 Tailwind CSS(v3.x) 플러그인.\n *\n * `@exem-ui/core/tailwindcss` 공통 토큰을 활용하여 Tailwind 테마를 확장하고\n * 동적 그라데이션 유틸리티와 자동 safelist를 제공합니다.\n *\n * 제공 기능:\n * - 색상: `@exem-ui/core` 디자인 토큰 색상 (extend)\n * - 반경: weak, medium, strong, hard (extend)\n * - 그림자: weak, medium, strong, hard\n * - 타이포그래피: text-header-1/2, text-title-1/2, text-body-1/2/3, text-caption, text-code\n * - 동적 그라데이션: bg-gradient-exem-logo-[to-right] 등\n * - 브레이크포인트: md, lg, xl\n * - 동적 safelist: 토큰 기반 자동 패턴 생성\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import exemPlugin from '@exem-ui/tailwindcss3';\n *\n * export default {\n *   plugins: [exemPlugin],\n * };\n * ```\n */\nexport default plugin(\n  ({ matchUtilities, addUtilities }) => {\n    // font-* 유틸리티 (fontWeight + lineHeight)\n    const fontUtilities: Record<string, Record<string, string>> = {};\n    for (const [name, value] of Object.entries(fontPreset)) {\n      fontUtilities[`.font-${name}`] = {\n        'font-weight': value.fontWeight,\n        'line-height': value.lineHeight,\n      };\n    }\n    addUtilities(fontUtilities);\n\n    // text-code: font-family 오버라이드 (font-size는 theme.fontSize에서 처리)\n    addUtilities({\n      '.text-code': {\n        'font-family': \"'JetBrains Mono', monospace\",\n      },\n    });\n\n    for (const [name, colorStops] of Object.entries(gradientTokens)) {\n      matchUtilities(\n        {\n          [`bg-gradient-${name}`]: (direction: string) => ({\n            backgroundImage: `linear-gradient(${direction}, ${colorStops})`,\n          }),\n        },\n        {\n          values: { ...gradientDirections },\n        },\n      );\n    }\n  },\n  {\n    safelist: generateSafelistPatterns(),\n    theme: {\n      screens: {\n        ...breakpoint,\n      },\n      boxShadow: {\n        ...shadow,\n      },\n      fontSize: {\n        ...textPreset,\n      },\n      extend: {\n        colors: {\n          ...colorKebab,\n        },\n        borderRadius: {\n          ...radius,\n        },\n      },\n    },\n  },\n);\n","import plugin from './plugin';\n\nexport default plugin;\n"]}

package/dist/index.mjs

@@ -0,0 +1,8 @@
+import { plugin_default } from './chunk-GQI4KKR5.mjs';
+
+// src/index.ts
+var src_default = plugin_default;
+
+export { src_default as default };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAEA,IAAO,WAAA,GAAQ","file":"index.mjs","sourcesContent":["import plugin from './plugin';\n\nexport default plugin;\n"]}

package/dist/preset.d.mts

@@ -0,0 +1,21 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * EXEM 디자인 시스템 Tailwind CSS v3 프리셋.
+ * 플러그인 + content 경로를 포함하는 완전한 설정입니다.
+ * 기존 `@exem-ui/ui`의 Tailwind preset 기능을 대체합니다.
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import exemPreset from '@exem-ui/tailwindcss3/preset';
+ *
+ * export default {
+ *   presets: [exemPreset],
+ *   content: ['./src/**\/*.{ts,tsx}'],
+ * } satisfies Config;
+ * ```
+ */
+declare const preset: Config;
+
+export { preset as default };

package/dist/preset.d.ts

@@ -0,0 +1,21 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * EXEM 디자인 시스템 Tailwind CSS v3 프리셋.
+ * 플러그인 + content 경로를 포함하는 완전한 설정입니다.
+ * 기존 `@exem-ui/ui`의 Tailwind preset 기능을 대체합니다.
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import exemPreset from '@exem-ui/tailwindcss3/preset';
+ *
+ * export default {
+ *   presets: [exemPreset],
+ *   content: ['./src/**\/*.{ts,tsx}'],
+ * } satisfies Config;
+ * ```
+ */
+declare const preset: Config;
+
+export { preset as default };

package/dist/preset.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var tailwindcss = require('@exem-ui/core/tailwindcss');
+var plugin = require('tailwindcss/plugin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var plugin__default = /*#__PURE__*/_interopDefault(plugin);
+
+// src/plugin.ts
+function extractPrefixes(tokenKeys) {
+  const prefixes = /* @__PURE__ */ new Set();
+  for (const key of tokenKeys) {
+    const firstPart = key.split("-")[0];
+    if (firstPart) {
+      prefixes.add(firstPart);
+    }
+  }
+  return prefixes;
+}
+function generateSafelistPatterns() {
+  const colorKeys = Object.keys(tailwindcss.colorKebab);
+  const radiusKeys = Object.keys(tailwindcss.radius);
+  const shadowKeys = Object.keys(tailwindcss.shadow);
+  const colorPrefixes = extractPrefixes(colorKeys);
+  const patterns = [];
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^bg-${prefix}-.+$`) });
+  }
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^text-${prefix}-.+$`) });
+  }
+  for (const prefix of colorPrefixes) {
+    patterns.push({ pattern: new RegExp(`^border-${prefix}-.+$`) });
+  }
+  for (const key of radiusKeys) {
+    patterns.push({ pattern: new RegExp(`^rounded-${key}$`) });
+  }
+  for (const key of shadowKeys) {
+    patterns.push({ pattern: new RegExp(`^shadow-${key}$`) });
+  }
+  patterns.push({ pattern: /^text-(header|title|body|caption)-.+$/ });
+  patterns.push({ pattern: /^text-code$/ });
+  const fontPresetKeys = Object.keys(tailwindcss.fontPreset).join("|");
+  patterns.push({ pattern: new RegExp(`^font-(${fontPresetKeys})$`) });
+  return patterns;
+}
+var plugin_default = plugin__default.default(
+  ({ matchUtilities, addUtilities }) => {
+    const fontUtilities = {};
+    for (const [name, value] of Object.entries(tailwindcss.fontPreset)) {
+      fontUtilities[`.font-${name}`] = {
+        "font-weight": value.fontWeight,
+        "line-height": value.lineHeight
+      };
+    }
+    addUtilities(fontUtilities);
+    addUtilities({
+      ".text-code": {
+        "font-family": "'JetBrains Mono', monospace"
+      }
+    });
+    for (const [name, colorStops] of Object.entries(tailwindcss.gradientTokens)) {
+      matchUtilities(
+        {
+          [`bg-gradient-${name}`]: (direction) => ({
+            backgroundImage: `linear-gradient(${direction}, ${colorStops})`
+          })
+        },
+        {
+          values: { ...tailwindcss.gradientDirections }
+        }
+      );
+    }
+  },
+  {
+    safelist: generateSafelistPatterns(),
+    theme: {
+      screens: {
+        ...tailwindcss.breakpoint
+      },
+      boxShadow: {
+        ...tailwindcss.shadow
+      },
+      fontSize: {
+        ...tailwindcss.textPreset
+      },
+      extend: {
+        colors: {
+          ...tailwindcss.colorKebab
+        },
+        borderRadius: {
+          ...tailwindcss.radius
+        }
+      }
+    }
+  }
+);
+
+// src/preset.ts
+var preset = {
+  content: [],
+  plugins: [plugin_default]
+};
+var preset_default = preset;
+
+module.exports = preset_default;
+//# sourceMappingURL=preset.js.map
+//# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts","../src/preset.ts"],"names":["colorKebab","radius","shadow","fontPreset","plugin","gradientTokens","gradientDirections","breakpoint","textPreset"],"mappings":"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","file":"preset.js","sourcesContent":["import {\n  breakpoint,\n  colorKebab,\n  fontPreset,\n  gradientDirections,\n  gradientTokens,\n  radius,\n  shadow,\n  textPreset,\n} from '@exem-ui/core/tailwindcss';\nimport plugin from 'tailwindcss/plugin';\n\n/**\n * 토큰에서 prefix 그룹을 추출하는 함수.\n * 예: 'text-primary' -> 'text', 'solid-accent-default' -> 'solid'\n */\nfunction extractPrefixes(tokenKeys: string[]): Set<string> {\n  const prefixes = new Set<string>();\n\n  for (const key of tokenKeys) {\n    const firstPart = key.split('-')[0];\n    if (firstPart) {\n      prefixes.add(firstPart);\n    }\n  }\n\n  return prefixes;\n}\n\n/**\n * 동적으로 safelist 패턴을 생성합니다.\n * 토큰에서 자동으로 prefix를 추출하여 패턴을 만듭니다.\n * 토큰이 변경되면 safelist도 자동으로 업데이트됩니다.\n */\nfunction generateSafelistPatterns() {\n  const colorKeys = Object.keys(colorKebab);\n  const radiusKeys = Object.keys(radius);\n  const shadowKeys = Object.keys(shadow);\n\n  const colorPrefixes = extractPrefixes(colorKeys);\n  const patterns: Array<{ pattern: RegExp }> = [];\n\n  // 배경색 패턴 (bg-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^bg-${prefix}-.+$`) });\n  }\n\n  // 텍스트 색상 패턴 (text-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^text-${prefix}-.+$`) });\n  }\n\n  // 보더 색상 패턴 (border-)\n  for (const prefix of colorPrefixes) {\n    patterns.push({ pattern: new RegExp(`^border-${prefix}-.+$`) });\n  }\n\n  // 반경 패턴 (rounded-)\n  for (const key of radiusKeys) {\n    patterns.push({ pattern: new RegExp(`^rounded-${key}$`) });\n  }\n\n  // 그림자 패턴 (shadow-)\n  for (const key of shadowKeys) {\n    patterns.push({ pattern: new RegExp(`^shadow-${key}$`) });\n  }\n\n  // 폰트 크기 패턴\n  patterns.push({ pattern: /^text-(header|title|body|caption)-.+$/ });\n  patterns.push({ pattern: /^text-code$/ });\n\n  // 폰트 스타일 패턴 (fontPreset 토큰에서 자동 생성)\n  const fontPresetKeys = Object.keys(fontPreset).join('|');\n  patterns.push({ pattern: new RegExp(`^font-(${fontPresetKeys})$`) });\n\n  return patterns;\n}\n\n/**\n * EXEM 디자인 시스템 Tailwind CSS(v3.x) 플러그인.\n *\n * `@exem-ui/core/tailwindcss` 공통 토큰을 활용하여 Tailwind 테마를 확장하고\n * 동적 그라데이션 유틸리티와 자동 safelist를 제공합니다.\n *\n * 제공 기능:\n * - 색상: `@exem-ui/core` 디자인 토큰 색상 (extend)\n * - 반경: weak, medium, strong, hard (extend)\n * - 그림자: weak, medium, strong, hard\n * - 타이포그래피: text-header-1/2, text-title-1/2, text-body-1/2/3, text-caption, text-code\n * - 동적 그라데이션: bg-gradient-exem-logo-[to-right] 등\n * - 브레이크포인트: md, lg, xl\n * - 동적 safelist: 토큰 기반 자동 패턴 생성\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import exemPlugin from '@exem-ui/tailwindcss3';\n *\n * export default {\n *   plugins: [exemPlugin],\n * };\n * ```\n */\nexport default plugin(\n  ({ matchUtilities, addUtilities }) => {\n    // font-* 유틸리티 (fontWeight + lineHeight)\n    const fontUtilities: Record<string, Record<string, string>> = {};\n    for (const [name, value] of Object.entries(fontPreset)) {\n      fontUtilities[`.font-${name}`] = {\n        'font-weight': value.fontWeight,\n        'line-height': value.lineHeight,\n      };\n    }\n    addUtilities(fontUtilities);\n\n    // text-code: font-family 오버라이드 (font-size는 theme.fontSize에서 처리)\n    addUtilities({\n      '.text-code': {\n        'font-family': \"'JetBrains Mono', monospace\",\n      },\n    });\n\n    for (const [name, colorStops] of Object.entries(gradientTokens)) {\n      matchUtilities(\n        {\n          [`bg-gradient-${name}`]: (direction: string) => ({\n            backgroundImage: `linear-gradient(${direction}, ${colorStops})`,\n          }),\n        },\n        {\n          values: { ...gradientDirections },\n        },\n      );\n    }\n  },\n  {\n    safelist: generateSafelistPatterns(),\n    theme: {\n      screens: {\n        ...breakpoint,\n      },\n      boxShadow: {\n        ...shadow,\n      },\n      fontSize: {\n        ...textPreset,\n      },\n      extend: {\n        colors: {\n          ...colorKebab,\n        },\n        borderRadius: {\n          ...radius,\n        },\n      },\n    },\n  },\n);\n","import type { Config } from 'tailwindcss';\nimport exemPlugin from './plugin';\n\n/**\n * EXEM 디자인 시스템 Tailwind CSS v3 프리셋.\n * 플러그인 + content 경로를 포함하는 완전한 설정입니다.\n * 기존 `@exem-ui/ui`의 Tailwind preset 기능을 대체합니다.\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import exemPreset from '@exem-ui/tailwindcss3/preset';\n *\n * export default {\n *   presets: [exemPreset],\n *   content: ['./src/**\\/*.{ts,tsx}'],\n * } satisfies Config;\n * ```\n */\nconst preset: Config = {\n  content: [],\n  plugins: [exemPlugin],\n};\n\nexport default preset;\n"]}

package/dist/preset.mjs

@@ -0,0 +1,12 @@
+import { plugin_default } from './chunk-GQI4KKR5.mjs';
+
+// src/preset.ts
+var preset = {
+  content: [],
+  plugins: [plugin_default]
+};
+var preset_default = preset;
+
+export { preset_default as default };
+//# sourceMappingURL=preset.mjs.map
+//# sourceMappingURL=preset.mjs.map

package/dist/preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset.ts"],"names":[],"mappings":";;;AAmBA,IAAM,MAAA,GAAiB;AAAA,EACrB,SAAS,EAAC;AAAA,EACV,OAAA,EAAS,CAAC,cAAU;AACtB,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"preset.mjs","sourcesContent":["import type { Config } from 'tailwindcss';\nimport exemPlugin from './plugin';\n\n/**\n * EXEM 디자인 시스템 Tailwind CSS v3 프리셋.\n * 플러그인 + content 경로를 포함하는 완전한 설정입니다.\n * 기존 `@exem-ui/ui`의 Tailwind preset 기능을 대체합니다.\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import exemPreset from '@exem-ui/tailwindcss3/preset';\n *\n * export default {\n *   presets: [exemPreset],\n *   content: ['./src/**\\/*.{ts,tsx}'],\n * } satisfies Config;\n * ```\n */\nconst preset: Config = {\n  content: [],\n  plugins: [exemPlugin],\n};\n\nexport default preset;\n"]}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@exem-ui/tailwindcss3",
+  "version": "0.1.0-next.bf3c711",
+  "description": "EXEM Design System - Tailwind CSS 3 Plugin",
+  "author": "EXEM Design Team",
+  "license": "Apache-2.0",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "import": "./dist/preset.mjs",
+      "require": "./dist/preset.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CloudMOA/exem-ui.git",
+    "directory": "packages/design-system/tailwind3"
+  },
+  "homepage": "https://github.com/CloudMOA/exem-ui",
+  "bugs": {
+    "url": "https://github.com/CloudMOA/exem-ui/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
+  "keywords": [
+    "tailwindcss",
+    "tailwindcss3",
+    "plugin",
+    "design-system",
+    "exem",
+    "css"
+  ],
+  "dependencies": {
+    "@exem-ui/core": "workspace:*"
+  },
+  "devDependencies": {
+    "tailwindcss": "^3.4.18",
+    "tsup": "^8.5.0",
+    "typescript": "^5.3.3"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^3.0.0"
+  }
+}