@olundot/ui 0.1.0

package/dist/tailwind.preset.d.ts

@@ -0,0 +1,18 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * @olundot/ui Tailwind preset.
+ *
+ * This re-exports the canonical @olundot/tokens preset (single source of truth:
+ * packages/tokens/src/tailwind.preset.ts) and layers on UI-package-specific
+ * additions. Consuming `@olundot/ui/tailwind.preset` is therefore equivalent to
+ * consuming `@olundot/tokens/tailwind`, plus the UI extras below.
+ *
+ * Keep this file thin: anything that belongs to the design system at large
+ * (colors, fontFamily, borderRadius, boxShadow, darkMode, …) lives in the core
+ * preset and must NOT be duplicated here. Only add keys that are genuinely
+ * UI-package-specific.
+ */
+declare const preset: Partial<Config>;
+
+export { preset as default };

package/dist/tailwind.preset.js

@@ -0,0 +1,29 @@
+// tailwind.preset.ts
+import corePreset from "@olundot/tokens/tailwind";
+var preset = {
+  ...corePreset,
+  theme: {
+    ...corePreset.theme,
+    extend: {
+      ...corePreset.theme?.extend,
+      // ─── @olundot/ui-specific additions ──────────────────────────────
+      // `sans` alias → body font. The core preset names the brand body role
+      // `body` (not `sans`); this alias keeps `font-sans` consumers on the
+      // brand body font.
+      fontFamily: {
+        ...corePreset.theme?.extend?.fontFamily,
+        sans: ["var(--font-body)"]
+      },
+      // tabular-nums via the `font-variant-numeric` plugin axis. Components
+      // mostly use the built-in `tabular-nums` utility directly, but this keeps
+      // the named role available for preset consumers.
+      fontVariantNumeric: {
+        tabular: "tabular-nums"
+      }
+    }
+  }
+};
+var tailwind_preset_default = preset;
+export {
+  tailwind_preset_default as default
+};

package/dist/tokens.css

@@ -0,0 +1,73 @@
+/*
+ * @olundot/ui — OLUN token hub
+ *
+ * 앱에서는 이 파일만 import하면 토큰 CSS 변수 + Tailwind v4 매핑이 모두 적용됩니다.
+ *
+ * Usage (consumer global CSS):
+ *   @import 'tailwindcss';
+ *   @import '@olundot/ui/tokens.css';
+ */
+
+/* 1. CSS custom properties (light/dark, semantic tokens) */
+@import '@olundot/tokens/css';
+
+/* 2. Tailwind v4 @theme inline mappings (runtime-reactive) */
+@import '@olundot/tokens/tailwind/v4';
+
+/* 3. UI package convenience aliases not exposed by @olundot/tokens/tailwind/v4.
+ *    Keep these here because they are component-package utilities, not core
+ *    token package API.
+ */
+@theme inline {
+  /* Action state overlays (mode-aware alpha overlays) */
+  --color-action-hover:    var(--action-hover);
+  --color-action-selected: var(--action-selected);
+  --color-action-focus:    var(--action-focus);
+  --color-action-active:   var(--action-active);
+
+  /* Semantic aliases exposed for component package utilities. */
+  --color-semantic-error: var(--semantic-error);
+  --color-semantic-success: var(--semantic-success);
+  --color-semantic-warning: var(--semantic-warning);
+  --color-semantic-info: var(--semantic-info);
+
+  /* bg-base / text-base 충돌 방지용 alias.
+   * Tailwind에서 `text-base`는 font-size 예약어 → `text-bg-base`로 노출.
+   * 참고: tailwind-v4.css의 --color-base는 bg-base로는 작동하나, text-base는 font-size와 충돌.
+   */
+  --color-base: initial;
+  --color-bg-base: var(--bg-base);
+}
+
+/* color-scheme + `--semantic-*` aliases are now defined in the core
+ * @olundot/tokens SSOT (packages/tokens/src/tokens.css). They were previously
+ * patched here on `:root, :root[data-theme="light"]`, but `:root` always
+ * matches, so a dark toggle could never override `color-scheme: light`. The
+ * core token blocks set color-scheme per mode and declare --semantic-* once,
+ * 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 */
+}
+
+:root[data-theme="dark"] {
+  --org-jbnu-emblem: #a6165f; /* JBNU Wine — dark */
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    --org-jbnu-emblem: #a6165f; /* JBNU Wine — OS-preferred dark */
+  }
+}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@olundot/ui",
+  "version": "0.1.0",
+  "description": "OLUN. shared React UI components built on OLUN design tokens",
+  "license": "MIT",
+  "keywords": [
+    "design-system",
+    "olun",
+    "react",
+    "tailwindcss",
+    "components",
+    "radix-ui"
+  ],
+  "homepage": "https://olun-design-system.vercel.app",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/armedical-dev/olun-design-system",
+    "directory": "packages/ui"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./tailwind.preset": {
+      "types": "./dist/tailwind.preset.d.ts",
+      "import": "./dist/tailwind.preset.js"
+    }
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.8.0",
+    "radix-ui": "^1.4.3",
+    "tailwind-merge": "^3.5.0",
+    "@olundot/tokens": "^0.6.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "tailwindcss": ">=4"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tailwindcss": "^4.1.17",
+    "tsup": "^8.5.1",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "node scripts/verify-source-imports.mjs",
+    "test": "sh -c 'set -e; if [ \"$#\" -gt 0 ]; then for test_file in \"$@\"; do node --import tsx \"$test_file\"; done; else for test_file in src/components/ui/*.test.tsx; do node --import tsx \"$test_file\"; done; fi' --",
+    "test:accent-contracts": "node scripts/verify-accent-contracts.mjs",
+    "type-check": "tsc --noEmit"
+  }
+}