@exem-ui/tailwindcss3 0.1.0

package/README.md

@@ -0,0 +1,71 @@
+> [프로젝트 홈](../../../README.md) / [패키지 목록](../../README.md) / @exem-ui/tailwindcss3
+
+<p align="center">
+  <img src="../../../assets/webp/exem-design-system-banner.webp" alt="EXEM Design System" width="100%" />
+</p>
+
+# @exem-ui/tailwindcss3
+
+EXEM 디자인 시스템을 위한 Tailwind CSS 플러그인입니다.
+
+## 개요
+
+이 플러그인은 EXEM 디자인 시스템 토큰을 Tailwind CSS 유틸리티 클래스로 자동 변환합니다. 사용 가능한 유틸리티 클래스 목록은 아래 링크에서 확인하실 수 있습니다.
+
+### 동기
+
+Tailwind CSS 프로젝트 전반에 걸쳐 EXEM 디자인 시스템의 색상, 반경, 그림자 등을 일관되게 사용하세요. `bg-solid-primary-default`나 `rounded-medium` 같은 유틸리티를 즉시 사용할 수 있습니다.
+
+## 설치
+
+```bash
+# npm
+npm install -D @exem-ui/tailwindcss3
+npm install @exem-ui/core
+
+# yarn
+yarn add -D @exem-ui/tailwindcss3
+yarn add @exem-ui/core
+
+# pnpm
+pnpm add -D @exem-ui/tailwindcss3
+pnpm add @exem-ui/core
+```
+
+## 사용법
+
+### 1단계: CSS 변수 가져오기
+
+```tsx
+// App.tsx 또는 main.tsx (루트에서 한 번만 import)
+import "@exem-ui/core/css";
+```
+
+### 2단계: Tailwind 설정
+
+```javascript
+// tailwind.config.js
+import exemPlugin from "@exem-ui/tailwindcss3";
+
+export default {
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/@exem-ui/react/dist/**/*.{js,mjs}",
+  ],
+  plugins: [exemPlugin],
+};
+```
+
+## 요구사항
+
+- Node.js >= 18
+- Tailwind CSS 3.x (4.x 미지원)
+
+## 관련 패키지
+
+- [@exem-ui/core](../core) - CSS 변수, 디자인 토큰 (필수)
+- [@exem-ui/react](../../react) - React 컴포넌트
+
+## 라이선스
+
+Apache-2.0 | Copyright 2025 EXEM Corporation

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",
+	"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"
+	}
+}