@uniai-fe/uds-primitives 0.0.5 → 0.0.7

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,
-  "sideEffects": false,
+  "sideEffects": [
+    "./src/**/*.scss",
+    "./src/theme/**/*.scss",
+    "./styles.scss"
+  ],
   "license": "MIT",
   "homepage": "https://www.uniai.co.kr/",
   "publishConfig": {
@@ -21,19 +25,26 @@
     "url": "https://github.com/GraffitoRyu"
   },
   "files": [
-    "src"
+    "src",
+    "dist",
+    "styles.scss"
   ],
   "main": "./src/index.tsx",
   "module": "./src/index.tsx",
   "exports": {
-    ".": "./src/index.tsx"
+    ".": "./src/index.tsx",
+    "./styles": "./styles.scss",
+    "./css": "./dist/styles.css",
+    "./init/dayjs": "./src/init/dayjs",
+    "./*": "./src/*"
   },
   "scripts": {
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "lint": "eslint . --max-warnings=0",
     "typecheck": "tsc --project tsconfig.build.json --noEmit",
-    "build": "pnpm format && pnpm typecheck",
+    "build": "pnpm format && pnpm typecheck && pnpm css:build",
+    "css:build": "sass --load-path=node_modules src/index.scss dist/styles.css --style=expanded --no-source-map",
     "dev": "tsc --project tsconfig.build.json --watch --noEmit",
     "module:lint": "pnpm lint",
     "module:typecheck": "pnpm typecheck",
@@ -75,6 +86,7 @@
     "@types/react-dom": "^19.2.3",
     "@uniai-fe/eslint-config": "workspace:*",
     "@uniai-fe/next-devkit": "workspace:*",
+    "@uniai-fe/uds-foundation": "workspace:*",
     "@uniai-fe/tsconfig": "workspace:*",
     "@uniai-fe/util-functions": "workspace:*",
     "eslint": "^9.39.1",

package/src/components/navigation/index.tsx

@@ -3,6 +3,11 @@ import "./index.scss";
 export * from "./markup";
 export type {
   BottomNavigationProps,
+  NavigationActionItem,
+  NavigationHrefItem,
   NavigationItem,
   NavigationItemKey,
+  NavigationSitemapCollection,
+  NavigationSitemapNode,
+  NavigationSitemapOptions,
 } from "./types";

package/src/components/navigation/types/index.ts

@@ -36,3 +36,27 @@ export interface BottomNavigationProps extends Omit<
 export interface NavigationClassNameOptions {
   className?: string;
 }
+
+export interface NavigationSitemapOptions {
+  popup?: boolean;
+  auth?: string[];
+  pageStyle?: string;
+  navDepthDisabled?: boolean;
+}
+
+export interface NavigationSitemapNode extends NavigationSitemapOptions {
+  key: string;
+  path: string;
+  label: string;
+  icon?: ReactNode;
+  menu?: {
+    slot: "bottom" | "drawer";
+    order?: number;
+  };
+  depth: NavigationSitemapNode[];
+}
+
+export type NavigationSitemapCollection = Record<
+  string,
+  NavigationSitemapNode[]
+>;

package/src/index.scss

@@ -1,3 +1,24 @@
 @use "@uniai-fe/uds-foundation/css";
+@use "./theme/overrides.scss";
 
-/* 공용 스타일 placeholder: 각 카테고리 styles에서 필요한 경우 @use 로 확장 */
+/* 모든 primitives component SCSS를 한 번에 노출해 서비스 import 부담을 줄인다. */
+@use "./components/alternate";
+@use "./components/badge";
+@use "./components/button";
+@use "./components/calendar";
+@use "./components/checkbox";
+@use "./components/chip";
+@use "./components/dialog";
+@use "./components/drawer";
+@use "./components/dropdown";
+@use "./components/input";
+@use "./components/label";
+@use "./components/navigation";
+@use "./components/pagination";
+@use "./components/radio";
+@use "./components/scrollbar";
+@use "./components/segmented-control";
+@use "./components/select";
+@use "./components/spinner";
+@use "./components/tab";
+@use "./components/table";

package/src/theme/ThemeProvider.tsx

@@ -1,10 +1,10 @@
 import { Theme } from "@radix-ui/themes";
 import "@radix-ui/themes/styles.css";
-import "@uniai-fe/uds-foundation/css";
 import type { PropsWithChildren } from "react";
-import "./overrides.scss";
 import { defaultThemeOptions, type ThemeProviderProps } from "./config";
 
+// foundation CSS와 overrides.scss는 @uniai-fe/uds-primitives/styles에서 전역 import한다.
+
 /**
  * Radix Theme와 foundation 토큰을 한 번에 초기화하는 Provider.
  * Storybook 데코레이터 및 애플리케이션 루트에서 활용한다.

package/styles.scss

@@ -0,0 +1 @@
+@forward "./src/index.scss";