@olundot/ui 0.3.0 → 0.4.0

package/dist/tailwind.preset.js

@@ -1,3 +1,5 @@
+"use client";
+
 // tailwind.preset.ts
 import corePreset from "@olundot/tokens/tailwind";
 var preset = {

package/dist/tokens.css

@@ -1,11 +1,22 @@
 /*
- * @olundot/ui — OLUN token hub
+ * @olundot/ui/tokens.css — OLUN canonical app entry (소비자 공식 진입점)
  *
- * 앱에서는 이 파일만 import하면 토큰 CSS 변수 + Tailwind v4 매핑이 모두 적용됩니다.
+ * olun-app 등 소비자는 global CSS에서 이 파일만 import하면
+ * 토큰 변수 + Tailwind v4 @theme 매핑 + ui alias가 모두 적용된다.
+ * (@olundot/tokens/css, @olundot/tokens/tailwind/v4를 개별 import할 필요 없음.)
+ *
+ * ⚠️ 단, Tailwind @source는 CSS @import로 해결 불가(소비자 측 경로) →
+ *    소비자 global CSS에 반드시 추가:
+ *      @source "../node_modules/@olundot/ui/dist";
+ *    (INTEGRATION.md "olun-app 최소 셋업" 참조)
  *
  * Usage (consumer global CSS):
- *   @import 'tailwindcss';
- *   @import '@olundot/ui/tokens.css';
+ *   @layer theme, base, components, utilities;
+ *   @import "tailwindcss/theme.css" layer(theme);
+ *   @import "tailwindcss/preflight.css" layer(base);
+ *   @import "tailwindcss/utilities.css" layer(utilities);
+ *   @source "../node_modules/@olundot/ui/dist";
+ *   @import "@olundot/ui/tokens.css";
  */
 
 /* 1. CSS custom properties (light/dark, semantic tokens) */
@@ -47,27 +58,52 @@
  * unconditionally — removing the duplicate avoids cascade conflicts.
  */
 
-/* Org-namespaced brand tokens (client-specific)
- * 패턴: --org-{slug}-{role}.
- *
- * tokens.css(token hub)에 정의 → @olundot/ui/tokens.css를 import하는 모든 app에서 자동 적용.
- *
- * Light-default system: plain :root carries the light value (JBNU Blue).
- * Dark is the override on :root[data-theme="dark"] and the OS-prefers media
- * block — mirroring the per-mode flip pattern of every other token. Without
- * this, a first paint with no data-theme attribute showed the dark Wine color
- * on a light background (light-default contract violation).
- */
-:root {
-  --org-jbnu-emblem: #004387; /* JBNU Blue — light default */
+@keyframes olun-sheet-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes olun-sheet-fade-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+@keyframes olun-sheet-in-from-right {
+  from { opacity: 0; transform: translateX(100%); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+@keyframes olun-sheet-out-to-right {
+  from { opacity: 1; transform: translateX(0); }
+  to { opacity: 0; transform: translateX(100%); }
+}
+
+@keyframes olun-sheet-in-from-left {
+  from { opacity: 0; transform: translateX(-100%); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+@keyframes olun-sheet-out-to-left {
+  from { opacity: 1; transform: translateX(0); }
+  to { opacity: 0; transform: translateX(-100%); }
+}
+
+@keyframes olun-sheet-in-from-top {
+  from { opacity: 0; transform: translateY(-100%); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes olun-sheet-out-to-top {
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(-100%); }
 }
 
-:root[data-theme="dark"] {
-  --org-jbnu-emblem: #a6165f; /* JBNU Wine — dark */
+@keyframes olun-sheet-in-from-bottom {
+  from { opacity: 0; transform: translateY(100%); }
+  to { opacity: 1; transform: translateY(0); }
 }
 
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --org-jbnu-emblem: #a6165f; /* JBNU Wine — OS-preferred dark */
-  }
+@keyframes olun-sheet-out-to-bottom {
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(100%); }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olundot/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "OLUN. shared React UI components built on OLUN design tokens",
   "license": "MIT",
   "keywords": [
@@ -44,7 +44,7 @@
     "lucide-react": "^1.8.0",
     "radix-ui": "^1.4.3",
     "tailwind-merge": "^3.5.0",
-    "@olundot/tokens": "^0.8.0"
+    "@olundot/tokens": "^0.9.0"
   },
   "peerDependencies": {
     "react": ">=18",