diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index 3b21174..0000000
--- a/.prettierrc
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "singleQuote": true,
-  "semi": true,
-  "trailingComma": "all",
-  "printWidth": 100,
-  "tabWidth": 2,
-  "useTabs": false,
-  "jsxSingleQuote": false,
-  "bracketSpacing": true,
-  "bracketSameLine": false,
-  "arrowParens": "always",
-  "endOfLine": "lf",
-  "htmlWhitespaceSensitivity": "css",
-  "embeddedLanguageFormatting": "auto",
-  "singleAttributePerLine": false,
-  "overrides": [
-    {
-      "files": ["*.md", "*.mdx"],
-      "options": {
-        "proseWrap": "preserve",
-        "printWidth": 100,
-        "tabWidth": 2,
-        "embeddedLanguageFormatting": "auto"
-      }
-    },
-    {
-      "files": ["*.yml", "*.yaml"],
-      "options": {
-        "tabWidth": 2,
-        "singleQuote": false
-      }
-    }
-  ]
-}
diff --git a/README.md b/README.md
index de72824..a1199e1 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# @berrypjh/ui-source
+# @berrypjh/shared-stack
 
 > **Note**
 > GitHub Packages 비공개 배포 라이브러리입니다. 설치 전 `.npmrc` 설정이 필요합니다.
diff --git a/apps/demo-mobile/eslint.config.mjs b/apps/demo-mobile/eslint.config.mjs
index e3050b9..7c520a1 100644
--- a/apps/demo-mobile/eslint.config.mjs
+++ b/apps/demo-mobile/eslint.config.mjs
@@ -1,15 +1,7 @@
-import nx from '@nx/eslint-plugin';
-
 import baseConfig from '../../eslint.config.mjs';
 
 export default [
   ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
   {
     ignores: ['.expo', 'web-build', 'cache', 'dist', '**/out-tsc'],
   },
diff --git a/apps/demo-web/eslint.config.mjs b/apps/demo-web/eslint.config.mjs
index b53d175..b7f6277 100644
--- a/apps/demo-web/eslint.config.mjs
+++ b/apps/demo-web/eslint.config.mjs
@@ -1,13 +1,3 @@
-import nx from '@nx/eslint-plugin';
-
 import baseConfig from '../../eslint.config.mjs';
 
-export default [
-  ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
-];
+export default [...baseConfig];
diff --git a/apps/demo-web/src/app/app.tsx b/apps/demo-web/src/app/app.tsx
index 273e3f8..2413799 100644
--- a/apps/demo-web/src/app/app.tsx
+++ b/apps/demo-web/src/app/app.tsx
@@ -1,7 +1,6 @@
 import { Route, Routes } from 'react-router-dom';
 
 import { Layout } from './components/Layout';
-import { BubbleButtonPage } from './pages/BubbleButtonPage';
 import { ButtonPage } from './pages/ButtonPage';
 import { FabPage } from './pages/FabPage';
 import { HomePage } from './pages/HomePage';
@@ -25,7 +24,6 @@ export const App = () => {
         <Route path="/components/search-field" element={<SearchFieldPage />} />
         <Route path="/components/fab" element={<FabPage />} />
         <Route path="/components/icon-button" element={<IconButtonPage />} />
-        <Route path="/components/bubble-button" element={<BubbleButtonPage />} />
       </Routes>
     </Layout>
   );
diff --git a/apps/demo-web/src/app/components/Layout.tsx b/apps/demo-web/src/app/components/Layout.tsx
index a8cf91d..50986ee 100644
--- a/apps/demo-web/src/app/components/Layout.tsx
+++ b/apps/demo-web/src/app/components/Layout.tsx
@@ -50,7 +50,6 @@ const NAV_GROUPS = [
       { label: 'SearchField', path: '/components/search-field' },
       { label: 'FAB', path: '/components/fab' },
       { label: 'IconButton', path: '/components/icon-button' },
-      { label: 'BubbleButton', path: '/components/bubble-button' },
     ],
   },
 ];
diff --git a/apps/demo-web/src/app/pages/BubbleButtonPage.tsx b/apps/demo-web/src/app/pages/BubbleButtonPage.tsx
deleted file mode 100644
index a092f2b..0000000
--- a/apps/demo-web/src/app/pages/BubbleButtonPage.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { BubbleButton } from '@berrypjh/react-ui';
-
-import { DemoSection, PageHeader } from '../components/DemoSection';
-
-const HomeIcon = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  >
-    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
-    <polyline points="9 22 9 12 15 12 15 22" />
-  </svg>
-);
-
-const BellIcon = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  >
-    <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
-    <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  </svg>
-);
-
-const SettingsIcon = () => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  >
-    <circle cx="12" cy="12" r="3" />
-    <path d="M19.07 4.93l-1.41 1.41M4.93 4.93l1.41 1.41M20 12h1M3 12H2M19.07 19.07l-1.41-1.41M4.93 19.07l1.41-1.41M12 20v1M12 3V2" />
-  </svg>
-);
-
-export const BubbleButtonPage = () => (
-  <div>
-    <PageHeader
-      badge="Component"
-      title="BubbleButton"
-      description="Bubble Button은 아이콘과 텍스트 레이블을 결합한 애니메이션 버튼으로, 주로 빠른 액션 툴바에서 사용됩니다."
-    />
-
-    <DemoSection title="기본 사용법" description="아이콘과 텍스트 레이블을 결합한 애니메이션 버튼">
-      <BubbleButton label="Home" icon={<HomeIcon />} />
-      <BubbleButton label="Notifications" icon={<BellIcon />} />
-      <BubbleButton label="Settings" icon={<SettingsIcon />} />
-    </DemoSection>
-
-    <DemoSection title="Size" description="Small, Medium, Large">
-      <BubbleButton size="sm" label="Small" icon={<HomeIcon />} />
-      <BubbleButton size="md" label="Medium" icon={<BellIcon />} />
-      <BubbleButton size="lg" label="Large" icon={<SettingsIcon />} />
-    </DemoSection>
-
-    <DemoSection
-      title="Delay Animation"
-      description="delay prop을 사용한 애니메이션 효과를 볼 수 있습니다."
-    >
-      <BubbleButton label="First" icon={<HomeIcon />} delay={0} />
-      <BubbleButton label="Second" icon={<BellIcon />} delay={100} />
-      <BubbleButton label="Third" icon={<SettingsIcon />} delay={200} />
-    </DemoSection>
-
-    <DemoSection title="Disabled">
-      <BubbleButton label="Disabled" icon={<HomeIcon />} disabled />
-      <BubbleButton label="Also Disabled" icon={<BellIcon />} disabled />
-    </DemoSection>
-  </div>
-);
diff --git a/apps/demo-web/src/app/pages/HomePage.tsx b/apps/demo-web/src/app/pages/HomePage.tsx
index c31cb01..f9d6e31 100644
--- a/apps/demo-web/src/app/pages/HomePage.tsx
+++ b/apps/demo-web/src/app/pages/HomePage.tsx
@@ -64,7 +64,7 @@ export const HomePage = () => {
           <Button
             variant="outlined"
             size="lg"
-            onClick={() => window.open('https://github.com/berrypjh/ui-source', '_blank')}
+            onClick={() => window.open('https://github.com/berrypjh/shared-stack', '_blank')}
             style={{ borderColor: 'rgba(255,255,255,0.4)', color: '#ffffff' }}
           >
             View on GitHub
diff --git a/commitlint.config.js b/commitlint.config.js
index 183619e..a106e15 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -1,45 +1 @@
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-  plugins: [
-    {
-      rules: {
-        'no-header-bang': ({ header }) => {
-          // 헤더에 '!:'가 포함되어 있으면 에러 반환
-          return [
-            !header.includes('!:'),
-            '실수 방지를 위해 feat!: 문법 사용을 금지합니다. Major 변경은 Footer에 "BREAKING CHANGE"를 사용하세요.',
-          ];
-        },
-      },
-    },
-  ],
-  rules: {
-    'no-header-bang': [2, 'always'],
-    // Type(태그)의 종류를 제한 (레벨: 0=무시, 1=경고, 2=에러)
-    'type-enum': [
-      2,
-      'always',
-      [
-        'feat',
-        'fix',
-        'docs',
-        'design',
-        'style',
-        'refactor',
-        'test',
-        'chore',
-        'build',
-        'ci',
-        'revert',
-      ],
-    ],
-    // Subject의 케이스를 제한
-    'subject-case': [0, 'always', ['sentence-case', 'start-case', 'pascal-case', 'upper-case']],
-    // Subject가 비어있으면 안 됨
-    'subject-empty': [2, 'never'],
-    // Type이 비어있으면 안 됨
-    'type-empty': [2, 'never'],
-    // Body의 최대 줄 수를 제한
-    'body-max-line-length': [0, 'always', 200],
-  },
-};
+module.exports = { extends: ['@berrypjh/commitlint-config'] };
diff --git a/eslint.config.mjs b/eslint.config.mjs
index ea2416c..afb19ae 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,14 +1,13 @@
-import nx from '@nx/eslint-plugin';
-import jsxA11y from 'eslint-plugin-jsx-a11y';
-import reactHooks from 'eslint-plugin-react-hooks';
-import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import base from '@berrypjh/eslint-config/base';
+import nx from '@berrypjh/eslint-config/nx';
+import react from '@berrypjh/eslint-config/react';
+
 import storybook from 'eslint-plugin-storybook';
-import unusedImports from 'eslint-plugin-unused-imports';
 
 export default [
-  ...nx.configs['flat/base'],
-  ...nx.configs['flat/typescript'],
-  ...nx.configs['flat/javascript'],
+  ...base,
+  ...nx,
+  ...react,
   ...storybook.configs['flat/recommended'],
   {
     ignores: [
@@ -21,24 +20,6 @@ export default [
       '!.storybook',
     ],
   },
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    rules: {
-      '@nx/enforce-module-boundaries': [
-        'error',
-        {
-          enforceBuildableLibDependency: true,
-          allow: ['^.*/eslint(\\.base)?\\.config\\.[cm]?[jt]s$'],
-          depConstraints: [
-            {
-              sourceTag: '*',
-              onlyDependOnLibsWithTags: ['*'],
-            },
-          ],
-        },
-      ],
-    },
-  },
   {
     files: [
       '**/*.ts',
@@ -50,10 +31,6 @@ export default [
       '**/*.cjs',
       '**/*.mjs',
     ],
-    plugins: {
-      'simple-import-sort': simpleImportSort,
-      'unused-imports': unusedImports,
-    },
     rules: {
       'simple-import-sort/imports': [
         'error',
@@ -80,36 +57,11 @@ export default [
           ],
         },
       ],
-      'simple-import-sort/exports': 'error',
-      'no-unused-vars': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-      'unused-imports/no-unused-imports': 'error',
-      'unused-imports/no-unused-vars': [
-        'warn',
-        {
-          vars: 'all',
-          varsIgnorePattern: '^_',
-          args: 'after-used',
-          argsIgnorePattern: '^_',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.cts', '**/*.mts'],
-    rules: {
-      '@typescript-eslint/no-explicit-any': 'error',
     },
   },
   {
     files: ['**/*.jsx', '**/*.tsx'],
-    plugins: {
-      'react-hooks': reactHooks,
-      'jsx-a11y': jsxA11y,
-    },
     rules: {
-      ...reactHooks.configs.recommended.rules,
-      ...jsxA11y.flatConfigs.recommended.rules,
       // 커스텀 컴포넌트가 autoFocus prop을 forward 하는 패턴은 호출자 책임이므로 제외
       'jsx-a11y/no-autofocus': ['error', { ignoreNonDOM: true }],
     },
diff --git a/libs/commitlint-config/README.md b/libs/commitlint-config/README.md
new file mode 100644
index 0000000..bbde03d
--- /dev/null
+++ b/libs/commitlint-config/README.md
@@ -0,0 +1,20 @@
+# @berrypjh/commitlint-config
+
+워크스페이스 공통 Commitlint 설정. Conventional Commits 기반.
+
+## 사용
+
+```bash
+pnpm add -D @berrypjh/commitlint-config @commitlint/cli
+```
+
+```js
+// commitlint.config.js
+module.exports = { extends: ['@berrypjh/commitlint-config'] };
+```
+
+## 규칙 요약
+
+- `type-enum`: feat, fix, docs, design, style, refactor, test, chore, build, ci, revert
+- `no-header-bang`: `feat!:` 형태 헤더 금지. Major 변경은 Footer에 `BREAKING CHANGE`를 사용
+- `subject-empty`, `type-empty`: 빈 값 금지
diff --git a/libs/commitlint-config/index.js b/libs/commitlint-config/index.js
new file mode 100644
index 0000000..7ae9f8c
--- /dev/null
+++ b/libs/commitlint-config/index.js
@@ -0,0 +1,39 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  plugins: [
+    {
+      rules: {
+        'no-header-bang': ({ header }) => {
+          return [
+            !header.includes('!:'),
+            '실수 방지를 위해 feat!: 문법 사용을 금지합니다. Major 변경은 Footer에 "BREAKING CHANGE"를 사용하세요.',
+          ];
+        },
+      },
+    },
+  ],
+  rules: {
+    'no-header-bang': [2, 'always'],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'design',
+        'style',
+        'refactor',
+        'test',
+        'chore',
+        'build',
+        'ci',
+        'revert',
+      ],
+    ],
+    'subject-case': [0, 'always', ['sentence-case', 'start-case', 'pascal-case', 'upper-case']],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+    'body-max-line-length': [0, 'always', 200],
+  },
+};
diff --git a/libs/commitlint-config/package.json b/libs/commitlint-config/package.json
new file mode 100644
index 0000000..e20c93d
--- /dev/null
+++ b/libs/commitlint-config/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "@berrypjh/commitlint-config",
+  "version": "0.0.6",
+  "license": "MIT",
+  "main": "./index.js",
+  "files": [
+    "index.js"
+  ],
+  "dependencies": {
+    "@commitlint/config-conventional": "^20.5.0"
+  }
+}
diff --git a/libs/commitlint-config/project.json b/libs/commitlint-config/project.json
new file mode 100644
index 0000000..593aa33
--- /dev/null
+++ b/libs/commitlint-config/project.json
@@ -0,0 +1,12 @@
+{
+  "name": "@berrypjh/commitlint-config",
+  "projectType": "library",
+  "sourceRoot": "libs/commitlint-config",
+  "targets": {
+    "nx-release-publish": {
+      "executor": "@nx/js:release-publish",
+      "options": {}
+    }
+  },
+  "tags": ["scope:internal"]
+}
diff --git a/libs/design-tokens/src/build.ts b/libs/design-tokens/src/build.ts
index 80f5c8f..f9238ac 100644
--- a/libs/design-tokens/src/build.ts
+++ b/libs/design-tokens/src/build.ts
@@ -2,7 +2,6 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-import { writeAgents } from './lib/genAgents';
 import { writeTokensJson } from './lib/genCatalog';
 import { writeCss } from './lib/genCss';
 import { writeTailwindPreset } from './lib/genTailwind';
@@ -16,15 +15,13 @@ const TOKENS_DIR = path.join(ROOT, 'tokens');
 const DIST_DIR = path.join(ROOT, 'dist');
 const DIST_CSS_DIR = path.join(DIST_DIR, 'css');
 const DIST_CATALOG = path.join(DIST_DIR, 'tokens.json');
-const DIST_AGENTS = path.join(DIST_DIR, 'AGENTS.md');
 const GENERATED_DIR = path.join(ROOT, 'src', '.generated');
 
-/** 산출물 디렉터리를 비우고 SD 사전 → CSS / Web TS / RN TS / Tailwind preset / catalog / AGENTS 를 차례로 생성한다. */
+/** 산출물 디렉터리를 비우고 SD 사전 → CSS / Web TS / RN TS / Tailwind preset / catalog 를 차례로 생성한다. */
 const main = async (): Promise<void> => {
   await fs.rm(GENERATED_DIR, { recursive: true, force: true });
   await fs.rm(DIST_CSS_DIR, { recursive: true, force: true });
   await fs.rm(DIST_CATALOG, { force: true });
-  await fs.rm(DIST_AGENTS, { force: true });
   await fs.mkdir(DIST_DIR, { recursive: true });
 
   const builds = await buildThemeDictionaries(themes, TOKENS_DIR);
@@ -32,7 +29,6 @@ const main = async (): Promise<void> => {
   await writeTsTokens(builds, GENERATED_DIR);
   await writeTailwindPreset(builds, path.join(GENERATED_DIR, 'tailwind', 'preset.ts'));
   await writeTokensJson(builds, DIST_CATALOG);
-  await writeAgents(builds, DIST_AGENTS);
 };
 
 main().catch((e) => {
diff --git a/libs/design-tokens/src/lib/genAgents.ts b/libs/design-tokens/src/lib/genAgents.ts
deleted file mode 100644
index 1d35552..0000000
--- a/libs/design-tokens/src/lib/genAgents.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import fs from 'node:fs/promises';
-
-import type { ThemeBuild } from './sd';
-import { TOKEN_CATEGORIES } from './tokens';
-
-/**
- * npm 소비자(AI 에이전트 포함)용 AGENTS.md를 dist/에 생성한다.
- * 자료는 build dict에서 추출 — 테마·카테고리 변경 시 자동 동기화.
- *
- * 루트의 `libs/design-tokens/AGENTS.md`와 별도. 그쪽은 monorepo 개발자용.
- */
-export const writeAgents = async (builds: ThemeBuild[], outFileAbs: string): Promise<void> => {
-  const themes = builds.map((b) => b.theme);
-  const themesArr = JSON.stringify(themes);
-  const categoriesArr = JSON.stringify(TOKEN_CATEGORIES);
-
-  const content = `# @berrypjh/design-tokens
-
-토큰 JSON을 입력으로 **CSS 변수**, **React Native JS 객체**, **Tailwind preset**을 생성하는 라이브러리.
-
-## TL;DR
-
-\`\`\`ts
-// CSS 변수 정의 (--ds-* 부수효과)
-import '@berrypjh/design-tokens/css';
-
-// 타입 안전 토큰 객체 (light theme 정적 스냅샷)
-import { Web, Native } from '@berrypjh/design-tokens';
-const color = Web.Light.tokens.color.primary.pr500;     // '#2E90FA'
-const spacing = Native.Light.tokens.spacing.md;          // 8 (RN은 number)
-
-// Tailwind preset (아래 "Tailwind 연결" 참조)
-import preset from '@berrypjh/design-tokens/tailwind';
-\`\`\`
-
-테마 전환은 \`<html data-theme="dark">\` 같은 \`data-theme\` 속성으로 (CSS 변수가 자동 갱신).
-
-## ⚠️ 정적 객체 vs 런타임 변수 (혼동 금지)
-
-| 용도 | 메커니즘 |
-| --- | --- |
-| **런타임 테마 전환** | CSS 변수 (\`var(--ds-...)\`). \`data-theme\` 속성으로 자동 |
-| **빌드 시점 정적 값 참조** | \`Web.Light.tokens.*\` / \`Native.Light.tokens.*\` |
-
-\`Web.Dark.tokens.*\` 등 다른 테마 namespace도 있지만 **빌드 시점 정적 스냅샷**일 뿐. 다크모드 처리하려고 \`Web.Dark\`를 동적으로 선택하지 말 것 — CSS 변수가 알아서 처리.
-
-## 토큰 catalog
-
-\`dist/tokens.json\` — 모든 토큰의 path, CSS 변수, 테마별 값을 단일 평탄 JSON으로 enumerate.
-
-\`\`\`jsonc
-{
-  "schema": "tokens[path] = [cssVar, ...valuesInThemesOrder]",
-  "themes": ${themesArr},
-  "categories": ${categoriesArr},
-  "tokens": {
-    "color.primary.pr500": ["--ds-primary-pr500", "#2E90FA", "#53B1FD", "#2E90FA"]
-  }
-}
-\`\`\`
-
-배열 인덱스: \`[0]\` cssVar, \`[1+]\` themes 배열 순서대로 각 테마 값.
-
-## Export 경로
-
-| 경로 | 용도 |
-| --- | --- |
-| \`@berrypjh/design-tokens\` | \`themes\`, \`ThemeName\`, \`ThemeDef\`, \`Web\` / \`Native\` namespace, \`tailwindPreset\` |
-| \`@berrypjh/design-tokens/web\` | Web 토큰 namespace (\`Light\`, \`Dark\`, \`Sepia\`). 값은 모두 string |
-| \`@berrypjh/design-tokens/rn\` | RN 토큰 namespace. \`spacing\` · \`radius\` · \`borderWidth\` · \`typography.{fontSize,lineHeight,letterSpacing}\` 토큰이 number로 변환됨. 색은 hex string 그대로 |
-| \`@berrypjh/design-tokens/css\` | CSS 변수 (\`:root\`, \`[data-theme="dark"]\` 등에 \`--ds-*\` 정의) |
-| \`@berrypjh/design-tokens/tailwind\` | Tailwind preset (default export) |
-
-namespace 키는 테마명의 첫 글자 대문자 변환: \`light\` → \`Light\`.
-
-## Tailwind 연결
-
-Tailwind v4 + preset 등록:
-
-\`\`\`js
-// tailwind.config.js
-import preset from '@berrypjh/design-tokens/tailwind';
-export default { presets: [preset] };
-\`\`\`
-
-\`\`\`css
-/* styles.css */
-@import 'tailwindcss';
-@config '../tailwind.config.js';
-\`\`\`
-
-이후 \`bg-primary-pr500\`, \`text-primary-pr500/50\` (alpha) 같은 유틸 사용 가능. alpha는 자동 생성된 \`--ds-*-rgb\` 채널 변수로 동작.
-
-## CSS 변수 규칙
-
-- prefix: \`--ds-\` (고정)
-- naming: \`--ds-{kebab(rawPath)}\` (예: \`primary.pr500\` → \`--ds-primary-pr500\`)
-- color 토큰은 \`-rgb\` 채널 변수도 자동 생성 (Tailwind alpha용): \`--ds-primary-pr500-rgb\`
-
-## 카테고리 (${TOKEN_CATEGORIES.length}종)
-
-${TOKEN_CATEGORIES.map((c) => `\`${c}\``).join(', ')}
-
-\`Web.Light.tokens.{category}.*\` 트리로 노출. RN 쪽도 동일 구조.
-
-**typography 주의**: 일부는 composite 객체. 예: \`Web.Light.tokens.typography.display.huge\` = \`{ fontFamily, fontSize, fontWeight, letterSpacing, lineHeight }\`. catalog(\`tokens.json\`)에는 leaf까지 평탄화되지만 JS namespace에서는 객체 그대로 유지.
-
-## 테마 (${themes.length}종)
-
-${themes.map((t) => `\`${t}\``).join(', ')} — 첫 번째가 base.
-
-## 자동화 메모
-
-- 모든 산출물(\`dist/css/*\`, \`dist/tokens.json\`, \`dist/.generated/**\`)은 결정적 — 키 정렬·재현 가능. diff가 0이면 토큰 변경 없음.
-- 이 파일은 \`build:tokens\`에서 자동 생성됨. 직접 편집 금지.
-- 더 자세한 사용법은 \`README.md\` 참조.
-`;
-
-  await fs.writeFile(outFileAbs, content, 'utf8');
-};
diff --git a/libs/design-tokens/tokens/light/color.json b/libs/design-tokens/tokens/light/color.json
index 02ee55f..d784e69 100644
--- a/libs/design-tokens/tokens/light/color.json
+++ b/libs/design-tokens/tokens/light/color.json
@@ -75,12 +75,12 @@
   },
   "text": {
     "default": { "$value": "{neutral.ne900}", "$type": "color" },
-    "light": { "$value": "{neutral.ne500}", "$type": "color" },
+    "light": { "$value": "{neutral.ne600}", "$type": "color" },
     "placeholder": { "$value": "{neutral.ne400}", "$type": "color" },
-    "disable": { "$value": "{neutral.ne400}", "$type": "color" },
+    "disable": { "$value": "{neutral.ne500}", "$type": "color" },
     "primary": { "$value": "{primary.pr700}", "$type": "color" },
     "secondary": { "$value": "{secondary.se700}", "$type": "color" },
-    "error": { "$value": "{error.er600}", "$type": "color" },
+    "error": { "$value": "{error.er700}", "$type": "color" },
     "warning": { "$value": "{warning.wa700}", "$type": "color" },
     "link": { "$value": "{primary.pr700}", "$type": "color" },
     "linkSelected": { "$value": "{primary.pr900}", "$type": "color" },
diff --git a/libs/eslint-config/README.md b/libs/eslint-config/README.md
new file mode 100644
index 0000000..bef773f
--- /dev/null
+++ b/libs/eslint-config/README.md
@@ -0,0 +1,62 @@
+# @berrypjh/eslint-config
+
+Nx 워크스페이스용 공통 ESLint 설정 (flat config).
+
+## 사용
+
+```bash
+pnpm add -D @berrypjh/eslint-config eslint @nx/eslint-plugin
+```
+
+```js
+// eslint.config.mjs
+import base from '@berrypjh/eslint-config/base';
+import nx from '@berrypjh/eslint-config/nx';
+import react from '@berrypjh/eslint-config/react';
+
+export default [
+  ...base,
+  ...nx,
+  ...react,
+  {
+    ignores: ['**/dist', '**/.next'],
+  },
+  {
+    // 워크스페이스 scope (@my-scope/*) 그룹을 자기 레포에 맞게 override
+    files: ['**/*.{ts,tsx,js,jsx,mjs,cjs}'],
+    rules: {
+      'simple-import-sort/imports': [
+        'error',
+        {
+          groups: [
+            ['^\\u0000'],
+            ['^node:'],
+            ['^react(/|$)', '^next(/|$)'],
+            ['^@my-scope/'],
+            ['^@?\\w'],
+            ['^@/'],
+            ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
+            ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
+            ['^.+\\.s?css$'],
+          ],
+        },
+      ],
+    },
+  },
+];
+```
+
+## 제공 베이스
+
+| Export                          | 용도                                                                   |
+| ------------------------------- | ---------------------------------------------------------------------- |
+| `@berrypjh/eslint-config/base`  | Nx flat base/ts/js + import-sort + unused-imports + no-explicit-any    |
+| `@berrypjh/eslint-config/nx`    | `@nx/enforce-module-boundaries` 기본값 (consumer가 tag/allow override) |
+| `@berrypjh/eslint-config/react` | `nx.configs['flat/react']` + react-hooks + jsx-a11y                    |
+
+Storybook, Next.js, Playwright 등 특수 layer는 소비자 레포에서 직접 추가한다.
+
+## Peer dependencies
+
+- `eslint ^9.8.0`
+- `@nx/eslint-plugin ^22.6.5` — consumer의 Nx 버전과 정렬되도록 peer로 둠
diff --git a/libs/eslint-config/base.mjs b/libs/eslint-config/base.mjs
new file mode 100644
index 0000000..9346ed6
--- /dev/null
+++ b/libs/eslint-config/base.mjs
@@ -0,0 +1,63 @@
+import nx from '@nx/eslint-plugin';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import unusedImports from 'eslint-plugin-unused-imports';
+
+export const baseConfig = [
+  ...nx.configs['flat/base'],
+  ...nx.configs['flat/typescript'],
+  ...nx.configs['flat/javascript'],
+  {
+    files: [
+      '**/*.ts',
+      '**/*.tsx',
+      '**/*.cts',
+      '**/*.mts',
+      '**/*.js',
+      '**/*.jsx',
+      '**/*.cjs',
+      '**/*.mjs',
+    ],
+    plugins: {
+      'simple-import-sort': simpleImportSort,
+      'unused-imports': unusedImports,
+    },
+    rules: {
+      'simple-import-sort/imports': [
+        'error',
+        {
+          groups: [
+            ['^\\u0000'],
+            ['^node:'],
+            ['^react(/|$)', '^next(/|$)', '^react-native(/|$)'],
+            ['^@?\\w'],
+            ['^@/'],
+            ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
+            ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
+            ['^.+\\.s?css$'],
+          ],
+        },
+      ],
+      'simple-import-sort/exports': 'error',
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        {
+          vars: 'all',
+          varsIgnorePattern: '^_',
+          args: 'after-used',
+          argsIgnorePattern: '^_',
+        },
+      ],
+    },
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.cts', '**/*.mts'],
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'error',
+    },
+  },
+];
+
+export default baseConfig;
diff --git a/libs/eslint-config/nx.mjs b/libs/eslint-config/nx.mjs
new file mode 100644
index 0000000..d663231
--- /dev/null
+++ b/libs/eslint-config/nx.mjs
@@ -0,0 +1,28 @@
+/**
+ * Nx 워크스페이스 전용 ESLint 설정.
+ *
+ * `@nx/enforce-module-boundaries` 기본값을 제공한다.
+ * Tag/allow 규칙은 consumer가 override 하는 것이 일반적이다.
+ */
+export const nxConfig = [
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+    rules: {
+      '@nx/enforce-module-boundaries': [
+        'error',
+        {
+          enforceBuildableLibDependency: true,
+          allow: ['^.*/eslint(\\.base)?\\.config\\.[cm]?[jt]s$'],
+          depConstraints: [
+            {
+              sourceTag: '*',
+              onlyDependOnLibsWithTags: ['*'],
+            },
+          ],
+        },
+      ],
+    },
+  },
+];
+
+export default nxConfig;
diff --git a/libs/eslint-config/package.json b/libs/eslint-config/package.json
new file mode 100644
index 0000000..e579335
--- /dev/null
+++ b/libs/eslint-config/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@berrypjh/eslint-config",
+  "version": "0.0.6",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    "./base": "./base.mjs",
+    "./nx": "./nx.mjs",
+    "./react": "./react.mjs"
+  },
+  "files": [
+    "base.mjs",
+    "nx.mjs",
+    "react.mjs"
+  ],
+  "dependencies": {
+    "eslint-plugin-jsx-a11y": "6.10.1",
+    "eslint-plugin-react-hooks": "5.0.0",
+    "eslint-plugin-simple-import-sort": "^13.0.0",
+    "eslint-plugin-unused-imports": "^4.4.1"
+  },
+  "peerDependencies": {
+    "@nx/eslint-plugin": "^22.6.5",
+    "eslint": "^9.8.0"
+  }
+}
diff --git a/libs/eslint-config/project.json b/libs/eslint-config/project.json
new file mode 100644
index 0000000..1eb30ec
--- /dev/null
+++ b/libs/eslint-config/project.json
@@ -0,0 +1,12 @@
+{
+  "name": "@berrypjh/eslint-config",
+  "projectType": "library",
+  "sourceRoot": "libs/eslint-config",
+  "targets": {
+    "nx-release-publish": {
+      "executor": "@nx/js:release-publish",
+      "options": {}
+    }
+  },
+  "tags": ["scope:internal"]
+}
diff --git a/libs/eslint-config/react.mjs b/libs/eslint-config/react.mjs
new file mode 100644
index 0000000..e1db2cb
--- /dev/null
+++ b/libs/eslint-config/react.mjs
@@ -0,0 +1,24 @@
+import nx from '@nx/eslint-plugin';
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+
+/**
+ * React / JSX 전용 ESLint 설정.
+ *
+ * 적용 항목:
+ * - @nx/eslint-plugin flat/react (react-hooks/jsx-a11y/react 플러그인 선언 + 안전성 룰)
+ * - jsx-a11y `flatConfigs.recommended` 추가 (nx 기본보다 강함)
+ *
+ * NOTE: react-hooks/jsx-a11y 플러그인 자체는 nx flat/react에서 선언하므로
+ * 여기서 다시 `plugins`에 넣지 않는다 (flat config: "Cannot redefine plugin" 회피).
+ */
+export const reactConfig = [
+  ...nx.configs['flat/react'],
+  {
+    files: ['**/*.jsx', '**/*.tsx'],
+    rules: {
+      ...jsxA11y.flatConfigs.recommended.rules,
+    },
+  },
+];
+
+export default reactConfig;
diff --git a/libs/prettier-config/README.md b/libs/prettier-config/README.md
new file mode 100644
index 0000000..f67cabe
--- /dev/null
+++ b/libs/prettier-config/README.md
@@ -0,0 +1,30 @@
+# @berrypjh/prettier-config
+
+워크스페이스 공통 Prettier 설정.
+
+## 사용
+
+```bash
+pnpm add -D @berrypjh/prettier-config prettier
+```
+
+```jsonc
+// package.json
+{
+  "prettier": "@berrypjh/prettier-config",
+}
+```
+
+## 규칙
+
+- `printWidth`: 100, `tabWidth`: 2, `useTabs`: false
+- `singleQuote`: true, `jsxSingleQuote`: false, `semi`: true
+- `trailingComma`: all, `arrowParens`: always
+- `bracketSpacing`: true, `bracketSameLine`: false, `singleAttributePerLine`: false
+- `endOfLine`: lf
+- `htmlWhitespaceSensitivity`: css, `embeddedLanguageFormatting`: auto
+
+### Override
+
+- `*.md`, `*.mdx`: `proseWrap: preserve`
+- `*.yml`, `*.yaml`: `singleQuote: false` (YAML 표준)
diff --git a/libs/prettier-config/index.js b/libs/prettier-config/index.js
new file mode 100644
index 0000000..371604b
--- /dev/null
+++ b/libs/prettier-config/index.js
@@ -0,0 +1,34 @@
+module.exports = {
+  singleQuote: true,
+  semi: true,
+  trailingComma: 'all',
+  printWidth: 100,
+  tabWidth: 2,
+  useTabs: false,
+  jsxSingleQuote: false,
+  bracketSpacing: true,
+  bracketSameLine: false,
+  arrowParens: 'always',
+  endOfLine: 'lf',
+  htmlWhitespaceSensitivity: 'css',
+  embeddedLanguageFormatting: 'auto',
+  singleAttributePerLine: false,
+  overrides: [
+    {
+      files: ['*.md', '*.mdx'],
+      options: {
+        proseWrap: 'preserve',
+        printWidth: 100,
+        tabWidth: 2,
+        embeddedLanguageFormatting: 'auto',
+      },
+    },
+    {
+      files: ['*.yml', '*.yaml'],
+      options: {
+        tabWidth: 2,
+        singleQuote: false,
+      },
+    },
+  ],
+};
diff --git a/libs/prettier-config/package.json b/libs/prettier-config/package.json
new file mode 100644
index 0000000..fd0cfa1
--- /dev/null
+++ b/libs/prettier-config/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "@berrypjh/prettier-config",
+  "version": "0.0.6",
+  "license": "MIT",
+  "main": "./index.js",
+  "files": [
+    "index.js"
+  ]
+}
diff --git a/libs/prettier-config/project.json b/libs/prettier-config/project.json
new file mode 100644
index 0000000..1ec0777
--- /dev/null
+++ b/libs/prettier-config/project.json
@@ -0,0 +1,12 @@
+{
+  "name": "@berrypjh/prettier-config",
+  "projectType": "library",
+  "sourceRoot": "libs/prettier-config",
+  "targets": {
+    "nx-release-publish": {
+      "executor": "@nx/js:release-publish",
+      "options": {}
+    }
+  },
+  "tags": ["scope:internal"]
+}
diff --git a/libs/react-native-ui/eslint.config.mjs b/libs/react-native-ui/eslint.config.mjs
index de6e552..68c792f 100644
--- a/libs/react-native-ui/eslint.config.mjs
+++ b/libs/react-native-ui/eslint.config.mjs
@@ -1,15 +1,7 @@
-import nx from '@nx/eslint-plugin';
-
 import baseConfig from '../../eslint.config.mjs';
 
 export default [
   ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
   {
     ignores: ['public', '.cache', 'node_modules'],
   },
diff --git a/libs/react-ui/AGENTS.consumer.md b/libs/react-ui/AGENTS.consumer.md
index 8dbba09..b62685c 100644
--- a/libs/react-ui/AGENTS.consumer.md
+++ b/libs/react-ui/AGENTS.consumer.md
@@ -41,7 +41,7 @@ export default { presets: [preset] };
 | 카테고리 | 심볼                                                                               |
 | -------- | ---------------------------------------------------------------------------------- |
 | 레이아웃 | `Box`                                                                              |
-| 버튼     | `Button`, `IconButton`, `Fab`, `BubbleButton`, `ButtonBase`                        |
+| 버튼     | `Button`, `IconButton`, `Fab`, `ButtonBase`                                        |
 | 입력     | `TextField`, `BoxedInput`, `FilledInput`, `PlainInput`, `InputBase`, `SearchField` |
 | 선택     | `Select`, `MenuItem`                                                               |
 | 폼 구성  | `FormControl`, `InputLabel`, `FormHelperText`                                      |
diff --git a/libs/react-ui/README.md b/libs/react-ui/README.md
index 6f60dc7..c3fc30e 100644
--- a/libs/react-ui/README.md
+++ b/libs/react-ui/README.md
@@ -35,7 +35,6 @@ import { Button, TextField, ThemeProvider } from '@berrypjh/react-ui';
 | `Button`                                        | 버튼 (variant, size, color 지원) |
 | `IconButton`                                    | 아이콘 전용 버튼                 |
 | `Fab`                                           | Floating Action Button           |
-| `BubbleButton`                                  | 버블 스타일 버튼                 |
 | `TextField`                                     | 텍스트 입력 필드                 |
 | `BoxedInput` / `FilledInput` / `PlainInput`     | 스타일 변형 인풋                 |
 | `Select`                                        | 셀렉트 박스                      |
diff --git a/libs/react-ui/eslint.config.mjs b/libs/react-ui/eslint.config.mjs
index f047003..165bb0e 100644
--- a/libs/react-ui/eslint.config.mjs
+++ b/libs/react-ui/eslint.config.mjs
@@ -1,15 +1,7 @@
-import nx from '@nx/eslint-plugin';
-
 import baseConfig from '../../eslint.config.mjs';
 
 export default [
   ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
   {
     ignores: ['**/out-tsc', '**/.storybook/**'],
   },
diff --git a/libs/react-ui/src/components/boxed-input/BoxedInput.stories.tsx b/libs/react-ui/src/components/boxed-input/BoxedInput.stories.tsx
index 34b55f0..d16f30a 100644
--- a/libs/react-ui/src/components/boxed-input/BoxedInput.stories.tsx
+++ b/libs/react-ui/src/components/boxed-input/BoxedInput.stories.tsx
@@ -8,8 +8,6 @@ const meta = {
   tags: ['autodocs'],
   parameters: {
     layout: 'centered',
-    // TODO(a11y): 위반 수정 후 disable 제거
-    a11y: { disable: true },
   },
   args: {
     placeholder: 'Placeholder',
@@ -20,6 +18,7 @@ const meta = {
     fullWidth: false,
     readOnly: false,
     multiline: false,
+    'aria-label': 'Input',
   },
   argTypes: {
     size: {
@@ -68,14 +67,15 @@ export const Playground: Story = {
 export const Default: Story = {
   args: {
     placeholder: 'Enter text',
+    'aria-label': 'Text',
   },
 };
 
 export const AllSizes: Story = {
   render: () => (
     <div style={columnStyle}>
-      <BoxedInput size="sm" placeholder="Small" />
-      <BoxedInput size="md" placeholder="Medium" />
+      <BoxedInput size="sm" placeholder="Small" aria-label="Small input" />
+      <BoxedInput size="md" placeholder="Medium" aria-label="Medium input" />
     </div>
   ),
 };
@@ -83,8 +83,8 @@ export const AllSizes: Story = {
 export const AllColors: Story = {
   render: () => (
     <div style={columnStyle}>
-      <BoxedInput color="primary" placeholder="Primary" />
-      <BoxedInput color="secondary" placeholder="Secondary" />
+      <BoxedInput color="primary" placeholder="Primary" aria-label="Primary color input" />
+      <BoxedInput color="secondary" placeholder="Secondary" aria-label="Secondary color input" />
     </div>
   ),
 };
@@ -94,6 +94,7 @@ export const Disabled: Story = {
     disabled: true,
     value: 'Disabled value',
     placeholder: 'Disabled',
+    'aria-label': 'Disabled input',
   },
 };
 
@@ -102,6 +103,8 @@ export const Error: Story = {
     error: true,
     value: 'invalid',
     placeholder: 'Email address',
+    'aria-label': 'Email address',
+    'aria-invalid': 'true',
   },
 };
 
@@ -109,13 +112,19 @@ export const ReadOnly: Story = {
   args: {
     readOnly: true,
     defaultValue: 'Read-only content',
+    'aria-label': 'Read-only input',
   },
 };
 
 export const Required: Story = {
   render: () => (
     <div style={columnStyle}>
-      <BoxedInput required placeholder="Required field" id="required-field" />
+      <BoxedInput
+        required
+        placeholder="Required field"
+        id="required-field"
+        aria-label="Required field"
+      />
     </div>
   ),
 };
@@ -123,8 +132,18 @@ export const Required: Story = {
 export const Multiline: Story = {
   render: () => (
     <div style={columnStyle}>
-      <BoxedInput multiline rows={3} placeholder="Write a short description" />
-      <BoxedInput multiline rows={5} placeholder="Write a longer message" />
+      <BoxedInput
+        multiline
+        rows={3}
+        placeholder="Write a short description"
+        aria-label="Short description"
+      />
+      <BoxedInput
+        multiline
+        rows={5}
+        placeholder="Write a longer message"
+        aria-label="Long message"
+      />
     </div>
   ),
 };
@@ -135,8 +154,14 @@ export const FullWidth: Story = {
   },
   render: () => (
     <div style={columnStyle}>
-      <BoxedInput fullWidth placeholder="Full width input" />
-      <BoxedInput fullWidth placeholder="Full width with error" error />
+      <BoxedInput fullWidth placeholder="Full width input" aria-label="Full width input" />
+      <BoxedInput
+        fullWidth
+        placeholder="Full width with error"
+        error
+        aria-label="Full width input with error"
+        aria-invalid="true"
+      />
     </div>
   ),
 };
@@ -144,12 +169,21 @@ export const FullWidth: Story = {
 export const WithAdornments: Story = {
   render: () => (
     <div style={columnStyle}>
-      <BoxedInput startAdornment={<span>$</span>} placeholder="Amount" />
-      <BoxedInput endAdornment={<span>kg</span>} placeholder="Weight" />
       <BoxedInput
-        startAdornment={<span>@</span>}
-        endAdornment={<span>.com</span>}
+        startAdornment={<span aria-hidden="true">$</span>}
+        placeholder="Amount"
+        aria-label="Amount in USD"
+      />
+      <BoxedInput
+        endAdornment={<span aria-hidden="true">kg</span>}
+        placeholder="Weight"
+        aria-label="Weight in kilograms"
+      />
+      <BoxedInput
+        startAdornment={<span aria-hidden="true">@</span>}
+        endAdornment={<span aria-hidden="true">.com</span>}
         placeholder="username"
+        aria-label="Username"
       />
     </div>
   ),
@@ -161,12 +195,14 @@ export const WithLongText: Story = {
       <BoxedInput
         defaultValue="This is a very long input value that might overflow or truncate depending on the container width"
         style={{ width: '240px' }}
+        aria-label="Long single-line value"
       />
       <BoxedInput
         multiline
         rows={3}
         defaultValue="This is a long multiline text that spans multiple lines to demonstrate how the component handles extended content gracefully."
         style={{ width: '320px' }}
+        aria-label="Long multiline value"
       />
     </div>
   ),
@@ -203,7 +239,4 @@ export const A11y: Story = {
       </div>
     </div>
   ),
-  parameters: {
-    a11y: { disable: false },
-  },
 };
diff --git a/libs/react-ui/src/components/bubble-button/BubbleButton.constants.ts b/libs/react-ui/src/components/bubble-button/BubbleButton.constants.ts
deleted file mode 100644
index e270c69..0000000
--- a/libs/react-ui/src/components/bubble-button/BubbleButton.constants.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export const bubbleButtonClasses = {
-  wrapper: 'ui-bubble-button-wrapper',
-  root: 'ui-bubble-button',
-  sizeSm: 'ui-bubble-button--size-sm',
-  sizeMd: 'ui-bubble-button--size-md',
-  sizeLg: 'ui-bubble-button--size-lg',
-  glow: 'ui-bubble-button__glow',
-  surface: 'ui-bubble-button__surface',
-  border: 'ui-bubble-button__border',
-  highlight: 'ui-bubble-button__highlight',
-  ring: 'ui-bubble-button__ring',
-  content: 'ui-bubble-button__content',
-  icon: 'ui-bubble-button__icon',
-  iconGlow: 'ui-bubble-button__icon-glow',
-  label: 'ui-bubble-button__label',
-} as const;
diff --git a/libs/react-ui/src/components/bubble-button/BubbleButton.stories.tsx b/libs/react-ui/src/components/bubble-button/BubbleButton.stories.tsx
deleted file mode 100644
index b1eff5d..0000000
--- a/libs/react-ui/src/components/bubble-button/BubbleButton.stories.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { BubbleButton } from './BubbleButton';
-
-const meta = {
-  title: 'Components/BubbleButton',
-  component: BubbleButton,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    label: 'Get Started',
-    size: 'md',
-    color: 'primary',
-    disabled: false,
-    fullWidth: false,
-    delay: 0,
-  },
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['sm', 'md', 'lg'],
-    },
-    color: {
-      control: 'select',
-      options: ['primary', 'secondary'],
-    },
-    delay: { control: { type: 'number', min: 0, max: 5, step: 0.1 } },
-    disabled: { control: 'boolean' },
-    fullWidth: { control: 'boolean' },
-    onClick: { action: 'clicked' },
-    icon: { control: false },
-    label: { control: 'text' },
-    className: { control: false },
-    style: { control: false },
-    component: { control: false },
-  },
-} satisfies Meta<typeof BubbleButton>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-const rowStyle = {
-  display: 'flex',
-  flexWrap: 'wrap' as const,
-  gap: '16px',
-  alignItems: 'center',
-};
-
-const columnStyle = {
-  display: 'grid',
-  gap: '16px',
-  minWidth: '320px',
-};
-
-export const Playground: Story = {
-  render: (args) => <BubbleButton {...args} />,
-};
-
-export const Default: Story = {
-  args: {
-    label: 'Get Started',
-  },
-};
-
-export const AllSizes: Story = {
-  render: () => (
-    <div style={rowStyle}>
-      <BubbleButton size="sm" label="Small" />
-      <BubbleButton size="md" label="Medium" />
-      <BubbleButton size="lg" label="Large" />
-    </div>
-  ),
-};
-
-export const AllColors: Story = {
-  render: () => (
-    <div style={rowStyle}>
-      <BubbleButton color="primary" label="Primary" />
-      <BubbleButton color="secondary" label="Secondary" />
-    </div>
-  ),
-};
-
-export const Disabled: Story = {
-  args: {
-    label: 'Unavailable',
-    disabled: true,
-  },
-};
-
-export const FullWidth: Story = {
-  parameters: {
-    layout: 'padded',
-  },
-  args: {
-    label: 'Full Width Button',
-    fullWidth: true,
-  },
-};
-
-export const WithIcon: Story = {
-  render: () => (
-    <div style={rowStyle}>
-      <BubbleButton
-        icon={
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-            <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" />
-          </svg>
-        }
-        label="Starred"
-      />
-      <BubbleButton
-        icon={
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-            <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM9 17L5 13L6.41 11.59L9 14.17L17.59 5.58L19 7L9 17Z" />
-          </svg>
-        }
-        label="Confirm"
-      />
-      <BubbleButton label="No Icon" />
-    </div>
-  ),
-};
-
-export const WithDelay: Story = {
-  render: () => (
-    <div style={rowStyle}>
-      <BubbleButton delay={0} label="No Delay" />
-      <BubbleButton delay={0.3} label="0.3s Delay" />
-      <BubbleButton delay={0.6} label="0.6s Delay" />
-    </div>
-  ),
-};
-
-export const WithLongText: Story = {
-  render: () => (
-    <div style={columnStyle}>
-      <BubbleButton label="Subscribe to our weekly newsletter" />
-      <BubbleButton size="sm" label="Download the complete report" />
-      <BubbleButton
-        icon={
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-            <path d="M5 20H19V18H5M19 9H15V3H9V9H5L12 16L19 9Z" />
-          </svg>
-        }
-        label="Download the complete report as PDF"
-      />
-    </div>
-  ),
-};
-
-export const A11y: Story = {
-  render: () => (
-    <div style={columnStyle}>
-      <BubbleButton label="Save changes" aria-label="Save all pending changes" />
-      <BubbleButton
-        label="Delete"
-        aria-label="Delete selected item"
-        aria-describedby="delete-hint"
-      />
-      <BubbleButton label="Submit" disabled aria-disabled="true" />
-    </div>
-  ),
-  parameters: {
-    a11y: { disable: false },
-  },
-};
diff --git a/libs/react-ui/src/components/bubble-button/BubbleButton.test.tsx b/libs/react-ui/src/components/bubble-button/BubbleButton.test.tsx
deleted file mode 100644
index 5681402..0000000
--- a/libs/react-ui/src/components/bubble-button/BubbleButton.test.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { screen } from '@testing-library/react';
-import { spy } from 'sinon';
-import { describe, expect, it } from 'vitest';
-
-import { createRenderer, describeConformance } from '../../../test';
-
-import { BubbleButton } from './BubbleButton';
-import { bubbleButtonClasses } from './BubbleButton.constants';
-
-describe('<BubbleButton />', () => {
-  const { render } = createRenderer();
-
-  describeConformance(<BubbleButton label="hello" />, () => ({
-    render,
-    classes: bubbleButtonClasses,
-    refInstanceof: HTMLButtonElement,
-    polymorphicPropName: 'component',
-    testPolymorphicPropWith: 'a',
-    getRootElement: (container) => {
-      const root = container.querySelector(`.${bubbleButtonClasses.root}`);
-
-      if (!(root instanceof HTMLElement)) {
-        throw new Error('BubbleButton root element를 찾을 수 없습니다.');
-      }
-
-      return root;
-    },
-  }));
-
-  describe('root', () => {
-    it('label을 렌더링한다', () => {
-      render(<BubbleButton label="Topics" />);
-
-      const button = screen.getByRole('button', { name: 'Topics' });
-      const label = button.querySelector(`.${bubbleButtonClasses.label}`);
-
-      expect(button).toHaveClass(bubbleButtonClasses.root);
-      expect(label).toBeInTheDocument();
-      expect(label).toHaveTextContent('Topics');
-    });
-
-    it('icon을 렌더링한다', () => {
-      render(<BubbleButton label="Topics" icon={<span data-testid="icon">★</span>} />);
-
-      const button = screen.getByRole('button', { name: 'Topics' });
-      const iconSlot = button.querySelector(`.${bubbleButtonClasses.icon}`);
-
-      expect(iconSlot).toBeInTheDocument();
-      expect(screen.getByTestId('icon')).toBeInTheDocument();
-    });
-
-    it('장식 레이어들을 렌더링한다', () => {
-      render(<BubbleButton label="Topics" />);
-
-      const button = screen.getByRole('button', { name: 'Topics' });
-
-      expect(button.querySelector(`.${bubbleButtonClasses.glow}`)).toBeInTheDocument();
-      expect(button.querySelector(`.${bubbleButtonClasses.surface}`)).toBeInTheDocument();
-      expect(button.querySelector(`.${bubbleButtonClasses.border}`)).toBeInTheDocument();
-      expect(button.querySelector(`.${bubbleButtonClasses.highlight}`)).toBeInTheDocument();
-      expect(button.querySelector(`.${bubbleButtonClasses.ring}`)).toBeInTheDocument();
-      expect(button.querySelector(`.${bubbleButtonClasses.content}`)).toBeInTheDocument();
-    });
-
-    it('기본적으로 medium size class를 적용한다', () => {
-      render(<BubbleButton label="Topics" />);
-
-      expect(screen.getByRole('button', { name: 'Topics' })).toHaveClass(
-        bubbleButtonClasses.sizeMd,
-      );
-    });
-
-    it('size에 따라 대응하는 class를 적용한다', () => {
-      const { rerender } = render(<BubbleButton label="Small" size="sm" />);
-
-      expect(screen.getByRole('button', { name: 'Small' })).toHaveClass(bubbleButtonClasses.sizeSm);
-
-      rerender(<BubbleButton label="Large" size="lg" />);
-
-      expect(screen.getByRole('button', { name: 'Large' })).toHaveClass(bubbleButtonClasses.sizeLg);
-    });
-
-    it('href가 제공되면 link로 렌더링한다', () => {
-      render(<BubbleButton label="Docs" href="/docs" />);
-
-      expect(screen.getByRole('link', { name: 'Docs' })).toHaveAttribute('href', '/docs');
-    });
-
-    it('button host에서는 기본적으로 menu 접근성 속성을 렌더링하지 않는다', () => {
-      render(<BubbleButton label="Topics" />);
-
-      const button = screen.getByRole('button', { name: 'Topics' });
-
-      expect(button).not.toHaveAttribute('aria-haspopup');
-      expect(button).not.toHaveAttribute('aria-expanded');
-      expect(button).not.toHaveAttribute('aria-controls');
-    });
-  });
-
-  describe('events', () => {
-    it('onClick을 호출한다', async () => {
-      const onClick = spy();
-      const { user } = render(<BubbleButton label="Topics" onClick={onClick} />);
-
-      await user.click(screen.getByRole('button', { name: 'Topics' }));
-
-      expect(onClick.callCount).toBe(1);
-    });
-  });
-
-  describe('prop: disabled', () => {
-    it('native button이면 disabled를 전달한다', () => {
-      render(<BubbleButton label="Topics" disabled />);
-
-      expect(screen.getByRole('button', { name: 'Topics' })).toBeDisabled();
-    });
-
-    it('link host이면 aria-disabled를 적용한다', () => {
-      render(<BubbleButton label="Docs" href="/docs" disabled />);
-
-      const link = screen.getByRole('link', { name: 'Docs' });
-
-      expect(link).toHaveAttribute('aria-disabled', 'true');
-      expect(link).toHaveAttribute('tabindex', '-1');
-    });
-  });
-});
diff --git a/libs/react-ui/src/components/bubble-button/BubbleButton.tsx b/libs/react-ui/src/components/bubble-button/BubbleButton.tsx
deleted file mode 100644
index 0636bb5..0000000
--- a/libs/react-ui/src/components/bubble-button/BubbleButton.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-'use client';
-
-import type { ElementType } from 'react';
-
-import { ButtonBase } from '../button-base';
-
-import { bubbleButtonClasses } from './BubbleButton.constants';
-import type {
-  BubbleButtonAutoAnchorProps,
-  BubbleButtonProps,
-  BubbleButtonRenderableProps,
-} from './BubbleButton.types';
-import {
-  getBubbleButtonContent,
-  getBubbleButtonRootClassNames,
-  getBubbleButtonWrapperStyle,
-  isAutoAnchorProps,
-} from './BubbleButton.utils';
-
-export const BubbleButton = (props: BubbleButtonRenderableProps) => {
-  const { className, style, icon, label, size = 'md', delay = 0, disabled = false } = props;
-
-  const wrapperStyle = getBubbleButtonWrapperStyle({
-    delay,
-  });
-
-  const rootClassNames = getBubbleButtonRootClassNames({
-    className,
-    size,
-  });
-
-  const content = getBubbleButtonContent({
-    icon,
-    label,
-  });
-
-  if (isAutoAnchorProps(props)) {
-    const {
-      className: _className,
-      style: _style,
-      icon: _icon,
-      label: _label,
-      size: _size,
-      delay: _delay,
-      disabled: _disabled,
-      ...rest
-    }: BubbleButtonAutoAnchorProps = props;
-
-    return (
-      <span
-        className={bubbleButtonClasses.wrapper}
-        style={wrapperStyle}
-        data-disabled={disabled ? 'true' : undefined}
-      >
-        <ButtonBase
-          {...rest}
-          className={rootClassNames}
-          style={style}
-          disabled={disabled}
-          size={size}
-          variant="text"
-        >
-          {content}
-        </ButtonBase>
-      </span>
-    );
-  }
-
-  const {
-    component,
-    className: _className,
-    style: _style,
-    icon: _icon,
-    label: _label,
-    size: _size,
-    delay: _delay,
-    disabled: _disabled,
-    ...rest
-  }: BubbleButtonProps<ElementType> = props;
-
-  return (
-    <span
-      className={bubbleButtonClasses.wrapper}
-      style={wrapperStyle}
-      data-disabled={disabled ? 'true' : undefined}
-    >
-      <ButtonBase
-        {...rest}
-        {...(component != null ? { component } : {})}
-        className={rootClassNames}
-        style={style}
-        disabled={disabled}
-        size={size}
-        variant="text"
-      >
-        {content}
-      </ButtonBase>
-    </span>
-  );
-};
-
-BubbleButton.displayName = 'BubbleButton';
diff --git a/libs/react-ui/src/components/bubble-button/BubbleButton.types.ts b/libs/react-ui/src/components/bubble-button/BubbleButton.types.ts
deleted file mode 100644
index 03b0ace..0000000
--- a/libs/react-ui/src/components/bubble-button/BubbleButton.types.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
-
-import type { ButtonBaseAutoAnchorProps, ButtonBaseProps } from '../button-base';
-
-export type BubbleButtonOwnProps = {
-  icon?: ReactNode;
-  label: ReactNode;
-  delay?: number;
-};
-
-export type BubbleButtonProps<C extends ElementType = 'button'> = Omit<
-  ButtonBaseProps<C>,
-  'children' | 'variant'
-> &
-  BubbleButtonOwnProps & {
-    style?: CSSProperties;
-  };
-
-export type BubbleButtonAutoAnchorProps = Omit<ButtonBaseAutoAnchorProps, 'children' | 'variant'> &
-  BubbleButtonOwnProps & {
-    style?: CSSProperties;
-  };
-
-export type BubbleButtonRenderableProps =
-  | BubbleButtonAutoAnchorProps
-  | BubbleButtonProps<ElementType>;
diff --git a/libs/react-ui/src/components/bubble-button/BubbleButton.utils.tsx b/libs/react-ui/src/components/bubble-button/BubbleButton.utils.tsx
deleted file mode 100644
index 975bbaf..0000000
--- a/libs/react-ui/src/components/bubble-button/BubbleButton.utils.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { cx } from '@berrypjh/ui-core';
-
-import type { CSSProperties, ReactNode } from 'react';
-
-import { bubbleButtonClasses } from './BubbleButton.constants';
-import type {
-  BubbleButtonAutoAnchorProps,
-  BubbleButtonRenderableProps,
-} from './BubbleButton.types';
-
-/**
- * BubbleButton 컴포넌트에서 auto-anchor props인지 판별합니다.
- *
- * auto-anchor는 `component`를 명시하지 않았고, `href`가 존재하는 경우를 의미합니다.
- * 이 경우 `BubbleButtonBase`는 기본적으로 anchor 렌더링 경로를 탑니다.
- *
- * @param props 판별할 BubbleButton props
- * @returns auto-anchor props 여부
- */
-export const isAutoAnchorProps = (
-  props: BubbleButtonRenderableProps,
-): props is BubbleButtonAutoAnchorProps => {
-  return props.component == null && 'href' in props && props.href != null;
-};
-
-/**
- * BubbleButton wrapper style을 생성합니다.
- *
- * @param params BubbleButton delay
- * @returns 조합된 style
- */
-export const getBubbleButtonWrapperStyle = ({
-  delay,
-}: Pick<BubbleButtonRenderableProps, 'delay'>): CSSProperties => {
-  return {
-    '--ui-bubble-delay': `${delay}s`,
-  } as CSSProperties;
-};
-
-/**
- * BubbleButton root className 문자열을 생성합니다.
- *
- * @param params BubbleButton 시각적 상태와 추가 className
- * @returns 조합된 className 문자열
- */
-export const getBubbleButtonRootClassNames = ({
-  className,
-  size,
-}: {
-  className?: string;
-  size: 'sm' | 'md' | 'lg';
-}) =>
-  cx(
-    bubbleButtonClasses.root,
-    size === 'sm' && bubbleButtonClasses.sizeSm,
-    size === 'md' && bubbleButtonClasses.sizeMd,
-    size === 'lg' && bubbleButtonClasses.sizeLg,
-    className,
-  );
-
-/**
- * BubbleButton content를 생성합니다.
- *
- * @param params BubbleButton icon과 label
- * @returns content
- */
-export const getBubbleButtonContent = ({ icon, label }: { icon?: ReactNode; label: ReactNode }) => {
-  return (
-    <>
-      <span className={bubbleButtonClasses.glow} aria-hidden="true" />
-      <span className={bubbleButtonClasses.surface} aria-hidden="true">
-        <span className={bubbleButtonClasses.border} />
-        <span className={bubbleButtonClasses.highlight} />
-      </span>
-      <span className={bubbleButtonClasses.ring} aria-hidden="true" />
-
-      <span className={bubbleButtonClasses.content}>
-        {icon != null ? (
-          <span className={bubbleButtonClasses.icon} aria-hidden="true">
-            <span className={bubbleButtonClasses.iconGlow} />
-            {icon}
-          </span>
-        ) : null}
-
-        <span className={bubbleButtonClasses.label}>{label}</span>
-      </span>
-    </>
-  );
-};
diff --git a/libs/react-ui/src/components/bubble-button/bubble-button.scss b/libs/react-ui/src/components/bubble-button/bubble-button.scss
deleted file mode 100644
index 819a27e..0000000
--- a/libs/react-ui/src/components/bubble-button/bubble-button.scss
+++ /dev/null
@@ -1,521 +0,0 @@
-@keyframes ui-bubble-float {
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-
-  50% {
-    transform: translateY(-8px);
-  }
-}
-
-@keyframes ui-bubble-rotate-border {
-  to {
-    transform: rotate(1turn);
-  }
-}
-
-@keyframes ui-bubble-pulse-ring {
-  0% {
-    opacity: 0;
-    transform: scale(1);
-  }
-
-  45% {
-    opacity: 0.55;
-  }
-
-  100% {
-    opacity: 0;
-    transform: scale(1.14);
-  }
-}
-
-@keyframes ui-bubble-icon-glow {
-  0%,
-  100% {
-    opacity: 0.45;
-    transform: translate(-50%, -50%) scale(1);
-  }
-
-  50% {
-    opacity: 0.95;
-    transform: translate(-50%, -50%) scale(1.12);
-  }
-}
-
-.ui-bubble-button-wrapper {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  animation: ui-bubble-float 4s ease-in-out infinite;
-  animation-delay: var(--ui-bubble-delay, 0s);
-  will-change: transform;
-}
-
-.ui-bubble-button-wrapper[data-disabled='true'] {
-  animation: none;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover {
-  animation-play-state: paused;
-}
-
-.ui-bubble-button {
-  --ui-btn-px: 0px;
-  --ui-btn-py: 0px;
-  --ui-btn-radius: var(--ds-radius-rounded);
-  --ui-btn-bw: 0px;
-  --ui-btn-bc: transparent;
-  --ui-btn-bc-disabled: transparent;
-  --ui-btn-bg: transparent;
-  --ui-btn-bg-hover: transparent;
-  --ui-btn-bg-disabled: transparent;
-  --ui-btn-fg: var(--ds-text-default);
-  --ui-btn-fg-disabled: var(--ds-text-disable);
-  --ui-btn-focus-color: rgb(var(--ds-primary-pr400-rgb) / 0.35);
-  --ui-btn-focus-width: var(--ds-semantic-border-focus);
-
-  --ui-bubble-size: 9rem;
-  --ui-bubble-icon-size: 2.5rem;
-
-  --ui-bubble-shadow:
-    var(--ds-shadow-xl-1-offset-x) var(--ds-shadow-xl-1-offset-y) var(--ds-shadow-xl-1-blur)
-      var(--ds-shadow-xl-1-spread) var(--ds-shadow-xl-1-color),
-    var(--ds-shadow-xl-2-offset-x) var(--ds-shadow-xl-2-offset-y) var(--ds-shadow-xl-2-blur)
-      var(--ds-shadow-xl-2-spread) var(--ds-shadow-xl-2-color),
-    var(--ds-shadow-xl-3-offset-x) var(--ds-shadow-xl-3-offset-y) var(--ds-shadow-xl-3-blur)
-      var(--ds-shadow-xl-3-spread) var(--ds-shadow-xl-3-color);
-
-  --ui-bubble-shadow-hover:
-    var(--ds-shadow-2xl-1-offset-x) var(--ds-shadow-2xl-1-offset-y) var(--ds-shadow-2xl-1-blur)
-      var(--ds-shadow-2xl-1-spread) var(--ds-shadow-2xl-1-color),
-    var(--ds-shadow-2xl-2-offset-x) var(--ds-shadow-2xl-2-offset-y) var(--ds-shadow-2xl-2-blur)
-      var(--ds-shadow-2xl-2-spread) var(--ds-shadow-2xl-2-color),
-    var(--ds-shadow-2xl-3-offset-x) var(--ds-shadow-2xl-3-offset-y) var(--ds-shadow-2xl-3-blur)
-      var(--ds-shadow-2xl-3-spread) var(--ds-shadow-2xl-3-color);
-
-  --ui-bubble-shadow-disabled: none;
-
-  --ui-bubble-surface-start: rgb(var(--ds-neutral-ne100-rgb) / 0.92);
-  --ui-bubble-surface-end: rgb(var(--ds-neutral-ne100-rgb) / 0.68);
-  --ui-bubble-surface-disabled-start: rgb(var(--ds-neutral-ne200-rgb) / 0.72);
-  --ui-bubble-surface-disabled-end: rgb(var(--ds-neutral-ne200-rgb) / 0.52);
-
-  --ui-bubble-glow: rgb(var(--ds-primary-pr500-rgb) / 0.22);
-  --ui-bubble-glow-hover: rgb(var(--ds-primary-pr500-rgb) / 0.34);
-  --ui-bubble-glow-disabled: rgb(var(--ds-neutral-ne400-rgb) / 0.12);
-
-  --ui-bubble-border-1: rgb(var(--ds-primary-pr500-rgb) / 0.72);
-  --ui-bubble-border-2: rgb(var(--ds-primary-pr400-rgb) / 0.64);
-  --ui-bubble-border-3: rgb(var(--ds-secondary-se500-rgb) / 0.56);
-  --ui-bubble-border-disabled: rgb(var(--ds-neutral-ne400-rgb) / 0.3);
-
-  --ui-bubble-highlight: rgb(var(--ds-neutral-ne100-rgb) / 0.84);
-  --ui-bubble-highlight-hover: rgb(var(--ds-neutral-ne100-rgb) / 0.94);
-  --ui-bubble-highlight-disabled: rgb(var(--ds-neutral-ne100-rgb) / 0.45);
-
-  --ui-bubble-label: var(--ds-text-default);
-  --ui-bubble-label-strong: var(--ds-neutral-ne900);
-  --ui-bubble-label-disabled: var(--ds-text-disable);
-
-  --ui-bubble-icon-shadow: rgb(var(--ds-primary-pr500-rgb) / 0.45);
-  --ui-bubble-icon-shadow-hover: rgb(var(--ds-primary-pr500-rgb) / 0.62);
-  --ui-bubble-icon-shadow-disabled: rgb(var(--ds-neutral-ne400-rgb) / 0.18);
-
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  inline-size: var(--ui-bubble-size);
-  block-size: var(--ui-bubble-size);
-  min-inline-size: var(--ui-bubble-size);
-  min-block-size: var(--ui-bubble-size);
-  padding: 0;
-  overflow: visible;
-  isolation: isolate;
-  border-radius: var(--ds-radius-rounded);
-  text-decoration: none;
-  transform: translateZ(0);
-  box-shadow: var(--ui-bubble-shadow);
-  will-change: transform, box-shadow, filter;
-  transition:
-    transform 180ms ease,
-    box-shadow 220ms ease,
-    filter 220ms ease,
-    opacity 220ms ease;
-}
-
-[data-theme='dark'] .ui-bubble-button,
-.theme-dark .ui-bubble-button {
-  --ui-btn-fg: var(--ds-text-contrast-text);
-  --ui-btn-focus-color: rgb(var(--ds-primary-pr300-rgb) / 0.4);
-
-  --ui-bubble-shadow:
-    var(--ds-shadow-2xl-1-offset-x) var(--ds-shadow-2xl-1-offset-y) var(--ds-shadow-2xl-1-blur)
-      var(--ds-shadow-2xl-1-spread) var(--ds-shadow-2xl-1-color),
-    var(--ds-shadow-2xl-2-offset-x) var(--ds-shadow-2xl-2-offset-y) var(--ds-shadow-2xl-2-blur)
-      var(--ds-shadow-2xl-2-spread) var(--ds-shadow-2xl-2-color),
-    var(--ds-shadow-2xl-3-offset-x) var(--ds-shadow-2xl-3-offset-y) var(--ds-shadow-2xl-3-blur)
-      var(--ds-shadow-2xl-3-spread) var(--ds-shadow-2xl-3-color);
-
-  --ui-bubble-shadow-hover:
-    0 0 0 1px rgb(var(--ds-primary-pr300-rgb) / 0.08),
-    var(--ds-shadow-2xl-1-offset-x) var(--ds-shadow-2xl-1-offset-y) var(--ds-shadow-2xl-1-blur)
-      var(--ds-shadow-2xl-1-spread) var(--ds-shadow-2xl-1-color),
-    var(--ds-shadow-2xl-2-offset-x) var(--ds-shadow-2xl-2-offset-y) var(--ds-shadow-2xl-2-blur)
-      var(--ds-shadow-2xl-2-spread) var(--ds-shadow-2xl-2-color),
-    var(--ds-shadow-2xl-3-offset-x) var(--ds-shadow-2xl-3-offset-y) var(--ds-shadow-2xl-3-blur)
-      var(--ds-shadow-2xl-3-spread) var(--ds-shadow-2xl-3-color);
-
-  --ui-bubble-surface-start: rgb(var(--ds-neutral-ne100-rgb) / 0.1);
-  --ui-bubble-surface-end: rgb(var(--ds-neutral-ne100-rgb) / 0.03);
-  --ui-bubble-surface-disabled-start: rgb(var(--ds-neutral-ne100-rgb) / 0.08);
-  --ui-bubble-surface-disabled-end: rgb(var(--ds-neutral-ne100-rgb) / 0.03);
-
-  --ui-bubble-glow: rgb(var(--ds-primary-pr400-rgb) / 0.18);
-  --ui-bubble-glow-hover: rgb(var(--ds-primary-pr300-rgb) / 0.28);
-  --ui-bubble-glow-disabled: rgb(var(--ds-neutral-ne400-rgb) / 0.08);
-
-  --ui-bubble-border-1: rgb(var(--ds-primary-pr400-rgb) / 0.58);
-  --ui-bubble-border-2: rgb(var(--ds-secondary-se400-rgb) / 0.4);
-  --ui-bubble-border-3: rgb(var(--ds-primary-pr300-rgb) / 0.48);
-  --ui-bubble-border-disabled: rgb(var(--ds-neutral-ne400-rgb) / 0.18);
-
-  --ui-bubble-highlight: rgb(var(--ds-neutral-ne100-rgb) / 0.12);
-  --ui-bubble-highlight-hover: rgb(var(--ds-neutral-ne100-rgb) / 0.2);
-  --ui-bubble-highlight-disabled: rgb(var(--ds-neutral-ne100-rgb) / 0.06);
-
-  --ui-bubble-label: var(--ds-text-contrast-text);
-  --ui-bubble-label-strong: var(--ds-text-contrast-text);
-  --ui-bubble-label-disabled: var(--ds-text-disable);
-
-  --ui-bubble-icon-shadow: rgb(var(--ds-primary-pr300-rgb) / 0.45);
-  --ui-bubble-icon-shadow-hover: rgb(var(--ds-primary-pr300-rgb) / 0.62);
-  --ui-bubble-icon-shadow-disabled: rgb(var(--ds-neutral-ne400-rgb) / 0.14);
-}
-
-.ui-bubble-button--size-sm {
-  --ui-bubble-size: 7rem;
-  --ui-bubble-icon-size: 2rem;
-}
-
-.ui-bubble-button--size-md {
-  --ui-bubble-size: 9rem;
-  --ui-bubble-icon-size: 2.5rem;
-}
-
-.ui-bubble-button--size-lg {
-  --ui-bubble-size: 11rem;
-  --ui-bubble-icon-size: 3rem;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button {
-  transform: scale(1.08) translateY(-2px);
-  box-shadow: var(--ui-bubble-shadow-hover);
-}
-
-.ui-bubble-button:not(:disabled):not([aria-disabled='true']):active {
-  transform: scale(0.98);
-}
-
-.ui-bubble-button:focus-visible {
-  box-shadow:
-    0 0 0 var(--ui-btn-focus-width) var(--ui-btn-focus-color),
-    var(--ui-bubble-shadow);
-}
-
-.ui-bubble-button:disabled,
-.ui-bubble-button[aria-disabled='true'] {
-  cursor: not-allowed;
-  box-shadow: var(--ui-bubble-shadow-disabled);
-  filter: saturate(0.7);
-}
-
-.ui-bubble-button__glow,
-.ui-bubble-button__surface,
-.ui-bubble-button__ring {
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-}
-
-.ui-bubble-button__glow {
-  z-index: 0;
-  background: radial-gradient(circle, var(--ui-bubble-glow) 0%, transparent 70%);
-  filter: blur(18px);
-  opacity: 0.65;
-  transform: scale(1.18);
-  transition:
-    opacity 220ms ease,
-    transform 220ms ease,
-    filter 220ms ease,
-    background 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__glow {
-  opacity: 1;
-  transform: scale(1.34);
-  background: radial-gradient(circle, var(--ui-bubble-glow-hover) 0%, transparent 72%);
-  filter: blur(22px);
-}
-
-.ui-bubble-button__surface {
-  z-index: 1;
-  overflow: hidden;
-  background: linear-gradient(
-    135deg,
-    var(--ui-bubble-surface-start) 0%,
-    var(--ui-bubble-surface-end) 100%
-  );
-  backdrop-filter: blur(24px);
-  -webkit-backdrop-filter: blur(24px);
-  transition:
-    background 220ms ease,
-    opacity 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__surface {
-  background: linear-gradient(
-    135deg,
-    var(--ui-bubble-highlight-hover) 0%,
-    var(--ui-bubble-surface-end) 100%
-  );
-}
-
-.ui-bubble-button__border {
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: 1.5px;
-  background: conic-gradient(
-    from 0deg,
-    var(--ui-bubble-border-1),
-    var(--ui-bubble-border-2),
-    var(--ui-bubble-border-3),
-    var(--ui-bubble-border-1)
-  );
-  -webkit-mask:
-    linear-gradient(#fff 0 0) content-box,
-    linear-gradient(#fff 0 0);
-  mask:
-    linear-gradient(#fff 0 0) content-box,
-    linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-  opacity: 0.78;
-  transition:
-    opacity 220ms ease,
-    filter 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__border {
-  opacity: 1;
-  filter: brightness(1.08);
-  animation: ui-bubble-rotate-border 2.2s linear infinite;
-}
-
-.ui-bubble-button__highlight {
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background: radial-gradient(circle at 30% 30%, var(--ui-bubble-highlight) 0%, transparent 52%);
-  transition:
-    opacity 220ms ease,
-    background 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__highlight {
-  background: radial-gradient(
-    circle at 28% 26%,
-    var(--ui-bubble-highlight-hover) 0%,
-    transparent 54%
-  );
-}
-
-.ui-bubble-button__ring {
-  z-index: 2;
-  border: 1px solid rgb(var(--ds-neutral-ne100-rgb) / 0.24);
-  opacity: 0;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__ring {
-  animation: ui-bubble-pulse-ring 1.4s ease-out infinite;
-}
-
-.ui-bubble-button__content {
-  position: relative;
-  z-index: 3;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--ds-spacing-xsm);
-}
-
-.ui-bubble-button__icon {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  inline-size: var(--ui-bubble-icon-size);
-  block-size: var(--ui-bubble-icon-size);
-  line-height: 0;
-  color: inherit;
-  transition:
-    transform 180ms ease,
-    opacity 180ms ease,
-    filter 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__icon {
-  transform: scale(1.06);
-}
-
-.ui-bubble-button__icon > svg,
-.ui-bubble-button__icon > img {
-  position: relative;
-  z-index: 1;
-  inline-size: 100%;
-  block-size: 100%;
-  filter: drop-shadow(0 2px 8px var(--ui-bubble-icon-shadow));
-  transition: filter 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__icon > svg,
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__icon > img {
-  filter: drop-shadow(0 4px 14px var(--ui-bubble-icon-shadow-hover));
-}
-
-.ui-bubble-button__icon-glow {
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-  inline-size: calc(var(--ui-bubble-icon-size) * 1.5);
-  block-size: calc(var(--ui-bubble-icon-size) * 1.5);
-  background: radial-gradient(circle, var(--ui-bubble-glow) 0%, transparent 72%);
-  filter: blur(12px);
-  transform: translate(-50%, -50%);
-  animation: ui-bubble-icon-glow 2s ease-in-out infinite;
-  transition:
-    opacity 220ms ease,
-    filter 220ms ease,
-    background 220ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__icon-glow {
-  background: radial-gradient(circle, var(--ui-bubble-glow-hover) 0%, transparent 72%);
-  filter: blur(16px);
-}
-
-.ui-bubble-button__label {
-  position: relative;
-  z-index: 1;
-  color: var(--ui-bubble-label);
-  font-family: var(--ds-body-small-strong-font-family);
-  font-size: var(--ds-body-small-strong-font-size);
-  font-weight: var(--ds-body-small-strong-font-weight);
-  letter-spacing: 0.02em;
-  line-height: calc(var(--ds-body-small-strong-line-height) * 1px);
-  text-shadow: 0 2px 4px rgb(0 0 0 / 0.18);
-  transition:
-    color 180ms ease,
-    text-shadow 180ms ease,
-    opacity 180ms ease;
-}
-
-.ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__label {
-  color: var(--ui-bubble-label-strong);
-  text-shadow: 0 0 12px var(--ui-bubble-icon-shadow-hover);
-}
-
-/* disabled detail */
-.ui-bubble-button:disabled .ui-bubble-button__glow,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__glow {
-  opacity: 0.32;
-  transform: scale(1.08);
-  background: radial-gradient(circle, var(--ui-bubble-glow-disabled) 0%, transparent 72%);
-  filter: blur(14px);
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__surface,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__surface {
-  background: linear-gradient(
-    135deg,
-    var(--ui-bubble-surface-disabled-start) 0%,
-    var(--ui-bubble-surface-disabled-end) 100%
-  );
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__border,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__border {
-  opacity: 0.56;
-  background: linear-gradient(
-    135deg,
-    var(--ui-bubble-border-disabled) 0%,
-    var(--ui-bubble-border-disabled) 100%
-  );
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__highlight,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__highlight {
-  background: radial-gradient(
-    circle at 30% 30%,
-    var(--ui-bubble-highlight-disabled) 0%,
-    transparent 52%
-  );
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__ring,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__ring {
-  opacity: 0;
-  animation: none;
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__icon,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__icon {
-  opacity: 0.72;
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__icon > svg,
-.ui-bubble-button:disabled .ui-bubble-button__icon > img,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__icon > svg,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__icon > img {
-  filter: drop-shadow(0 1px 4px var(--ui-bubble-icon-shadow-disabled));
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__icon-glow,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__icon-glow {
-  opacity: 0.35;
-  filter: blur(10px);
-  animation: none;
-}
-
-.ui-bubble-button:disabled .ui-bubble-button__label,
-.ui-bubble-button[aria-disabled='true'] .ui-bubble-button__label {
-  color: var(--ui-bubble-label-disabled);
-  text-shadow: none;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ui-bubble-button-wrapper,
-  .ui-bubble-button__icon-glow,
-  .ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__ring,
-  .ui-bubble-button-wrapper:not([data-disabled='true']):hover .ui-bubble-button__border {
-    animation: none;
-  }
-
-  .ui-bubble-button,
-  .ui-bubble-button__glow,
-  .ui-bubble-button__surface,
-  .ui-bubble-button__border,
-  .ui-bubble-button__highlight,
-  .ui-bubble-button__icon,
-  .ui-bubble-button__icon-glow,
-  .ui-bubble-button__label {
-    transition: none;
-  }
-}
diff --git a/libs/react-ui/src/components/bubble-button/index.ts b/libs/react-ui/src/components/bubble-button/index.ts
deleted file mode 100644
index aa639a7..0000000
--- a/libs/react-ui/src/components/bubble-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { BubbleButton } from './BubbleButton';
diff --git a/libs/react-ui/src/components/button-base/ButtonBase.types.ts b/libs/react-ui/src/components/button-base/ButtonBase.types.ts
index 88d99ee..0801e00 100644
--- a/libs/react-ui/src/components/button-base/ButtonBase.types.ts
+++ b/libs/react-ui/src/components/button-base/ButtonBase.types.ts
@@ -10,7 +10,7 @@ import type {
 
 import type { PolymorphicComponentPropsWithRef, PropsOf } from '../../types/polymorphic';
 
-export type ButtonBaseOwnProps = CoreButtonProps & {
+export type ButtonBaseOwnProps = Omit<CoreButtonProps, 'loading' | 'loadingPosition'> & {
   className?: string;
   children?: ReactNode;
 };
diff --git a/libs/react-ui/src/components/button/Button.types.ts b/libs/react-ui/src/components/button/Button.types.ts
index 84edb29..b443cd6 100644
--- a/libs/react-ui/src/components/button/Button.types.ts
+++ b/libs/react-ui/src/components/button/Button.types.ts
@@ -1,15 +1,15 @@
+import type { ButtonLoadingPosition, ButtonProps as CoreButtonProps } from '@berrypjh/ui-core';
+
 import type { ElementType, ReactNode } from 'react';
 
 import type { ButtonBaseAutoAnchorProps, ButtonBaseProps } from '../button-base';
 
-export type ButtonLoadingPosition = 'start' | 'center' | 'end';
+export type { ButtonLoadingPosition };
 
-export type ButtonExtraProps = {
+export type ButtonExtraProps = Pick<CoreButtonProps, 'loading' | 'loadingPosition'> & {
   startIcon?: ReactNode;
   endIcon?: ReactNode;
-  loading?: boolean;
   loadingIndicator?: ReactNode;
-  loadingPosition?: ButtonLoadingPosition;
 };
 
 export type ButtonProps<C extends ElementType = 'button'> = ButtonBaseProps<C> & ButtonExtraProps;
diff --git a/libs/react-ui/src/components/fab/Fab.types.ts b/libs/react-ui/src/components/fab/Fab.types.ts
index f6e4f64..12d3459 100644
--- a/libs/react-ui/src/components/fab/Fab.types.ts
+++ b/libs/react-ui/src/components/fab/Fab.types.ts
@@ -1,17 +1,14 @@
-import type { ButtonColor, ButtonSize } from '@berrypjh/ui-core';
+import type { FabProps as CoreFabProps, FabShape } from '@berrypjh/ui-core';
 
 import type { ElementType, ReactNode } from 'react';
 
 import type { ButtonBaseAutoAnchorProps, ButtonBaseProps } from '../button-base';
 
-export type FabShape = 'circular' | 'extended';
+export type { FabShape };
 
-export type FabOwnProps = {
+export type FabOwnProps = CoreFabProps & {
   children?: ReactNode;
   className?: string;
-  color?: ButtonColor;
-  size?: ButtonSize;
-  shape?: FabShape;
   icon?: ReactNode;
 };
 
diff --git a/libs/react-ui/src/components/filled-input/FilledInput.stories.tsx b/libs/react-ui/src/components/filled-input/FilledInput.stories.tsx
index 9e65f29..4c4a820 100644
--- a/libs/react-ui/src/components/filled-input/FilledInput.stories.tsx
+++ b/libs/react-ui/src/components/filled-input/FilledInput.stories.tsx
@@ -8,8 +8,6 @@ const meta = {
   tags: ['autodocs'],
   parameters: {
     layout: 'centered',
-    // TODO(a11y): 위반 수정 후 disable 제거
-    a11y: { disable: true },
   },
   args: {
     placeholder: 'Enter value',
@@ -21,6 +19,7 @@ const meta = {
     required: false,
     multiline: false,
     fullWidth: false,
+    'aria-label': 'Input',
   },
   argTypes: {
     size: {
@@ -67,19 +66,19 @@ const columnStyle = {
 };
 
 const SearchIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z" />
   </svg>
 );
 
 const VisibilityIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 12 9 12Z" />
   </svg>
 );
 
 const EuroIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M15 18.5C12.49 18.5 10.32 17.08 9.24 15H15V13H8.58C8.53 12.67 8.5 12.34 8.5 12C8.5 11.66 8.53 11.33 8.58 11H15V9H9.24C10.32 6.92 12.5 5.5 15 5.5C16.61 5.5 18.09 6.09 19.23 7.07L21 5.3C19.41 3.87 17.3 3 15 3C11.08 3 7.76 5.51 6.52 9H3V11H6.06C6.02 11.33 6 11.66 6 12C6 12.34 6.02 12.67 6.06 13H3V15H6.52C7.76 18.49 11.08 21 15 21C17.31 21 19.41 20.13 21 18.7L19.22 16.93C18.09 17.91 16.62 18.5 15 18.5Z" />
   </svg>
 );
@@ -91,14 +90,15 @@ export const Playground: Story = {
 export const Default: Story = {
   args: {
     placeholder: 'Enter your name',
+    'aria-label': 'Name',
   },
 };
 
 export const AllSizes: Story = {
   render: () => (
     <div style={columnStyle}>
-      <FilledInput size="sm" placeholder="Small (sm)" />
-      <FilledInput size="md" placeholder="Medium (md)" />
+      <FilledInput size="sm" placeholder="Small (sm)" aria-label="Small input" />
+      <FilledInput size="md" placeholder="Medium (md)" aria-label="Medium input" />
     </div>
   ),
 };
@@ -106,8 +106,12 @@ export const AllSizes: Story = {
 export const AllColors: Story = {
   render: () => (
     <div style={columnStyle}>
-      <FilledInput color="primary" placeholder="Primary color" />
-      <FilledInput color="secondary" placeholder="Secondary color" />
+      <FilledInput color="primary" placeholder="Primary color" aria-label="Primary color input" />
+      <FilledInput
+        color="secondary"
+        placeholder="Secondary color"
+        aria-label="Secondary color input"
+      />
     </div>
   ),
 };
@@ -117,14 +121,26 @@ export const Disabled: Story = {
     placeholder: 'Disabled input',
     disabled: true,
     value: 'Cannot edit this',
+    'aria-label': 'Disabled input',
   },
 };
 
 export const Error: Story = {
   render: () => (
     <div style={columnStyle}>
-      <FilledInput error placeholder="Invalid email address" value="not-an-email" />
-      <FilledInput error placeholder="Required field is empty" />
+      <FilledInput
+        error
+        placeholder="Invalid email address"
+        value="not-an-email"
+        aria-label="Email address"
+        aria-invalid="true"
+      />
+      <FilledInput
+        error
+        placeholder="Required field is empty"
+        aria-label="Required field"
+        aria-invalid="true"
+      />
     </div>
   ),
 };
@@ -133,6 +149,7 @@ export const ReadOnly: Story = {
   args: {
     readOnly: true,
     value: 'Read-only content',
+    'aria-label': 'Read-only input',
   },
 };
 
@@ -148,8 +165,13 @@ export const Required: Story = {
 export const Multiline: Story = {
   render: () => (
     <div style={columnStyle}>
-      <FilledInput multiline placeholder="Write your message here..." rows={3} />
-      <FilledInput multiline placeholder="Larger text area..." rows={6} />
+      <FilledInput
+        multiline
+        placeholder="Write your message here..."
+        rows={3}
+        aria-label="Short message"
+      />
+      <FilledInput multiline placeholder="Larger text area..." rows={6} aria-label="Long message" />
     </div>
   ),
 };
@@ -160,8 +182,13 @@ export const FullWidth: Story = {
   },
   render: () => (
     <div style={{ display: 'grid', gap: '12px', width: '480px' }}>
-      <FilledInput fullWidth placeholder="Full width input" />
-      <FilledInput fullWidth size="sm" placeholder="Full width small" />
+      <FilledInput fullWidth placeholder="Full width input" aria-label="Full width input" />
+      <FilledInput
+        fullWidth
+        size="sm"
+        placeholder="Full width small"
+        aria-label="Full width small input"
+      />
     </div>
   ),
 };
@@ -169,13 +196,27 @@ export const FullWidth: Story = {
 export const WithAdornments: Story = {
   render: () => (
     <div style={columnStyle}>
-      <FilledInput startAdornment={<SearchIcon />} placeholder="Search projects..." />
-      <FilledInput endAdornment={<VisibilityIcon />} type="password" placeholder="Enter password" />
+      <FilledInput
+        startAdornment={<SearchIcon />}
+        placeholder="Search projects..."
+        aria-label="Search projects"
+      />
+      <FilledInput
+        endAdornment={<VisibilityIcon />}
+        type="password"
+        placeholder="Enter password"
+        aria-label="Password"
+      />
       <FilledInput
         startAdornment={<EuroIcon />}
-        endAdornment={<span style={{ fontSize: '13px', color: '#888' }}>EUR</span>}
+        endAdornment={
+          <span aria-hidden="true" style={{ fontSize: '13px' }}>
+            EUR
+          </span>
+        }
         placeholder="0.00"
         type="number"
+        aria-label="Amount in EUR"
       />
     </div>
   ),
@@ -184,11 +225,15 @@ export const WithAdornments: Story = {
 export const WithLongText: Story = {
   render: () => (
     <div style={columnStyle}>
-      <FilledInput value="This is a very long input value that demonstrates how the component handles overflow and text truncation in single-line mode" />
+      <FilledInput
+        value="This is a very long input value that demonstrates how the component handles overflow and text truncation in single-line mode"
+        aria-label="Long single-line value"
+      />
       <FilledInput
         multiline
         rows={4}
         value="This is a multiline input with a longer block of text. It can wrap across multiple lines and the component should handle the layout gracefully without breaking the design."
+        aria-label="Long multiline value"
       />
     </div>
   ),
@@ -222,8 +267,4 @@ export const A11y: Story = {
       <FilledInput aria-label="Disabled field" disabled value="Not editable" aria-disabled="true" />
     </div>
   ),
-  parameters: {
-    // TODO(a11y): A11y smoke-test 위반 수정 후 disable 제거
-    a11y: { disable: true },
-  },
 };
diff --git a/libs/react-ui/src/components/form-control/FormControl.utils.ts b/libs/react-ui/src/components/form-control/FormControl.utils.ts
index 11ceef3..c63673d 100644
--- a/libs/react-ui/src/components/form-control/FormControl.utils.ts
+++ b/libs/react-ui/src/components/form-control/FormControl.utils.ts
@@ -1,8 +1,6 @@
 import { Children, isValidElement, type ReactElement, type ReactNode } from 'react';
 
-import { cx } from '@berrypjh/ui-core';
-
-import { hasFormValue } from '../../utils';
+import { cx, hasFormValue } from '@berrypjh/ui-core';
 
 import { formControlClasses } from './FormControl.constants';
 import type {
diff --git a/libs/react-ui/src/components/form-helper-text/FormHelperText.types.ts b/libs/react-ui/src/components/form-helper-text/FormHelperText.types.ts
index 00d5613..0ce380f 100644
--- a/libs/react-ui/src/components/form-helper-text/FormHelperText.types.ts
+++ b/libs/react-ui/src/components/form-helper-text/FormHelperText.types.ts
@@ -1,12 +1,9 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 
-import type { FieldSize } from '../../types';
+import type { FieldProps } from '../../types';
 
-export type FormHelperTextOwnProps = {
+export type FormHelperTextOwnProps = Pick<FieldProps, 'disabled' | 'error' | 'size'> & {
   children?: ReactNode;
-  disabled?: boolean;
-  error?: boolean;
-  size?: FieldSize;
 };
 
 export type FormHelperTextProps = Omit<ComponentPropsWithRef<'p'>, 'children'> &
diff --git a/libs/react-ui/src/components/icon-button/IconButton.types.ts b/libs/react-ui/src/components/icon-button/IconButton.types.ts
index 872c98a..5eaee79 100644
--- a/libs/react-ui/src/components/icon-button/IconButton.types.ts
+++ b/libs/react-ui/src/components/icon-button/IconButton.types.ts
@@ -1,17 +1,14 @@
-import type { ButtonColor, ButtonSize } from '@berrypjh/ui-core';
+import type { IconButtonEdge, IconButtonProps as CoreIconButtonProps } from '@berrypjh/ui-core';
 
 import type { ElementType, ReactNode } from 'react';
 
 import type { ButtonBaseAutoAnchorProps, ButtonBaseProps } from '../button-base';
 
-export type IconButtonEdge = 'start' | 'end' | false;
+export type { IconButtonEdge };
 
-export type IconButtonOwnProps = {
+export type IconButtonOwnProps = CoreIconButtonProps & {
   children?: ReactNode;
   className?: string;
-  size?: ButtonSize;
-  color?: ButtonColor;
-  edge?: IconButtonEdge;
   loading?: boolean | null;
   loadingIndicator?: ReactNode;
 };
diff --git a/libs/react-ui/src/components/index.ts b/libs/react-ui/src/components/index.ts
index 99a3bc6..7a45cc7 100644
--- a/libs/react-ui/src/components/index.ts
+++ b/libs/react-ui/src/components/index.ts
@@ -1,6 +1,5 @@
 export * from './box';
 export * from './boxed-input';
-export * from './bubble-button';
 export * from './button';
 export * from './button-base';
 export * from './fab';
diff --git a/libs/react-ui/src/components/input-base/InputBase.stories.tsx b/libs/react-ui/src/components/input-base/InputBase.stories.tsx
index e59819c..1198542 100644
--- a/libs/react-ui/src/components/input-base/InputBase.stories.tsx
+++ b/libs/react-ui/src/components/input-base/InputBase.stories.tsx
@@ -8,8 +8,6 @@ const meta = {
   tags: ['autodocs'],
   parameters: {
     layout: 'centered',
-    // TODO(a11y): 위반 수정 후 disable 제거
-    a11y: { disable: true },
   },
   args: {
     placeholder: 'Enter value',
@@ -22,6 +20,7 @@ const meta = {
     multiline: false,
     fullWidth: false,
     type: 'text',
+    'aria-label': 'Input',
   },
   argTypes: {
     size: {
@@ -68,13 +67,13 @@ const columnStyle = {
 };
 
 const SearchIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z" />
   </svg>
 );
 
 const LockIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17ZM15.1 8H8.9V6C8.9 4.29 10.29 2.9 12 2.9C13.71 2.9 15.1 4.29 15.1 6V8Z" />
   </svg>
 );
@@ -86,14 +85,15 @@ export const Playground: Story = {
 export const Default: Story = {
   args: {
     placeholder: 'Enter your name',
+    'aria-label': 'Name',
   },
 };
 
 export const AllSizes: Story = {
   render: () => (
     <div style={columnStyle}>
-      <InputBase size="sm" placeholder="Small (sm)" />
-      <InputBase size="md" placeholder="Medium (md)" />
+      <InputBase size="sm" placeholder="Small (sm)" aria-label="Small input" />
+      <InputBase size="md" placeholder="Medium (md)" aria-label="Medium input" />
     </div>
   ),
 };
@@ -101,8 +101,12 @@ export const AllSizes: Story = {
 export const AllColors: Story = {
   render: () => (
     <div style={columnStyle}>
-      <InputBase color="primary" placeholder="Primary color" />
-      <InputBase color="secondary" placeholder="Secondary color" />
+      <InputBase color="primary" placeholder="Primary color" aria-label="Primary color input" />
+      <InputBase
+        color="secondary"
+        placeholder="Secondary color"
+        aria-label="Secondary color input"
+      />
     </div>
   ),
 };
@@ -111,14 +115,26 @@ export const Disabled: Story = {
   args: {
     disabled: true,
     value: 'Cannot edit this value',
+    'aria-label': 'Disabled input',
   },
 };
 
 export const Error: Story = {
   render: () => (
     <div style={columnStyle}>
-      <InputBase error placeholder="Invalid email address" value="not-an-email" />
-      <InputBase error placeholder="Required field is empty" />
+      <InputBase
+        error
+        placeholder="Invalid email address"
+        value="not-an-email"
+        aria-label="Email address"
+        aria-invalid="true"
+      />
+      <InputBase
+        error
+        placeholder="Required field is empty"
+        aria-label="Required field"
+        aria-invalid="true"
+      />
     </div>
   ),
 };
@@ -127,6 +143,7 @@ export const ReadOnly: Story = {
   args: {
     readOnly: true,
     value: 'Read-only content',
+    'aria-label': 'Read-only input',
   },
 };
 
@@ -142,8 +159,13 @@ export const Required: Story = {
 export const Multiline: Story = {
   render: () => (
     <div style={columnStyle}>
-      <InputBase multiline placeholder="Write your message here..." rows={3} />
-      <InputBase multiline placeholder="Larger text area..." rows={6} />
+      <InputBase
+        multiline
+        placeholder="Write your message here..."
+        rows={3}
+        aria-label="Short message"
+      />
+      <InputBase multiline placeholder="Larger text area..." rows={6} aria-label="Long message" />
     </div>
   ),
 };
@@ -154,8 +176,13 @@ export const FullWidth: Story = {
   },
   render: () => (
     <div style={{ display: 'grid', gap: '12px', width: '480px' }}>
-      <InputBase fullWidth placeholder="Full width input" />
-      <InputBase fullWidth size="sm" placeholder="Full width small" />
+      <InputBase fullWidth placeholder="Full width input" aria-label="Full width input" />
+      <InputBase
+        fullWidth
+        size="sm"
+        placeholder="Full width small"
+        aria-label="Full width small input"
+      />
     </div>
   ),
 };
@@ -163,13 +190,23 @@ export const FullWidth: Story = {
 export const WithAdornments: Story = {
   render: () => (
     <div style={columnStyle}>
-      <InputBase startAdornment={<SearchIcon />} placeholder="Search projects..." />
-      <InputBase endAdornment={<LockIcon />} type="password" placeholder="Enter password" />
       <InputBase
-        startAdornment={<span style={{ fontSize: '13px', color: '#888' }}>$</span>}
-        endAdornment={<span style={{ fontSize: '13px', color: '#888' }}>USD</span>}
+        startAdornment={<SearchIcon />}
+        placeholder="Search projects..."
+        aria-label="Search projects"
+      />
+      <InputBase
+        endAdornment={<LockIcon />}
+        type="password"
+        placeholder="Enter password"
+        aria-label="Password"
+      />
+      <InputBase
+        startAdornment={<span style={{ fontSize: '13px', color: 'var(--ds-text-light)' }}>$</span>}
+        endAdornment={<span style={{ fontSize: '13px', color: 'var(--ds-text-light)' }}>USD</span>}
         placeholder="0.00"
         type="number"
+        aria-label="Amount in USD"
       />
     </div>
   ),
@@ -178,11 +215,15 @@ export const WithAdornments: Story = {
 export const WithLongText: Story = {
   render: () => (
     <div style={columnStyle}>
-      <InputBase value="This is a very long input value that demonstrates how the component handles overflow and text truncation in single-line mode" />
+      <InputBase
+        value="This is a very long input value that demonstrates how the component handles overflow and text truncation in single-line mode"
+        aria-label="Long single-line value"
+      />
       <InputBase
         multiline
         rows={4}
         value="This is a multiline input with a longer block of text. It can wrap across multiple lines and the component should handle the layout gracefully without breaking the design."
+        aria-label="Long multiline value"
       />
     </div>
   ),
@@ -216,8 +257,4 @@ export const A11y: Story = {
       <InputBase aria-label="Disabled field" disabled value="Not editable" aria-disabled="true" />
     </div>
   ),
-  parameters: {
-    // TODO(a11y): A11y smoke-test 위반 수정 후 disable 제거
-    a11y: { disable: true },
-  },
 };
diff --git a/libs/react-ui/src/components/input-base/InputBase.tsx b/libs/react-ui/src/components/input-base/InputBase.tsx
index e2bf9c0..f02d229 100644
--- a/libs/react-ui/src/components/input-base/InputBase.tsx
+++ b/libs/react-ui/src/components/input-base/InputBase.tsx
@@ -2,9 +2,8 @@
 
 import { useEffect, useRef, useState } from 'react';
 
-import { cx } from '@berrypjh/ui-core';
+import { cx, hasFormValue } from '@berrypjh/ui-core';
 
-import { hasFormValue } from '../../utils';
 import { useFormControl } from '../form-control';
 
 import { inputBaseClasses } from './InputBase.constants';
@@ -29,6 +28,9 @@ import {
 
 export const InputBase = ({
   'aria-describedby': ariaDescribedby,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledby,
+  'aria-invalid': ariaInvalid,
   autoComplete,
   autoFocus = false,
   children,
@@ -228,6 +230,9 @@ export const InputBase = ({
 
   const commonInputProps = getCommonInputProps({
     ariaDescribedby,
+    ariaLabel,
+    ariaLabelledby,
+    ariaInvalid,
     autoComplete,
     autoFocus,
     disabled: resolvedDisabled,
diff --git a/libs/react-ui/src/components/input-base/InputBase.types.ts b/libs/react-ui/src/components/input-base/InputBase.types.ts
index 8011ac3..295c07f 100644
--- a/libs/react-ui/src/components/input-base/InputBase.types.ts
+++ b/libs/react-ui/src/components/input-base/InputBase.types.ts
@@ -1,8 +1,7 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 
 import type {
-  FieldColor,
-  FieldSize,
+  InputFieldProps,
   InputLikeChangeEventHandler,
   InputLikeElement,
   InputLikeFocusEventHandler,
@@ -40,32 +39,23 @@ export type NativeTextareaChangeHandler = NonNullable<
 
 export type InputDomValue = string | number | readonly string[] | undefined;
 
-export type InputBaseOwnProps = {
+export type InputBaseOwnProps = Omit<InputFieldProps, 'variant'> & {
   'aria-describedby'?: string;
   autoComplete?: string;
-  autoFocus?: boolean;
   children?: ReactNode;
-  color?: FieldColor;
   defaultValue?: unknown;
-  disabled?: boolean;
   endAdornment?: ReactNode;
-  error?: boolean;
-  fullWidth?: boolean;
   id?: string;
   inputClassName?: string;
   inputProps?: NativeInputProps;
   textareaProps?: NativeTextareaProps;
   inputRef?: unknown;
-  multiline?: boolean;
   name?: string;
   onBlur?: InputLikeFocusEventHandler;
   onChange?: InputLikeChangeEventHandler;
   onFocus?: InputLikeFocusEventHandler;
   placeholder?: string;
-  readOnly?: boolean;
-  required?: boolean;
   rows?: number;
-  size?: FieldSize;
   startAdornment?: ReactNode;
   type?: string;
   value?: unknown;
diff --git a/libs/react-ui/src/components/input-base/InputBase.utils.ts b/libs/react-ui/src/components/input-base/InputBase.utils.ts
index f509ace..73c7880 100644
--- a/libs/react-ui/src/components/input-base/InputBase.utils.ts
+++ b/libs/react-ui/src/components/input-base/InputBase.utils.ts
@@ -1,7 +1,7 @@
-import { cx } from '@berrypjh/ui-core';
+import { cx, hasFormValue } from '@berrypjh/ui-core';
 
 import type { InputLikeElement } from '../../types';
-import { assignRef, hasFormValue } from '../../utils';
+import { assignRef } from '../../utils';
 import type { FormControlContextValue } from '../form-control';
 
 import { inputBaseClasses } from './InputBase.constants';
@@ -154,6 +154,9 @@ export const getResolvedDefaultValue = (value: unknown): InputDomValue => {
  */
 export const getCommonInputProps = ({
   ariaDescribedby,
+  ariaLabel,
+  ariaLabelledby,
+  ariaInvalid,
   autoComplete,
   autoFocus,
   disabled,
@@ -172,8 +175,16 @@ export const getCommonInputProps = ({
   | 'placeholder'
   | 'readOnly'
   | 'required'
-> & { ariaDescribedby?: string }) => ({
+> & {
+  ariaDescribedby?: string;
+  ariaLabel?: string;
+  ariaLabelledby?: string;
+  ariaInvalid?: boolean | 'true' | 'false' | 'grammar' | 'spelling';
+}) => ({
   'aria-describedby': ariaDescribedby,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledby,
+  'aria-invalid': ariaInvalid,
   autoComplete,
   autoFocus,
   disabled,
diff --git a/libs/react-ui/src/components/input-label/InputLabel.types.ts b/libs/react-ui/src/components/input-label/InputLabel.types.ts
index 53a9afd..a85f5bf 100644
--- a/libs/react-ui/src/components/input-label/InputLabel.types.ts
+++ b/libs/react-ui/src/components/input-label/InputLabel.types.ts
@@ -1,15 +1,13 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 
-import type { FieldColor, FieldSize } from '../../types';
+import type { FieldProps } from '../../types';
 
-export type InputLabelOwnProps = {
+export type InputLabelOwnProps = Pick<
+  FieldProps,
+  'color' | 'disabled' | 'error' | 'required' | 'size'
+> & {
   children?: ReactNode;
-  color?: FieldColor;
-  disabled?: boolean;
-  error?: boolean;
   focused?: boolean;
-  required?: boolean;
-  size?: FieldSize;
 };
 
 export type InputLabelProps = Omit<ComponentPropsWithRef<'label'>, 'children'> & InputLabelOwnProps;
diff --git a/libs/react-ui/src/components/menu-item/MenuItem.tsx b/libs/react-ui/src/components/menu-item/MenuItem.tsx
index 2203226..3f33af5 100644
--- a/libs/react-ui/src/components/menu-item/MenuItem.tsx
+++ b/libs/react-ui/src/components/menu-item/MenuItem.tsx
@@ -1,16 +1,15 @@
 'use client';
 
+import type { MenuItemProps as CoreMenuItemProps } from '@berrypjh/ui-core';
+
 import type { MouseEvent, ReactElement, ReactNode } from 'react';
 
 /**
  * `<Select>` 의 declarative 슬롯 마커. 자체 렌더링 없이 `value`·`children`·`disabled`만 부모(Select)가
  * children으로 읽어 옵션으로 사용한다.
  */
-export interface MenuItemProps {
+export interface MenuItemProps extends CoreMenuItemProps {
   children?: ReactNode;
-  value?: unknown;
-  disabled?: boolean;
-  selected?: boolean;
   className?: string;
   onClick?: (event: MouseEvent<HTMLElement>) => void;
 }
diff --git a/libs/react-ui/src/components/plain-input/PlainInput.stories.tsx b/libs/react-ui/src/components/plain-input/PlainInput.stories.tsx
index 79d6bc0..9efbb65 100644
--- a/libs/react-ui/src/components/plain-input/PlainInput.stories.tsx
+++ b/libs/react-ui/src/components/plain-input/PlainInput.stories.tsx
@@ -8,8 +8,6 @@ const meta = {
   tags: ['autodocs'],
   parameters: {
     layout: 'centered',
-    // TODO(a11y): 위반 수정 후 disable 제거
-    a11y: { disable: true },
   },
   args: {
     placeholder: 'Enter value',
@@ -21,6 +19,7 @@ const meta = {
     required: false,
     multiline: false,
     fullWidth: false,
+    'aria-label': 'Input',
   },
   argTypes: {
     size: {
@@ -67,13 +66,13 @@ const columnStyle = {
 };
 
 const SearchIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z" />
   </svg>
 );
 
 const AtIcon = () => (
-  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
     <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C13.1 22 14.16 21.83 15.16 21.52L13.67 20.03C13.13 20.17 12.58 20.25 12 20.25C7.45 20.25 3.75 16.55 3.75 12C3.75 7.45 7.45 3.75 12 3.75C16.55 3.75 20.25 7.45 20.25 12V13C20.25 13.69 19.69 14.25 19 14.25C18.31 14.25 17.75 13.69 17.75 13V12C17.75 9.38 15.62 7.25 13 7.25C10.38 7.25 8.25 9.38 8.25 12C8.25 14.62 10.38 16.75 13 16.75C14.31 16.75 15.5 16.22 16.37 15.35C16.91 16.2 17.89 16.75 19 16.75C20.61 16.75 21.95 15.46 22 13.86V12C22 6.48 17.52 2 12 2ZM13 15C11.34 15 10 13.66 10 12C10 10.34 11.34 9 13 9C14.66 9 16 10.34 16 12C16 13.66 14.66 15 13 15Z" />
   </svg>
 );
@@ -85,14 +84,15 @@ export const Playground: Story = {
 export const Default: Story = {
   args: {
     placeholder: 'Enter your name',
+    'aria-label': 'Name',
   },
 };
 
 export const AllSizes: Story = {
   render: () => (
     <div style={columnStyle}>
-      <PlainInput size="sm" placeholder="Small (sm)" />
-      <PlainInput size="md" placeholder="Medium (md)" />
+      <PlainInput size="sm" placeholder="Small (sm)" aria-label="Small input" />
+      <PlainInput size="md" placeholder="Medium (md)" aria-label="Medium input" />
     </div>
   ),
 };
@@ -100,8 +100,12 @@ export const AllSizes: Story = {
 export const AllColors: Story = {
   render: () => (
     <div style={columnStyle}>
-      <PlainInput color="primary" placeholder="Primary color" />
-      <PlainInput color="secondary" placeholder="Secondary color" />
+      <PlainInput color="primary" placeholder="Primary color" aria-label="Primary color input" />
+      <PlainInput
+        color="secondary"
+        placeholder="Secondary color"
+        aria-label="Secondary color input"
+      />
     </div>
   ),
 };
@@ -110,14 +114,26 @@ export const Disabled: Story = {
   args: {
     disabled: true,
     value: 'Cannot edit this value',
+    'aria-label': 'Disabled input',
   },
 };
 
 export const Error: Story = {
   render: () => (
     <div style={columnStyle}>
-      <PlainInput error placeholder="Invalid email address" value="not-an-email" />
-      <PlainInput error placeholder="Required field is empty" />
+      <PlainInput
+        error
+        placeholder="Invalid email address"
+        value="not-an-email"
+        aria-label="Email address"
+        aria-invalid="true"
+      />
+      <PlainInput
+        error
+        placeholder="Required field is empty"
+        aria-label="Required field"
+        aria-invalid="true"
+      />
     </div>
   ),
 };
@@ -126,6 +142,7 @@ export const ReadOnly: Story = {
   args: {
     readOnly: true,
     value: 'Read-only content',
+    'aria-label': 'Read-only input',
   },
 };
 
@@ -141,8 +158,13 @@ export const Required: Story = {
 export const Multiline: Story = {
   render: () => (
     <div style={columnStyle}>
-      <PlainInput multiline placeholder="Write your message here..." rows={3} />
-      <PlainInput multiline placeholder="Larger text area..." rows={6} />
+      <PlainInput
+        multiline
+        placeholder="Write your message here..."
+        rows={3}
+        aria-label="Short message"
+      />
+      <PlainInput multiline placeholder="Larger text area..." rows={6} aria-label="Long message" />
     </div>
   ),
 };
@@ -153,8 +175,13 @@ export const FullWidth: Story = {
   },
   render: () => (
     <div style={{ display: 'grid', gap: '12px', width: '480px' }}>
-      <PlainInput fullWidth placeholder="Full width input" />
-      <PlainInput fullWidth size="sm" placeholder="Full width small" />
+      <PlainInput fullWidth placeholder="Full width input" aria-label="Full width input" />
+      <PlainInput
+        fullWidth
+        size="sm"
+        placeholder="Full width small"
+        aria-label="Full width small input"
+      />
     </div>
   ),
 };
@@ -162,17 +189,35 @@ export const FullWidth: Story = {
 export const WithAdornments: Story = {
   render: () => (
     <div style={columnStyle}>
-      <PlainInput startAdornment={<SearchIcon />} placeholder="Search projects..." />
+      <PlainInput
+        startAdornment={<SearchIcon />}
+        placeholder="Search projects..."
+        aria-label="Search projects"
+      />
       <PlainInput
         startAdornment={<AtIcon />}
         placeholder="username"
-        endAdornment={<span style={{ fontSize: '13px', color: '#888' }}>@company.com</span>}
+        endAdornment={
+          <span aria-hidden="true" style={{ fontSize: '13px', color: 'var(--ds-text-light)' }}>
+            @company.com
+          </span>
+        }
+        aria-label="Username"
       />
       <PlainInput
-        startAdornment={<span style={{ fontSize: '13px', color: '#888' }}>$</span>}
-        endAdornment={<span style={{ fontSize: '13px', color: '#888' }}>USD</span>}
+        startAdornment={
+          <span aria-hidden="true" style={{ fontSize: '13px', color: 'var(--ds-text-light)' }}>
+            $
+          </span>
+        }
+        endAdornment={
+          <span aria-hidden="true" style={{ fontSize: '13px', color: 'var(--ds-text-light)' }}>
+            USD
+          </span>
+        }
         placeholder="0.00"
         type="number"
+        aria-label="Amount in USD"
       />
     </div>
   ),
@@ -181,11 +226,15 @@ export const WithAdornments: Story = {
 export const WithLongText: Story = {
   render: () => (
     <div style={columnStyle}>
-      <PlainInput value="This is a very long input value that demonstrates how the component handles overflow and text truncation in single-line mode" />
+      <PlainInput
+        value="This is a very long input value that demonstrates how the component handles overflow and text truncation in single-line mode"
+        aria-label="Long single-line value"
+      />
       <PlainInput
         multiline
         rows={4}
         value="This is a multiline input with a longer block of text. It can wrap across multiple lines and the component should handle the layout gracefully without breaking the design."
+        aria-label="Long multiline value"
       />
     </div>
   ),
@@ -219,8 +268,4 @@ export const A11y: Story = {
       <PlainInput aria-label="Disabled field" disabled value="Not editable" aria-disabled="true" />
     </div>
   ),
-  parameters: {
-    // TODO(a11y): A11y smoke-test 위반 수정 후 disable 제거
-    a11y: { disable: true },
-  },
 };
diff --git a/libs/react-ui/src/components/search-field/SearchField.stories.tsx b/libs/react-ui/src/components/search-field/SearchField.stories.tsx
index 34c0e2e..4a8af58 100644
--- a/libs/react-ui/src/components/search-field/SearchField.stories.tsx
+++ b/libs/react-ui/src/components/search-field/SearchField.stories.tsx
@@ -9,8 +9,6 @@ const meta = {
   tags: ['autodocs'],
   parameters: {
     layout: 'centered',
-    // TODO(a11y): 위반 수정 후 disable 제거
-    a11y: { disable: true },
   },
   args: {
     placeholder: 'Search',
@@ -22,6 +20,7 @@ const meta = {
     error: false,
     readOnly: false,
     fullWidth: false,
+    'aria-label': 'Search',
   },
   argTypes: {
     variant: {
@@ -99,7 +98,7 @@ export const Playground: Story = {
 export const Default: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <SearchField placeholder="Search projects..." />
+      <SearchField placeholder="Search projects..." aria-label="Search projects" />
     </div>
   ),
 };
@@ -107,9 +106,9 @@ export const Default: Story = {
 export const AllVariants: Story = {
   render: () => (
     <div style={columnStyle}>
-      <SearchField variant="plain" placeholder="Plain variant" />
-      <SearchField variant="filled" placeholder="Filled variant" />
-      <SearchField variant="boxed" placeholder="Boxed variant" />
+      <SearchField variant="plain" placeholder="Plain variant" aria-label="Search (plain)" />
+      <SearchField variant="filled" placeholder="Filled variant" aria-label="Search (filled)" />
+      <SearchField variant="boxed" placeholder="Boxed variant" aria-label="Search (boxed)" />
     </div>
   ),
 };
@@ -117,8 +116,8 @@ export const AllVariants: Story = {
 export const AllSizes: Story = {
   render: () => (
     <div style={columnStyle}>
-      <SearchField size="sm" placeholder="Small (sm)" />
-      <SearchField size="md" placeholder="Medium (md)" />
+      <SearchField size="sm" placeholder="Small (sm)" aria-label="Small search" />
+      <SearchField size="md" placeholder="Medium (md)" aria-label="Medium search" />
     </div>
   ),
 };
@@ -126,8 +125,12 @@ export const AllSizes: Story = {
 export const AllColors: Story = {
   render: () => (
     <div style={columnStyle}>
-      <SearchField color="primary" placeholder="Primary color" />
-      <SearchField color="secondary" placeholder="Secondary color" />
+      <SearchField color="primary" placeholder="Primary color" aria-label="Primary color search" />
+      <SearchField
+        color="secondary"
+        placeholder="Secondary color"
+        aria-label="Secondary color search"
+      />
     </div>
   ),
 };
@@ -135,7 +138,12 @@ export const AllColors: Story = {
 export const Disabled: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <SearchField disabled placeholder="Search is disabled" />
+      <SearchField
+        disabled
+        placeholder="Search is disabled"
+        aria-label="Search (disabled)"
+        aria-disabled="true"
+      />
     </div>
   ),
 };
@@ -143,7 +151,13 @@ export const Disabled: Story = {
 export const Error: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <SearchField error defaultValue="invalid??query" placeholder="Search" />
+      <SearchField
+        error
+        defaultValue="invalid??query"
+        placeholder="Search"
+        aria-label="Search"
+        aria-invalid="true"
+      />
     </div>
   ),
 };
@@ -151,7 +165,7 @@ export const Error: Story = {
 export const ReadOnly: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <SearchField readOnly value="TypeScript" />
+      <SearchField readOnly value="TypeScript" aria-label="Read-only search" />
     </div>
   ),
 };
@@ -159,11 +173,19 @@ export const ReadOnly: Story = {
 export const WithSuggestions: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <p style={{ fontSize: '12px', color: '#888', marginBottom: '8px', marginTop: 0 }}>
+      <p
+        style={{
+          fontSize: '12px',
+          color: 'var(--ds-text-light)',
+          marginBottom: '8px',
+          marginTop: 0,
+        }}
+      >
         Click or focus the input to see suggestions.
       </p>
       <SearchField
         placeholder="Search pages..."
+        aria-label="Search pages"
         suggestions={simpleSuggestions}
         onSuggestionSelect={(s) => console.log('selected', s)}
       />
@@ -174,11 +196,19 @@ export const WithSuggestions: Story = {
 export const WithDescriptions: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <p style={{ fontSize: '12px', color: '#888', marginBottom: '8px', marginTop: 0 }}>
+      <p
+        style={{
+          fontSize: '12px',
+          color: 'var(--ds-text-light)',
+          marginBottom: '8px',
+          marginTop: 0,
+        }}
+      >
         Click or focus the input to see suggestions with descriptions.
       </p>
       <SearchField
         placeholder="Search features..."
+        aria-label="Search features"
         suggestions={projectSuggestions}
         onSuggestionSelect={(s) => console.log('selected', s)}
       />
@@ -189,11 +219,19 @@ export const WithDescriptions: Story = {
 export const WithDisabledSuggestion: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <p style={{ fontSize: '12px', color: '#888', marginBottom: '8px', marginTop: 0 }}>
+      <p
+        style={{
+          fontSize: '12px',
+          color: 'var(--ds-text-light)',
+          marginBottom: '8px',
+          marginTop: 0,
+        }}
+      >
         Some suggestions are disabled and cannot be selected.
       </p>
       <SearchField
         placeholder="Search projects..."
+        aria-label="Search projects"
         suggestions={suggestionsWithDisabled}
         onSuggestionSelect={(s) => console.log('selected', s)}
       />
@@ -204,10 +242,22 @@ export const WithDisabledSuggestion: Story = {
 export const WithNoSuggestionsText: Story = {
   render: () => (
     <div style={{ minWidth: '320px' }}>
-      <p style={{ fontSize: '12px', color: '#888', marginBottom: '8px', marginTop: 0 }}>
+      <p
+        style={{
+          fontSize: '12px',
+          color: 'var(--ds-text-light)',
+          marginBottom: '8px',
+          marginTop: 0,
+        }}
+      >
         Focus the input to see the empty state message.
       </p>
-      <SearchField placeholder="Search..." suggestions={[]} noSuggestionsText="No results found" />
+      <SearchField
+        placeholder="Search..."
+        aria-label="Search"
+        suggestions={[]}
+        noSuggestionsText="No results found"
+      />
     </div>
   ),
 };
@@ -218,11 +268,12 @@ export const FullWidth: Story = {
   },
   render: () => (
     <div style={{ display: 'grid', gap: '12px', width: '480px' }}>
-      <SearchField fullWidth placeholder="Full width search" />
+      <SearchField fullWidth placeholder="Full width search" aria-label="Full width search" />
       <SearchField
         fullWidth
         size="sm"
         placeholder="Full width small"
+        aria-label="Full width small search"
         suggestions={simpleSuggestions}
       />
     </div>
@@ -235,9 +286,11 @@ export const WithLongText: Story = {
       <SearchField
         defaultValue="This is a very long search query that tests overflow handling in single line mode"
         placeholder="Search..."
+        aria-label="Long search query"
       />
       <SearchField
         placeholder="Search across all projects, workspaces, and team members..."
+        aria-label="Search across projects, workspaces, and team members"
         suggestions={projectSuggestions}
       />
     </div>
@@ -271,7 +324,4 @@ export const A11y: Story = {
       />
     </div>
   ),
-  parameters: {
-    a11y: { disable: false },
-  },
 };
diff --git a/libs/react-ui/src/components/search-field/SearchField.tsx b/libs/react-ui/src/components/search-field/SearchField.tsx
index 1c8f1bb..1bf36c8 100644
--- a/libs/react-ui/src/components/search-field/SearchField.tsx
+++ b/libs/react-ui/src/components/search-field/SearchField.tsx
@@ -2,7 +2,7 @@
 
 import { useId, useMemo, useRef, useState } from 'react';
 
-import { cx } from '@berrypjh/ui-core';
+import { cx, toInputString } from '@berrypjh/ui-core';
 
 import type { FocusEventHandler } from 'react';
 
@@ -11,7 +11,7 @@ import type {
   InputLikeElement,
   InputLikeFocusEventHandler,
 } from '../../types';
-import { assignRef, toInputString } from '../../utils';
+import { assignRef } from '../../utils';
 import { getTextFieldInputComponent } from '../text-field';
 
 import { searchFieldClasses } from './SearchField.constants';
@@ -203,7 +203,9 @@ export const SearchField = ({
         inputRef={handleInputRef}
         endAdornment={
           <span className={searchFieldClasses.icon} aria-hidden="true">
-            <span aria-hidden="true">Search</span>
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z" />
+            </svg>
           </span>
         }
       />
diff --git a/libs/react-ui/src/components/select/Select.tsx b/libs/react-ui/src/components/select/Select.tsx
index e89741f..1f0048a 100644
--- a/libs/react-ui/src/components/select/Select.tsx
+++ b/libs/react-ui/src/components/select/Select.tsx
@@ -2,10 +2,8 @@
 
 import { useEffect, useId, useMemo, useRef, useState } from 'react';
 
-import { cx } from '@berrypjh/ui-core';
-
 import {
-  assignRef,
+  cx,
   getFirstEnabledIndex,
   getInitialHighlightedIndex,
   getLastEnabledIndex,
@@ -14,7 +12,9 @@ import {
   isOptionSelected,
   isValueEqual,
   stringifyValue,
-} from '../../utils';
+} from '@berrypjh/ui-core';
+
+import { assignRef } from '../../utils';
 import { useFormControl } from '../form-control';
 
 import { selectClasses } from './Select.constants';
diff --git a/libs/react-ui/src/components/select/Select.types.ts b/libs/react-ui/src/components/select/Select.types.ts
index 3e294de..438cdac 100644
--- a/libs/react-ui/src/components/select/Select.types.ts
+++ b/libs/react-ui/src/components/select/Select.types.ts
@@ -8,7 +8,7 @@ import type {
   Ref,
 } from 'react';
 
-import type { FieldColor, FieldSize, FieldVariant } from '../../types';
+import type { FieldProps } from '../../types';
 
 export type SelectChangeEvent<Value = unknown> = {
   target: {
@@ -35,32 +35,26 @@ export type SelectOptionElement = ReactElement<SelectLikeChildProps>;
 export type SelectProps = Omit<
   ComponentPropsWithRef<'div'>,
   'children' | 'defaultValue' | 'value' | 'onChange' | 'onBlur' | 'onFocus'
-> & {
-  'aria-describedby'?: string;
-  autoFocus?: boolean;
-  children?: ReactNode;
-  color?: FieldColor;
-  defaultOpen?: boolean;
-  defaultValue?: unknown;
-  disabled?: boolean;
-  displayEmpty?: boolean;
-  error?: boolean;
-  fullWidth?: boolean;
-  id?: string;
-  labelId?: string;
-  multiple?: boolean;
-  name?: string;
-  onBlur?: FocusEventHandler<HTMLElement>;
-  onChange?: (event: SelectChangeEvent, child?: SelectOptionElement | null) => void;
-  onClose?: (event?: SelectOpenCloseEvent) => void;
-  onFocus?: FocusEventHandler<HTMLElement>;
-  onOpen?: (event?: SelectOpenCloseEvent) => void;
-  open?: boolean;
-  placeholder?: ReactNode;
-  renderValue?: (value: unknown) => ReactNode;
-  required?: boolean;
-  size?: FieldSize;
-  value?: unknown;
-  variant?: FieldVariant;
-  ref?: Ref<HTMLDivElement>;
-};
+> &
+  FieldProps & {
+    'aria-describedby'?: string;
+    autoFocus?: boolean;
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: unknown;
+    displayEmpty?: boolean;
+    id?: string;
+    labelId?: string;
+    multiple?: boolean;
+    name?: string;
+    onBlur?: FocusEventHandler<HTMLElement>;
+    onChange?: (event: SelectChangeEvent, child?: SelectOptionElement | null) => void;
+    onClose?: (event?: SelectOpenCloseEvent) => void;
+    onFocus?: FocusEventHandler<HTMLElement>;
+    onOpen?: (event?: SelectOpenCloseEvent) => void;
+    open?: boolean;
+    placeholder?: ReactNode;
+    renderValue?: (value: unknown) => ReactNode;
+    value?: unknown;
+    ref?: Ref<HTMLDivElement>;
+  };
diff --git a/libs/react-ui/src/components/select/Select.utils.ts b/libs/react-ui/src/components/select/Select.utils.ts
index 6cd2e88..d028093 100644
--- a/libs/react-ui/src/components/select/Select.utils.ts
+++ b/libs/react-ui/src/components/select/Select.utils.ts
@@ -1,8 +1,8 @@
 import { Children, Fragment, isValidElement, type ReactNode } from 'react';
 
-import { cx } from '@berrypjh/ui-core';
+import { cx, hasDisplayValue, stringifyValue } from '@berrypjh/ui-core';
 
-import { getNodeText, hasDisplayValue, stringifyValue } from '../../utils';
+import { getNodeText } from '../../utils';
 
 import { selectClasses } from './Select.constants';
 import type { SelectChangeEvent, SelectLikeChildProps, SelectOptionElement } from './Select.types';
diff --git a/libs/react-ui/src/components/text-field/TextField.stories.tsx b/libs/react-ui/src/components/text-field/TextField.stories.tsx
index 64f8531..ce7e77c 100644
--- a/libs/react-ui/src/components/text-field/TextField.stories.tsx
+++ b/libs/react-ui/src/components/text-field/TextField.stories.tsx
@@ -10,8 +10,6 @@ const meta = {
   tags: ['autodocs'],
   parameters: {
     layout: 'centered',
-    // TODO(a11y): 위반 수정 후 disable 제거
-    a11y: { disable: true },
   },
   args: {
     label: 'Label',
@@ -330,8 +328,4 @@ export const A11y: Story = {
       </TextField>
     </div>
   ),
-  parameters: {
-    // TODO(a11y): A11y smoke-test 위반 수정 후 disable 제거
-    a11y: { disable: true },
-  },
 };
diff --git a/libs/react-ui/src/components/text-field/TextField.types.ts b/libs/react-ui/src/components/text-field/TextField.types.ts
index db4459e..b9877be 100644
--- a/libs/react-ui/src/components/text-field/TextField.types.ts
+++ b/libs/react-ui/src/components/text-field/TextField.types.ts
@@ -1,27 +1,20 @@
 import type { ReactNode } from 'react';
 
 import type {
-  FieldColor,
-  FieldMargin,
-  FieldSize,
-  FieldVariant,
+  CoreTextFieldProps,
   InputLikeChangeEventHandler,
   InputLikeFocusEventHandler,
 } from '../../types';
 import type { FormControlProps } from '../form-control';
 
-export type TextFieldOwnProps = {
+export type TextFieldOwnProps = CoreTextFieldProps & {
   autoComplete?: string;
-  autoFocus?: boolean;
   children?: ReactNode;
-  color?: FieldColor;
   defaultValue?: unknown;
   helperText?: ReactNode;
   id?: string;
   inputRef?: unknown;
   label?: ReactNode;
-  margin?: FieldMargin;
-  multiline?: boolean;
   name?: string;
   onBlur?: InputLikeFocusEventHandler;
   onChange?: InputLikeChangeEventHandler;
@@ -29,10 +22,8 @@ export type TextFieldOwnProps = {
   placeholder?: string;
   rows?: number;
   select?: boolean;
-  size?: FieldSize;
   type?: string;
   value?: unknown;
-  variant?: FieldVariant;
 };
 
 export type TextFieldProps = Omit<
diff --git a/libs/react-ui/src/styles.ts b/libs/react-ui/src/styles.ts
index bc86d82..12340ab 100644
--- a/libs/react-ui/src/styles.ts
+++ b/libs/react-ui/src/styles.ts
@@ -9,7 +9,6 @@ import './components/input-base/input-base.scss';
 // 2. 나머지 컴포넌트 (알파벳 순)
 import './components/box/box.scss';
 import './components/boxed-input/boxed-input.scss';
-import './components/bubble-button/bubble-button.scss';
 import './components/button/button.scss';
 import './components/fab/fab.scss';
 import './components/filled-input/filled-input.scss';
diff --git a/libs/react-ui/src/utils/form/index.ts b/libs/react-ui/src/utils/form/index.ts
deleted file mode 100644
index e2d5959..0000000
--- a/libs/react-ui/src/utils/form/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './navigation';
-export * from './selection';
-export * from './value';
diff --git a/libs/react-ui/src/utils/index.ts b/libs/react-ui/src/utils/index.ts
index 71cf7d6..5d39580 100644
--- a/libs/react-ui/src/utils/index.ts
+++ b/libs/react-ui/src/utils/index.ts
@@ -1,3 +1 @@
-export * from './form';
-export * from './input';
 export * from './react';
diff --git a/libs/react-ui/src/utils/input/index.ts b/libs/react-ui/src/utils/input/index.ts
deleted file mode 100644
index 81c7e36..0000000
--- a/libs/react-ui/src/utils/input/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './inputValue';
diff --git a/libs/tsconfig/README.md b/libs/tsconfig/README.md
new file mode 100644
index 0000000..1c0343b
--- /dev/null
+++ b/libs/tsconfig/README.md
@@ -0,0 +1,39 @@
+# @berrypjh/tsconfig
+
+워크스페이스 공통 TypeScript 베이스 설정.
+
+## 사용
+
+```bash
+pnpm add -D @berrypjh/tsconfig
+```
+
+### 시나리오별 베이스
+
+| 파일           | 용도                                                          |
+| -------------- | ------------------------------------------------------------- |
+| `base.json`    | 공통 strict 옵션. 직접 extends하기보다 시나리오별 베이스 사용 |
+| `next.json`    | Next.js · 번들러 기반 앱용 (`moduleResolution: bundler`)      |
+| `library.json` | npm 배포 라이브러리용 (`moduleResolution: nodenext`)          |
+
+### 예시
+
+```jsonc
+// it-tech-blog: tsconfig.base.json
+{
+  "extends": "@berrypjh/tsconfig/next.json",
+  "compilerOptions": {
+    "customConditions": ["@it-tech-blog/source"],
+  },
+}
+```
+
+```jsonc
+// 라이브러리 패키지의 tsconfig.lib.json
+{
+  "extends": "@berrypjh/tsconfig/library.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+  },
+}
+```
diff --git a/libs/tsconfig/base.json b/libs/tsconfig/base.json
new file mode 100644
index 0000000..8aa6c26
--- /dev/null
+++ b/libs/tsconfig/base.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "target": "es2022",
+    "lib": ["es2022"],
+    "strict": true,
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "isolatedModules": true,
+    "importHelpers": true,
+    "forceConsistentCasingInFileNames": true
+  }
+}
diff --git a/libs/tsconfig/library.json b/libs/tsconfig/library.json
new file mode 100644
index 0000000..4b1b9c2
--- /dev/null
+++ b/libs/tsconfig/library.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "resolveJsonModule": true
+  }
+}
diff --git a/libs/tsconfig/next.json b/libs/tsconfig/next.json
new file mode 100644
index 0000000..3a4d32b
--- /dev/null
+++ b/libs/tsconfig/next.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "composite": true,
+    "declarationMap": true,
+    "emitDeclarationOnly": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "noEmitOnError": true
+  }
+}
diff --git a/libs/tsconfig/package.json b/libs/tsconfig/package.json
new file mode 100644
index 0000000..dcada8c
--- /dev/null
+++ b/libs/tsconfig/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "@berrypjh/tsconfig",
+  "version": "0.0.6",
+  "license": "MIT",
+  "files": [
+    "base.json",
+    "next.json",
+    "library.json"
+  ]
+}
diff --git a/libs/tsconfig/project.json b/libs/tsconfig/project.json
new file mode 100644
index 0000000..ecea3d2
--- /dev/null
+++ b/libs/tsconfig/project.json
@@ -0,0 +1,12 @@
+{
+  "name": "@berrypjh/tsconfig",
+  "projectType": "library",
+  "sourceRoot": "libs/tsconfig",
+  "targets": {
+    "nx-release-publish": {
+      "executor": "@nx/js:release-publish",
+      "options": {}
+    }
+  },
+  "tags": ["scope:internal"]
+}
diff --git a/libs/ui-core/AGENTS.consumer.md b/libs/ui-core/AGENTS.consumer.md
deleted file mode 100644
index 59e4832..0000000
--- a/libs/ui-core/AGENTS.consumer.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# @berrypjh/ui-core
-
-플랫폼 독립적인 공통 UI 코어. `react-ui` (web) · `react-native-ui` (RN) 같은 플랫폼 패키지가 공유하는 prop 계약·토큰 타입·유틸을 제공한다.
-
-`design-tokens`는 이 패키지에 내부 캡슐화 — 소비자는 design-tokens를 직접 의존하지 않는다.
-
-## TL;DR
-
-```ts
-// 유틸
-import { cx, isObjectRecord } from '@berrypjh/ui-core';
-const className = cx('btn', { active: isActive }, disabled && 'btn-disabled');
-
-// 토큰 헬퍼
-import { getColor, createTheme } from '@berrypjh/ui-core';
-import type { Theme, RNTokens } from '@berrypjh/ui-core';
-const theme: Theme<RNTokens> = createTheme({ mode: 'light', tokens });
-const c = getColor(theme, 'primary.pr500');
-
-// design-tokens 패스스루 (consumer는 design-tokens 인지 불필요)
-import { Web, Native, themes } from '@berrypjh/ui-core';
-const lightColor = Web.Light.tokens.color.primary.pr500; // '#2E90FA'
-
-// Tailwind preset · CSS 변수
-import preset from '@berrypjh/ui-core/tailwind';
-import '@berrypjh/ui-core/css';
-```
-
-## ⚠️ 컴포넌트 prop 계약 (BoxProps 등)
-
-`BoxProps`, `ButtonProps`, `FieldProps` 같은 contracts는 **플랫폼 패키지(react-ui/react-native-ui)가 wrap**해서 자기 props로 노출한다. ui-core에서 직접 import해서 컴포넌트를 만드는 건 권장 패턴 아님 — 플랫폼 패키지의 wrapped props를 사용하라.
-
-ui-core에서 직접 가져오는 건 type-level 유틸로만:
-
-```ts
-import type { BoxProps, ColorToken } from '@berrypjh/ui-core';
-// 자체 컴포넌트 props에 spread하거나 type narrowing에 사용
-```
-
-## ⚠️ 정적 객체 vs 런타임 변수
-
-| 용도                       | 메커니즘                                               |
-| -------------------------- | ------------------------------------------------------ |
-| **런타임 테마 전환**       | CSS 변수 (`var(--ds-...)`). `data-theme` 속성으로 자동 |
-| **빌드 시점 정적 값 참조** | `Web.Light.tokens.*` / `Native.Light.tokens.*`         |
-
-`Web.Dark.tokens.*` 같은 다른 테마 namespace도 있지만 정적 스냅샷일 뿐. 다크모드 처리하려고 namespace를 동적으로 선택하지 말 것 — CSS 변수가 자동 처리.
-
-## Export 경로
-
-| 경로                         | 용도                                                  |
-| ---------------------------- | ----------------------------------------------------- |
-| `@berrypjh/ui-core`          | 유틸 · 토큰 헬퍼 · prop 계약 · design-tokens 패스스루 |
-| `@berrypjh/ui-core/tailwind` | Tailwind preset (default + named export)              |
-| `@berrypjh/ui-core/css`      | CSS 변수 (side-effect import, `--ds-*` 정의)          |
-
-## Public 표면
-
-**ui-core 자체 기여**
-
-| 카테고리    | 심볼                                                                                                                            |
-| ----------- | ------------------------------------------------------------------------------------------------------------------------------- |
-| 유틸        | `cx`, `isObjectRecord`                                                                                                          |
-| 토큰 헬퍼   | `getColor`, `createTheme`                                                                                                       |
-| 토큰 타입   | `ColorToken`, `RadiusToken`, `SpacingToken`, `RNTokens`, `Theme<T>`, `ThemeName`                                                |
-| Box prop    | `BoxProps`, `BoxRadiusValue`, `BoxSpacingValue`                                                                                 |
-| Button prop | `ButtonProps`, `ButtonColor`, `ButtonSize`, `ButtonVariant`                                                                     |
-| Field prop  | `FieldProps`, `FormControlProps`, `InputFieldProps`, `TextFieldProps`, `FieldColor`, `FieldSize`, `FieldVariant`, `FieldMargin` |
-
-**design-tokens 패스스루** (소비자는 ui-core를 통해서만 접근)
-
-| 심볼                      | 종류         |
-| ------------------------- | ------------ |
-| `Web`, `Native`, `themes` | namespace 값 |
-| `ThemeDef`                | type         |
-
-## Tailwind 연결
-
-```js
-// tailwind.config.js
-import preset from '@berrypjh/ui-core/tailwind';
-export default { presets: [preset] };
-```
-
-```css
-/* styles.css */
-@import 'tailwindcss';
-@config '../tailwind.config.js';
-```
-
-이후 `bg-primary-pr500`, `text-primary-pr500/50` (alpha) 같은 유틸 사용 가능.
-
-## CSS 변수 규칙
-
-`@berrypjh/ui-core/css`를 import하면 design-tokens의 모든 CSS 변수가 정의됨.
-
-- prefix: `--ds-` (고정)
-- naming: `--ds-{kebab(rawPath)}` (예: `primary.pr500` → `--ds-primary-pr500`)
-- color는 `-rgb` 채널도 자동 (Tailwind alpha용): `--ds-primary-pr500-rgb`
-- 적용 위치: `:root` (light), `[data-theme="dark"]`/`.theme-dark` (dark) 등
-
-## 자동화 메모
-
-- 이 파일은 빌드 시 `dist/AGENTS.md`로 복사됨. 직접 편집 금지 — 원본은 `AGENTS.consumer.md`.
-- 더 자세한 사용법은 `README.md` 참조.
diff --git a/libs/ui-core/project.json b/libs/ui-core/project.json
index f855a9d..dd6e609 100644
--- a/libs/ui-core/project.json
+++ b/libs/ui-core/project.json
@@ -10,8 +10,7 @@
         "commands": [
           "nx run @berrypjh/ui-core:build-js",
           "mkdir -p libs/ui-core/dist/css && cp libs/design-tokens/dist/css/variables.css libs/ui-core/dist/css/index.css",
-          "cp libs/design-tokens/dist/tokens.json libs/ui-core/dist/tokens.json",
-          "cp libs/ui-core/AGENTS.consumer.md libs/ui-core/dist/AGENTS.md"
+          "cp libs/design-tokens/dist/tokens.json libs/ui-core/dist/tokens.json"
         ],
         "parallel": false
       }
diff --git a/libs/ui-core/src/contracts/button.ts b/libs/ui-core/src/contracts/button.ts
index cd92a3d..9d4e05b 100644
--- a/libs/ui-core/src/contracts/button.ts
+++ b/libs/ui-core/src/contracts/button.ts
@@ -1,6 +1,7 @@
 export type ButtonVariant = 'contained' | 'outlined' | 'text';
 export type ButtonSize = 'sm' | 'md' | 'lg';
 export type ButtonColor = 'primary' | 'secondary';
+export type ButtonLoadingPosition = 'start' | 'center' | 'end';
 
 export interface ButtonProps {
   variant?: ButtonVariant;
@@ -9,4 +10,7 @@ export interface ButtonProps {
 
   disabled?: boolean;
   fullWidth?: boolean;
+
+  loading?: boolean;
+  loadingPosition?: ButtonLoadingPosition;
 }
diff --git a/libs/ui-core/src/contracts/fab.ts b/libs/ui-core/src/contracts/fab.ts
new file mode 100644
index 0000000..8be9d7d
--- /dev/null
+++ b/libs/ui-core/src/contracts/fab.ts
@@ -0,0 +1,11 @@
+import type { ButtonColor, ButtonSize } from './button';
+
+export type FabShape = 'circular' | 'extended';
+
+export interface FabProps {
+  color?: ButtonColor;
+  size?: ButtonSize;
+  shape?: FabShape;
+
+  disabled?: boolean;
+}
diff --git a/libs/ui-core/src/contracts/field.ts b/libs/ui-core/src/contracts/field.ts
index 3b1ba5c..ed2927b 100644
--- a/libs/ui-core/src/contracts/field.ts
+++ b/libs/ui-core/src/contracts/field.ts
@@ -20,10 +20,11 @@ export interface FormControlProps extends FieldProps {
 }
 
 export interface InputFieldProps extends FieldProps {
+  autoFocus?: boolean;
   readOnly?: boolean;
+  multiline?: boolean;
 }
 
 export interface TextFieldProps extends InputFieldProps {
   margin?: FieldMargin;
-  multiline?: boolean;
 }
diff --git a/libs/ui-core/src/contracts/icon-button.ts b/libs/ui-core/src/contracts/icon-button.ts
new file mode 100644
index 0000000..5e8b572
--- /dev/null
+++ b/libs/ui-core/src/contracts/icon-button.ts
@@ -0,0 +1,11 @@
+import type { ButtonColor, ButtonSize } from './button';
+
+export type IconButtonEdge = 'start' | 'end' | false;
+
+export interface IconButtonProps {
+  color?: ButtonColor;
+  size?: ButtonSize;
+  edge?: IconButtonEdge;
+
+  disabled?: boolean;
+}
diff --git a/libs/ui-core/src/contracts/index.ts b/libs/ui-core/src/contracts/index.ts
index 06ac7c0..575a849 100644
--- a/libs/ui-core/src/contracts/index.ts
+++ b/libs/ui-core/src/contracts/index.ts
@@ -1,5 +1,12 @@
 export type { BoxProps, BoxRadiusValue, BoxSpacingValue } from './box';
-export type { ButtonColor, ButtonProps, ButtonSize, ButtonVariant } from './button';
+export type {
+  ButtonColor,
+  ButtonLoadingPosition,
+  ButtonProps,
+  ButtonSize,
+  ButtonVariant,
+} from './button';
+export type { FabProps, FabShape } from './fab';
 export type {
   FieldColor,
   FieldMargin,
@@ -10,3 +17,5 @@ export type {
   InputFieldProps,
   TextFieldProps,
 } from './field';
+export type { IconButtonEdge, IconButtonProps } from './icon-button';
+export type { MenuItemProps } from './menu-item';
diff --git a/libs/ui-core/src/contracts/menu-item.ts b/libs/ui-core/src/contracts/menu-item.ts
new file mode 100644
index 0000000..2aeb343
--- /dev/null
+++ b/libs/ui-core/src/contracts/menu-item.ts
@@ -0,0 +1,5 @@
+export interface MenuItemProps {
+  value?: unknown;
+  disabled?: boolean;
+  selected?: boolean;
+}
diff --git a/libs/react-ui/src/utils/form/navigation.ts b/libs/ui-core/src/utils/form-navigation.ts
similarity index 100%
rename from libs/react-ui/src/utils/form/navigation.ts
rename to libs/ui-core/src/utils/form-navigation.ts
diff --git a/libs/react-ui/src/utils/form/selection.ts b/libs/ui-core/src/utils/form-selection.ts
similarity index 93%
rename from libs/react-ui/src/utils/form/selection.ts
rename to libs/ui-core/src/utils/form-selection.ts
index 5851a50..b98ca1c 100644
--- a/libs/react-ui/src/utils/form/selection.ts
+++ b/libs/ui-core/src/utils/form-selection.ts
@@ -1,6 +1,5 @@
-import { isObjectRecord } from '@berrypjh/ui-core';
-
-import { stringifyValue } from './value';
+import { stringifyValue } from './form-value';
+import { isObjectRecord } from './object';
 
 /**
  * 두 값을 선택 비교용 기준으로 비교합니다.
diff --git a/libs/react-ui/src/utils/form/value.ts b/libs/ui-core/src/utils/form-value.ts
similarity index 100%
rename from libs/react-ui/src/utils/form/value.ts
rename to libs/ui-core/src/utils/form-value.ts
diff --git a/libs/ui-core/src/utils/index.ts b/libs/ui-core/src/utils/index.ts
index b4c4e14..9f89092 100644
--- a/libs/ui-core/src/utils/index.ts
+++ b/libs/ui-core/src/utils/index.ts
@@ -1,2 +1,6 @@
 export * from './cx';
+export * from './form-navigation';
+export * from './form-selection';
+export * from './form-value';
+export * from './input-value';
 export * from './object';
diff --git a/libs/react-ui/src/utils/input/inputValue.ts b/libs/ui-core/src/utils/input-value.ts
similarity index 100%
rename from libs/react-ui/src/utils/input/inputValue.ts
rename to libs/ui-core/src/utils/input-value.ts
diff --git a/nx.json b/nx.json
index bfc13c3..15bcc9f 100644
--- a/nx.json
+++ b/nx.json
@@ -121,7 +121,11 @@
       "@berrypjh/react-ui",
       "@berrypjh/ui-core",
       "@berrypjh/design-tokens",
-      "@berrypjh/react-native-ui"
+      "@berrypjh/react-native-ui",
+      "@berrypjh/commitlint-config",
+      "@berrypjh/prettier-config",
+      "@berrypjh/tsconfig",
+      "@berrypjh/eslint-config"
     ],
     "projectsRelationship": "fixed",
     "releaseTagPattern": "v{version}",
diff --git a/package.json b/package.json
index fd2f2d6..6cbf9de 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@berrypjh/ui-source",
+  "name": "@berrypjh/shared-stack",
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {
@@ -41,7 +41,12 @@
     "prepare": "husky install"
   },
   "private": true,
+  "prettier": "@berrypjh/prettier-config",
   "devDependencies": {
+    "@berrypjh/commitlint-config": "workspace:^",
+    "@berrypjh/eslint-config": "workspace:^",
+    "@berrypjh/prettier-config": "workspace:^",
+    "@berrypjh/tsconfig": "workspace:^",
     "@babel/core": "^7.14.5",
     "@babel/preset-react": "^7.14.5",
     "@babel/runtime": "~7.27.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9e2ba90..928e8f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -54,6 +54,18 @@ importers:
       '@babel/runtime':
         specifier: ~7.27.6
         version: 7.27.6
+      '@berrypjh/commitlint-config':
+        specifier: workspace:^
+        version: link:libs/commitlint-config
+      '@berrypjh/eslint-config':
+        specifier: workspace:^
+        version: link:libs/eslint-config
+      '@berrypjh/prettier-config':
+        specifier: workspace:^
+        version: link:libs/prettier-config
+      '@berrypjh/tsconfig':
+        specifier: workspace:^
+        version: link:libs/tsconfig
       '@commitlint/cli':
         specifier: ^20.5.0
         version: 20.5.0(@types/node@20.19.9)(conventional-commits-parser@6.4.0)(typescript@5.9.3)
@@ -402,6 +414,12 @@ importers:
 
   apps/demo-web-e2e: {}
 
+  libs/commitlint-config:
+    dependencies:
+      '@commitlint/config-conventional':
+        specifier: ^20.5.0
+        version: 20.5.0
+
   libs/design-tokens:
     devDependencies:
       '@tokens-studio/sd-transforms':
@@ -411,6 +429,29 @@ importers:
         specifier: ^5.2.0
         version: 5.2.0(tslib@2.8.1)
 
+  libs/eslint-config:
+    dependencies:
+      '@nx/eslint-plugin':
+        specifier: ^22.6.5
+        version: 22.7.1(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(typescript@5.9.3)(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))
+      eslint:
+        specifier: ^9.8.0
+        version: 9.39.2(jiti@2.6.1)
+      eslint-plugin-jsx-a11y:
+        specifier: 6.10.1
+        version: 6.10.1(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-react-hooks:
+        specifier: 5.0.0
+        version: 5.0.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-simple-import-sort:
+        specifier: ^13.0.0
+        version: 13.0.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-unused-imports:
+        specifier: ^4.4.1
+        version: 4.4.1(@typescript-eslint/eslint-plugin@8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))
+
+  libs/prettier-config: {}
+
   libs/react-native-ui:
     dependencies:
       react:
@@ -443,6 +484,8 @@ importers:
         specifier: ^1.97.3
         version: 1.97.3
 
+  libs/tsconfig: {}
+
   libs/ui-core:
     devDependencies:
       '@berrypjh/design-tokens':
@@ -2655,6 +2698,11 @@ packages:
     peerDependencies:
       nx: '>= 21 <= 23 || ^22.0.0-0'
 
+  '@nx/devkit@22.7.1':
+    resolution: {integrity: sha512-z2ayFHq406MyVpNtksGnsfHOYZVTSInwQgZeg6u+S4sD21Wvb+oldhqkbYX46jiGJSaw5aUjFdzXJu2l4MYP1A==}
+    peerDependencies:
+      nx: '>= 21 <= 23 || ^22.0.0-0'
+
   '@nx/eslint-plugin@22.3.3':
     resolution: {integrity: sha512-UGAqvYUlKGupBUsO9ppEzYkai1VrrFrUkzHPOVUu5JM4zYGN30ruoO+j3K5OXu5jQLGCmOVfAQD3jzqT2balmw==}
     peerDependencies:
@@ -2664,6 +2712,15 @@ packages:
       eslint-config-prettier:
         optional: true
 
+  '@nx/eslint-plugin@22.7.1':
+    resolution: {integrity: sha512-LkW2QwkiB0MslknVN8If2JQZHFPgD1FkfTkVzgw2j+3B/+4dBN8aJsWgr6b3T4vn/n6XxtwFd7NVuJlsk5nyyQ==}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.13.2 || ^7.0.0 || ^8.0.0
+      eslint-config-prettier: ^10.0.0
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
+
   '@nx/eslint@22.3.3':
     resolution: {integrity: sha512-iG/LvrYf2CFAm2A0kfmRU4VeCTAN5PjUw8xc6oD1zfQ/KTmE/gFG2P1aJBo2mTIyzk9k8ZI0dqIhPLdl/AAtxg==}
     peerDependencies:
@@ -2710,6 +2767,14 @@ packages:
       verdaccio:
         optional: true
 
+  '@nx/js@22.7.1':
+    resolution: {integrity: sha512-zvPaamdAFehy4PsA963sJuwVXehsbpSJQJgEW6xcWy58lYLI/NRQHSZn4yJmuaFVnuuciRlmiacCom242byWnw==}
+    peerDependencies:
+      verdaccio: ^6.0.5
+    peerDependenciesMeta:
+      verdaccio:
+        optional: true
+
   '@nx/module-federation@22.3.3':
     resolution: {integrity: sha512-bo0qsW0hDhuyS/WnHQ1nndHcd7VeuMS3bxCwPJkPm8+qsVhWT88GO9WoYnlvdpx/LfTT/N6k1AOVOKAygRuUNQ==}
 
@@ -2723,6 +2788,11 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@nx/nx-darwin-arm64@22.7.1':
+    resolution: {integrity: sha512-m00ZmBn39VUgb0Ahhu5iY6D56ETdXjDbVnOz0XF3DacJrcLtq9sZ+cg1bj6PshqtvRWVg+zJRrZBU6vL7hGuFQ==}
+    cpu: [arm64]
+    os: [darwin]
+
   '@nx/nx-darwin-x64@22.3.3':
     resolution: {integrity: sha512-6ZQ6rMqH8NY4Jz+Gc89D5bIH2NxZb5S/vaA4yJ9RrqAfl4QWchNFD5na+aRivSd+UdsYLPKKl6qohet5SE6vOg==}
     cpu: [x64]
@@ -2733,6 +2803,11 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@nx/nx-darwin-x64@22.7.1':
+    resolution: {integrity: sha512-DmD8Qow+Yt7Yrmjlz1AsfiwxW+0kRzg+6MY70+d7qChtD2bTzvA/k0ut8SMy+CxU3kxgUbKhGOtml5JDXoX2ww==}
+    cpu: [x64]
+    os: [darwin]
+
   '@nx/nx-freebsd-x64@22.3.3':
     resolution: {integrity: sha512-J/PP5pIOQtR7ZzrFwP6d6h0yfY7r9EravG2m940GsgzGbtZGYIDqnh5Wdt+4uBWPH8VpdNOwFqH0afELtJA3MA==}
     cpu: [x64]
@@ -2743,6 +2818,11 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@nx/nx-freebsd-x64@22.7.1':
+    resolution: {integrity: sha512-HboVrUCHcuYTXtuX3dMyRszP7JO90ZVBLWgnmaM7jUM7jnllZjmezUMtpNHfN1GQbVFafJf/NBShDWsu9LuaUA==}
+    cpu: [x64]
+    os: [freebsd]
+
   '@nx/nx-linux-arm-gnueabihf@22.3.3':
     resolution: {integrity: sha512-/zn0altzM15S7qAgXMaB41vHkEn18HyTVUvRrjmmwaVqk9WfmDmqOQlGWoJ6XCbpvKQ8bh14RyhR9LGw1JJkNA==}
     cpu: [arm]
@@ -2753,6 +2833,11 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@nx/nx-linux-arm-gnueabihf@22.7.1':
+    resolution: {integrity: sha512-5Gm8Y7L8WXMLUjHhiy1eqGz5/PiRw1YLanFg5audBNkZvH6Jkwzdpoz0dbeKjwMDHz4NmniUV1s76Th8VLWmiQ==}
+    cpu: [arm]
+    os: [linux]
+
   '@nx/nx-linux-arm64-gnu@22.3.3':
     resolution: {integrity: sha512-NmPeCexWIZHW9RM3lDdFENN9C3WtlQ5L4RSNFESIjreS921rgePhulsszYdGnHdcnKPYlBBJnX/NxVsfioBbnQ==}
     cpu: [arm64]
@@ -2765,6 +2850,12 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@nx/nx-linux-arm64-gnu@22.7.1':
+    resolution: {integrity: sha512-GdgPYMfbijBRFJs1absL/9QdSNLsTAGdyKykDf9CaVxEMZ92VB+pncpX9Vn/ZBCSeeWTLF+bSK3UM5v+loIObQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@nx/nx-linux-arm64-musl@22.3.3':
     resolution: {integrity: sha512-K02U88Q0dpvCfmSXXvY7KbYQSa1m+mkYeqDBRHp11yHk1GoIqaHp8oEWda7FV4gsriNExPSS5tX1/QGVoLZrCw==}
     cpu: [arm64]
@@ -2777,6 +2868,12 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@nx/nx-linux-arm64-musl@22.7.1':
+    resolution: {integrity: sha512-HyBgPtY1hyNTk8683nt7F29jh3lVdS/zul9vS0NgKeCSoYL3GRM3nLoTPynoHUxyVP/tWYOE3ymvnk92qYwL4Q==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@nx/nx-linux-x64-gnu@22.3.3':
     resolution: {integrity: sha512-04TEbvgwRaB9ifr39YwJmWh3RuXb4Ry4m84SOJyjNXAfPrepcWgfIQn1VL2ul1Ybq+P023dLO9ME8uqFh6j1YQ==}
     cpu: [x64]
@@ -2789,6 +2886,12 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@nx/nx-linux-x64-gnu@22.7.1':
+    resolution: {integrity: sha512-bQBgRiEsanNvKcDOjVAUPjvcp0iDLofYYUL2af2iuCDxreLOej+J6MeA5bWTLNly5ly1d4voKGTqa+OsouVyLg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@nx/nx-linux-x64-musl@22.3.3':
     resolution: {integrity: sha512-uxBXx5q+S5OGatbYDxnamsKXRKlYn+Eq1nrCAHaf8rIfRoHlDiRV2PqtWuF+O2pxR5FWKpvr+/sZtt9rAf7KMw==}
     cpu: [x64]
@@ -2801,6 +2904,12 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@nx/nx-linux-x64-musl@22.7.1':
+    resolution: {integrity: sha512-gcco2GjcAztF/fRcAgFxtWxrWDnQdNmPaAN9FTt1+qQ9RUSLvdL8bQxKx4Kd9N9T+gXPlrWhMkBkKbbV09+X1Q==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@nx/nx-win32-arm64-msvc@22.3.3':
     resolution: {integrity: sha512-aOwlfD6ZA1K6hjZtbhBSp7s1yi3sHbMpLCa4stXzfhCCpKUv46HU/EdiWdE1N8AsyNFemPZFq81k1VTowcACdg==}
     cpu: [arm64]
@@ -2811,6 +2920,11 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@nx/nx-win32-arm64-msvc@22.7.1':
+    resolution: {integrity: sha512-IT9oEn0YQ83iPH7666aoPyTRsUzBIBJdBLMXeLX4I60fHPXWhUSGpfiLtIsgU2OfeOVb9hU9idwNh1wc4u9rWQ==}
+    cpu: [arm64]
+    os: [win32]
+
   '@nx/nx-win32-x64-msvc@22.3.3':
     resolution: {integrity: sha512-EDR8BtqeDvVNQ+kPwnfeSfmerYetitU3tDkxOMIybjKJDh69U2JwTB8n9ARwNaZQbNk7sCGNRUSZFTbAAUKvuQ==}
     cpu: [x64]
@@ -2821,6 +2935,11 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@nx/nx-win32-x64-msvc@22.7.1':
+    resolution: {integrity: sha512-P2zeSKXVH2Eiwsb8UfP2rMMS7//cHWpiO4M9zt6q0c4lI/hN1vXBciRKVWruGk9ZrWLHuhaMAhG94+MJtzKuRQ==}
+    cpu: [x64]
+    os: [win32]
+
   '@nx/playwright@22.7.0':
     resolution: {integrity: sha512-e/hkvh6IROr63PFACVXQnDxI695gK4XgV0xNKYqXQ68PbZx+N1tRsr/12iHw+dxZ2sp/aya9SEeGkItRMinbPA==}
     peerDependencies:
@@ -2872,6 +2991,9 @@ packages:
   '@nx/workspace@22.7.0':
     resolution: {integrity: sha512-ZhZYOlyPt1kJBvuC8MbTVTkDJSiEnr7Fu0luTGsbVLQO+2bHjIJml5HT1vCNpn39VH4Y4ZLgclHOt6P+KJH6/g==}
 
+  '@nx/workspace@22.7.1':
+    resolution: {integrity: sha512-wnBMgeogdGaRdxDDzZspSt1U87PMeYJhz1ygr42L9Lot9E5nCf17E85iyHl3YxcMSNslHxnHyTkq7MyQ8hHjdQ==}
+
   '@parcel/watcher-android-arm64@2.5.6':
     resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
@@ -2965,6 +3087,11 @@ packages:
     peerDependencies:
       typescript: ^3 || ^4 || ^5
 
+  '@phenomnomnominal/tsquery@6.1.4':
+    resolution: {integrity: sha512-3tHlGy/fxjJCHqIV8nelAzbRTNkCUY+k7lqBGKNuQz99H2OKGRt6oU+U2SZs6LYrbOe8mxMFl6kq6gzHapFRkw==}
+    peerDependencies:
+      typescript: ^3 || ^4 || ^5
+
   '@pinojs/redact@0.4.0':
     resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
 
@@ -4074,6 +4201,9 @@ packages:
   '@types/eslint@9.6.1':
     resolution: {integrity: sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==}
 
+  '@types/esquery@1.5.4':
+    resolution: {integrity: sha512-yYO4Q8H+KJHKW1rEeSzHxcZi90durqYgWVfnh5K6ZADVBjBv2e1NEveYX5yT2bffgN7RqzH3k9930m+i2yBoMA==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
@@ -9233,6 +9363,18 @@ packages:
       '@swc/core':
         optional: true
 
+  nx@22.7.1:
+    resolution: {integrity: sha512-SadJUQY57MiwRIetm9rhZhdpFeOe1Csib2Vg9C423Pw/h0fZE14qUo6+OBby9vLh5QCkRfRZ0WaHkeO5q6yNtA==}
+    hasBin: true
+    peerDependencies:
+      '@swc-node/register': ^1.11.1
+      '@swc/core': ^1.15.0
+    peerDependenciesMeta:
+      '@swc-node/register':
+        optional: true
+      '@swc/core':
+        optional: true
+
   nyc@15.1.0:
     resolution: {integrity: sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==}
     engines: {node: '>=8.9'}
@@ -13265,6 +13407,11 @@ snapshots:
       eslint: 9.39.2(jiti@2.4.2)
       eslint-visitor-keys: 3.4.3
 
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
   '@eslint-community/regexpp@4.12.2': {}
 
   '@eslint/config-array@0.21.1':
@@ -14884,6 +15031,17 @@ snapshots:
       tslib: 2.8.1
       yargs-parser: 21.1.1
 
+  '@nx/devkit@22.7.1(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))':
+    dependencies:
+      '@zkochan/js-yaml': 0.0.7
+      ejs: 5.0.1
+      enquirer: 2.3.6
+      minimatch: 10.2.4
+      nx: 22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))
+      semver: 7.7.4
+      tslib: 2.8.1
+      yargs-parser: 21.1.1
+
   '@nx/eslint-plugin@22.3.3(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.4.2))(typescript@5.9.3))(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.4.2)))(eslint@9.39.2(jiti@2.4.2))(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(typescript@5.9.3)(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))':
     dependencies:
       '@nx/devkit': 22.3.3(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))
@@ -14911,6 +15069,33 @@ snapshots:
       - typescript
       - verdaccio
 
+  '@nx/eslint-plugin@22.7.1(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(typescript@5.9.3)(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))':
+    dependencies:
+      '@nx/devkit': 22.7.1(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))
+      '@nx/js': 22.7.1(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))
+      '@phenomnomnominal/tsquery': 6.1.4(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/type-utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      chalk: 4.1.2
+      confusing-browser-globals: 1.0.11
+      globals: 15.15.0
+      jsonc-eslint-parser: 2.4.2
+      semver: 7.7.4
+      tslib: 2.8.1
+    optionalDependencies:
+      eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
+    transitivePeerDependencies:
+      - '@babel/traverse'
+      - '@swc-node/register'
+      - '@swc/core'
+      - debug
+      - eslint
+      - nx
+      - supports-color
+      - typescript
+      - verdaccio
+
   '@nx/eslint@22.3.3(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@zkochan/js-yaml@0.0.7)(eslint@9.39.2(jiti@2.4.2))(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))':
     dependencies:
       '@nx/devkit': 22.3.3(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))
@@ -15107,6 +15292,44 @@ snapshots:
       - nx
       - supports-color
 
+  '@nx/js@22.7.1(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/plugin-proposal-decorators': 7.28.6(@babel/core@7.28.6)
+      '@babel/plugin-transform-class-properties': 7.28.6(@babel/core@7.28.6)
+      '@babel/plugin-transform-runtime': 7.28.5(@babel/core@7.28.6)
+      '@babel/preset-env': 7.28.6(@babel/core@7.28.6)
+      '@babel/preset-typescript': 7.28.5(@babel/core@7.28.6)
+      '@babel/runtime': 7.27.6
+      '@nx/devkit': 22.7.1(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))
+      '@nx/workspace': 22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))
+      '@zkochan/js-yaml': 0.0.7
+      babel-plugin-const-enum: 1.2.0(@babel/core@7.28.6)
+      babel-plugin-macros: 3.1.0
+      babel-plugin-transform-typescript-metadata: 0.3.2(@babel/core@7.28.6)(@babel/traverse@7.29.0)
+      chalk: 4.1.2
+      columnify: 1.6.0
+      detect-port: 1.6.1
+      ignore: 5.3.2
+      js-tokens: 4.0.0
+      jsonc-parser: 3.2.0
+      npm-run-path: 4.0.1
+      picocolors: 1.1.1
+      picomatch: 4.0.4
+      semver: 7.7.4
+      source-map-support: 0.5.19
+      tinyglobby: 0.2.16
+      tslib: 2.8.1
+    optionalDependencies:
+      verdaccio: 6.2.4(encoding@0.1.13)(typanion@3.14.0)
+    transitivePeerDependencies:
+      - '@babel/traverse'
+      - '@swc-node/register'
+      - '@swc/core'
+      - debug
+      - nx
+      - supports-color
+
   '@nx/module-federation@22.3.3(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/helpers@0.5.18)(esbuild@0.28.0)(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3)(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))':
     dependencies:
       '@module-federation/enhanced': 0.21.6(@rspack/core@1.7.2(@swc/helpers@0.5.18))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3)(webpack@5.104.1(@swc/core@1.15.33(@swc/helpers@0.5.18))(esbuild@0.28.0))
@@ -15147,60 +15370,90 @@ snapshots:
   '@nx/nx-darwin-arm64@22.7.0':
     optional: true
 
+  '@nx/nx-darwin-arm64@22.7.1':
+    optional: true
+
   '@nx/nx-darwin-x64@22.3.3':
     optional: true
 
   '@nx/nx-darwin-x64@22.7.0':
     optional: true
 
+  '@nx/nx-darwin-x64@22.7.1':
+    optional: true
+
   '@nx/nx-freebsd-x64@22.3.3':
     optional: true
 
   '@nx/nx-freebsd-x64@22.7.0':
     optional: true
 
+  '@nx/nx-freebsd-x64@22.7.1':
+    optional: true
+
   '@nx/nx-linux-arm-gnueabihf@22.3.3':
     optional: true
 
   '@nx/nx-linux-arm-gnueabihf@22.7.0':
     optional: true
 
+  '@nx/nx-linux-arm-gnueabihf@22.7.1':
+    optional: true
+
   '@nx/nx-linux-arm64-gnu@22.3.3':
     optional: true
 
   '@nx/nx-linux-arm64-gnu@22.7.0':
     optional: true
 
+  '@nx/nx-linux-arm64-gnu@22.7.1':
+    optional: true
+
   '@nx/nx-linux-arm64-musl@22.3.3':
     optional: true
 
   '@nx/nx-linux-arm64-musl@22.7.0':
     optional: true
 
+  '@nx/nx-linux-arm64-musl@22.7.1':
+    optional: true
+
   '@nx/nx-linux-x64-gnu@22.3.3':
     optional: true
 
   '@nx/nx-linux-x64-gnu@22.7.0':
     optional: true
 
+  '@nx/nx-linux-x64-gnu@22.7.1':
+    optional: true
+
   '@nx/nx-linux-x64-musl@22.3.3':
     optional: true
 
   '@nx/nx-linux-x64-musl@22.7.0':
     optional: true
 
+  '@nx/nx-linux-x64-musl@22.7.1':
+    optional: true
+
   '@nx/nx-win32-arm64-msvc@22.3.3':
     optional: true
 
   '@nx/nx-win32-arm64-msvc@22.7.0':
     optional: true
 
+  '@nx/nx-win32-arm64-msvc@22.7.1':
+    optional: true
+
   '@nx/nx-win32-x64-msvc@22.3.3':
     optional: true
 
   '@nx/nx-win32-x64-msvc@22.7.0':
     optional: true
 
+  '@nx/nx-win32-x64-msvc@22.7.1':
+    optional: true
+
   '@nx/playwright@22.7.0(@babel/traverse@7.29.0)(@nx/jest@22.3.3(@babel/traverse@7.29.0)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(ts-node@10.9.1(@swc/core@1.15.33(@swc/helpers@0.5.18))(@types/node@20.19.9)(typescript@5.9.3))(typescript@5.9.3)(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0)))(@playwright/test@1.59.1)(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))(@zkochan/js-yaml@0.0.7)(eslint@9.39.2(jiti@2.4.2))(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))(verdaccio@6.2.4(encoding@0.1.13)(typanion@3.14.0))':
     dependencies:
       '@nx/devkit': 22.7.0(nx@22.3.3(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))
@@ -15467,6 +15720,22 @@ snapshots:
       - '@swc/core'
       - debug
 
+  '@nx/workspace@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))':
+    dependencies:
+      '@nx/devkit': 22.7.1(nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)))
+      '@zkochan/js-yaml': 0.0.7
+      chalk: 4.1.2
+      enquirer: 2.3.6
+      nx: 22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18))
+      picomatch: 4.0.4
+      semver: 7.7.4
+      tslib: 2.8.1
+      yargs-parser: 21.1.1
+    transitivePeerDependencies:
+      - '@swc-node/register'
+      - '@swc/core'
+      - debug
+
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
@@ -15533,6 +15802,12 @@ snapshots:
       esquery: 1.7.0
       typescript: 5.9.3
 
+  '@phenomnomnominal/tsquery@6.1.4(typescript@5.9.3)':
+    dependencies:
+      '@types/esquery': 1.5.4
+      esquery: 1.7.0
+      typescript: 5.9.3
+
   '@pinojs/redact@0.4.0': {}
 
   '@pkgjs/parseargs@0.11.0':
@@ -16835,6 +17110,10 @@ snapshots:
       '@types/estree': 1.0.8
       '@types/json-schema': 7.0.15
 
+  '@types/esquery@1.5.4':
+    dependencies:
+      '@types/estree': 1.0.8
+
   '@types/estree@1.0.8': {}
 
   '@types/graceful-fs@4.1.9':
@@ -16952,6 +17231,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/eslint-plugin@8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.53.0
+      '@typescript-eslint/type-utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.0
+      eslint: 9.39.2(jiti@2.6.1)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   '@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.4.2))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.53.0
@@ -16964,6 +17260,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.53.0
+      '@typescript-eslint/types': 8.53.0
+      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.0
+      debug: 4.4.3(supports-color@8.1.1)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/project-service@8.53.0(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.53.0(typescript@5.9.3)
@@ -16994,6 +17302,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/type-utils@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.53.0
+      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3(supports-color@8.1.1)
+      eslint: 9.39.2(jiti@2.6.1)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/types@8.53.0': {}
 
   '@typescript-eslint/typescript-estree@8.53.0(typescript@5.9.3)':
@@ -17022,6 +17342,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/utils@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.53.0
+      '@typescript-eslint/types': 8.53.0
+      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/visitor-keys@8.53.0':
     dependencies:
       '@typescript-eslint/types': 8.53.0
@@ -19732,6 +20063,11 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@2.4.2)
 
+  eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+    optional: true
+
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
@@ -19799,6 +20135,26 @@ snapshots:
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
+  eslint-plugin-jsx-a11y@6.10.1(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      aria-query: 5.3.2
+      array-includes: 3.1.9
+      array.prototype.flatmap: 1.3.3
+      ast-types-flow: 0.0.8
+      axe-core: 4.11.1
+      axobject-query: 4.1.0
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      es-iterator-helpers: 1.2.2
+      eslint: 9.39.2(jiti@2.6.1)
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.2
+      object.fromentries: 2.0.8
+      safe-regex-test: 1.1.0
+      string.prototype.includes: 2.0.1
+
   eslint-plugin-playwright@2.10.2(eslint@9.39.2(jiti@2.4.2)):
     dependencies:
       eslint: 9.39.2(jiti@2.4.2)
@@ -19808,6 +20164,10 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@2.4.2)
 
+  eslint-plugin-react-hooks@5.0.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
   eslint-plugin-react@7.35.0(eslint@9.39.2(jiti@2.4.2)):
     dependencies:
       array-includes: 3.1.9
@@ -19834,6 +20194,10 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@2.4.2)
 
+  eslint-plugin-simple-import-sort@13.0.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
   eslint-plugin-storybook@10.2.19(eslint@9.39.2(jiti@2.4.2))(storybook@10.2.19(@testing-library/dom@10.4.0)(prettier@3.6.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3):
     dependencies:
       '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.4.2))(typescript@5.9.3)
@@ -19849,6 +20213,12 @@ snapshots:
     optionalDependencies:
       '@typescript-eslint/eslint-plugin': 8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.4.2))(typescript@5.9.3))(eslint@9.39.2(jiti@2.4.2))(typescript@5.9.3)
 
+  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+
   eslint-scope@5.1.1:
     dependencies:
       esrecurse: 4.3.0
@@ -19904,6 +20274,47 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  eslint@9.39.2(jiti@2.6.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.3
+      '@eslint/js': 9.39.2
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3(supports-color@8.1.1)
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.6.1
+    transitivePeerDependencies:
+      - supports-color
+
   espree@10.4.0:
     dependencies:
       acorn: 8.15.0
@@ -23700,6 +24111,134 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  nx@22.7.1(@swc-node/register@1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3))(@swc/core@1.15.33(@swc/helpers@0.5.18)):
+    dependencies:
+      '@emnapi/core': 1.4.5
+      '@emnapi/runtime': 1.4.5
+      '@emnapi/wasi-threads': 1.0.4
+      '@jest/diff-sequences': 30.0.1
+      '@napi-rs/wasm-runtime': 0.2.4
+      '@tybys/wasm-util': 0.9.0
+      '@yarnpkg/lockfile': 1.1.0
+      '@zkochan/js-yaml': 0.0.7
+      ansi-colors: 4.1.3
+      ansi-regex: 5.0.1
+      ansi-styles: 4.3.0
+      argparse: 2.0.1
+      asynckit: 0.4.0
+      axios: 1.15.0
+      balanced-match: 4.0.3
+      base64-js: 1.5.1
+      bl: 4.1.0
+      brace-expansion: 5.0.2
+      buffer: 5.7.1
+      call-bind-apply-helpers: 1.0.2
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.6.1
+      cliui: 8.0.1
+      clone: 1.0.4
+      color-convert: 2.0.1
+      color-name: 1.1.4
+      combined-stream: 1.0.8
+      defaults: 1.0.4
+      define-lazy-prop: 2.0.0
+      delayed-stream: 1.0.0
+      dotenv: 16.4.7
+      dotenv-expand: 12.0.3
+      dunder-proto: 1.0.1
+      ejs: 5.0.1
+      emoji-regex: 8.0.0
+      end-of-stream: 1.4.5
+      enquirer: 2.3.6
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      escalade: 3.2.0
+      escape-string-regexp: 1.0.5
+      figures: 3.2.0
+      flat: 5.0.2
+      follow-redirects: 1.15.11(debug@4.4.3)
+      form-data: 4.0.5
+      fs-constants: 1.0.0
+      function-bind: 1.1.2
+      get-caller-file: 2.0.5
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-flag: 4.0.0
+      has-symbols: 1.1.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+      ieee754: 1.2.1
+      ignore: 7.0.5
+      inherits: 2.0.4
+      is-docker: 2.2.1
+      is-fullwidth-code-point: 3.0.0
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      is-wsl: 2.2.0
+      json5: 2.2.3
+      jsonc-parser: 3.2.0
+      lines-and-columns: 2.0.3
+      log-symbols: 4.1.0
+      math-intrinsics: 1.1.0
+      mime-db: 1.52.0
+      mime-types: 2.1.35
+      mimic-fn: 2.1.0
+      minimatch: 10.2.4
+      minimist: 1.2.8
+      npm-run-path: 4.0.1
+      once: 1.4.0
+      onetime: 5.1.2
+      open: 8.4.2
+      ora: 5.3.0
+      path-key: 3.1.1
+      picocolors: 1.1.1
+      proxy-from-env: 2.1.0
+      readable-stream: 3.6.2
+      require-directory: 2.1.1
+      resolve.exports: 2.0.3
+      restore-cursor: 3.1.0
+      safe-buffer: 5.2.1
+      semver: 7.7.4
+      signal-exit: 3.0.7
+      smol-toml: 1.6.1
+      string-width: 4.2.3
+      string_decoder: 1.3.0
+      strip-ansi: 6.0.1
+      strip-bom: 3.0.0
+      supports-color: 7.2.0
+      tar-stream: 2.2.0
+      tmp: 0.2.4
+      tree-kill: 1.2.2
+      tsconfig-paths: 4.2.0
+      tslib: 2.8.1
+      util-deprecate: 1.0.2
+      wcwidth: 1.0.1
+      wrap-ansi: 7.0.0
+      wrappy: 1.0.2
+      y18n: 5.0.8
+      yaml: 2.8.0
+      yargs: 17.7.2
+      yargs-parser: 21.1.1
+    optionalDependencies:
+      '@nx/nx-darwin-arm64': 22.7.1
+      '@nx/nx-darwin-x64': 22.7.1
+      '@nx/nx-freebsd-x64': 22.7.1
+      '@nx/nx-linux-arm-gnueabihf': 22.7.1
+      '@nx/nx-linux-arm64-gnu': 22.7.1
+      '@nx/nx-linux-arm64-musl': 22.7.1
+      '@nx/nx-linux-x64-gnu': 22.7.1
+      '@nx/nx-linux-x64-musl': 22.7.1
+      '@nx/nx-win32-arm64-msvc': 22.7.1
+      '@nx/nx-win32-x64-msvc': 22.7.1
+      '@swc-node/register': 1.9.2(@swc/core@1.15.33(@swc/helpers@0.5.18))(@swc/types@0.1.26)(typescript@5.9.3)
+      '@swc/core': 1.15.33(@swc/helpers@0.5.18)
+    transitivePeerDependencies:
+      - debug
+
   nyc@15.1.0:
     dependencies:
       '@istanbuljs/load-nyc-config': 1.1.0
diff --git a/tools/scripts/release/release-npm.ts b/tools/scripts/release/release-npm.ts
index 6aedf0a..1e88b52 100644
--- a/tools/scripts/release/release-npm.ts
+++ b/tools/scripts/release/release-npm.ts
@@ -1,12 +1,41 @@
+import { execSync } from 'node:child_process';
+
 import { releaseChangelog, releasePublish, releaseVersion } from 'nx/release';
 
+/**
+ * 직전 release tag 이후 commit 본문에 BREAKING CHANGE footer가 있는지 확인합니다.
+ *
+ * nx release의 conventionalCommits scope 매칭은 full npm name(@scope/pkg)을 요구하지만,
+ * 현재 프로젝트 commit scope는 short name(react-ui 등)이라 자동 매칭이 안 되므로, 여기서 직접 감지해 major 강제 여부를 결정합니다.
+ */
+const hasBreakingChangeSinceLastTag = (): boolean => {
+  try {
+    const lastTag = execSync('git describe --tags --abbrev=0 --match="v*"', {
+      encoding: 'utf8',
+      stdio: ['ignore', 'pipe', 'ignore'],
+    }).trim();
+    if (!lastTag) return false;
+    const log = execSync(`git log ${lastTag}..HEAD --format=%B`, { encoding: 'utf8' });
+    return /^BREAKING CHANGE:/m.test(log);
+  } catch {
+    return false;
+  }
+};
+
 const main = async () => {
   const isFirstRelease = process.argv.includes('--first-release');
   const isBeta = process.argv.includes('--beta') || process.argv.includes('--preid=beta');
+  const hasBreaking = !isBeta && hasBreakingChangeSinceLastTag();
+
+  if (hasBreaking) {
+    console.log('직전 tag 이후 BREAKING CHANGE 감지 — major bump를 강제합니다.');
+  }
+
+  const specifier = isBeta ? 'prerelease' : hasBreaking ? 'major' : undefined;
 
   const { workspaceVersion, projectsVersionData, releaseGraph } = await releaseVersion({
     firstRelease: isFirstRelease,
-    specifier: isBeta ? 'prerelease' : undefined,
+    specifier,
     preid: isBeta ? 'beta' : undefined,
   });
 
diff --git a/tsconfig.base.json b/tsconfig.base.json
index c3b7bd0..5aec45a 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -1,20 +1,10 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@berrypjh/tsconfig/base.json",
   "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022"],
-    "module": "nodenext",
-    "moduleResolution": "nodenext",
-    "strict": true,
-    "skipLibCheck": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitOverride": true,
-    "noImplicitReturns": true,
-    "noUnusedLocals": true,
-    "isolatedModules": true,
-    "importHelpers": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
-    "forceConsistentCasingInFileNames": true,
     "paths": {
       "@berrypjh/ui-core": ["./libs/ui-core/src/index.ts"],
       "@berrypjh/react-ui": ["./libs/react-ui/src/index.ts"],