chore: rename project from tiny-ui to tiny-design

Update all references including package names, GitHub repo URLs,
website domain, GH Pages base path, npm badges, import statements,
and documentation across 179 files.

Author: wangdicoder

.changeset/config.json

@@ -2,7 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
   "changelog": [
     "@changesets/changelog-github",
-    { "repo": "wangdicoder/tiny-ui" }
+    { "repo": "wangdicoder/tiny-design" }
   ],
   "commit": false,
   "fixed": [],

.github/workflows/deploy-site.yml

@@ -33,7 +33,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Build docs site
-        run: pnpm --filter @tiny-design/docs build -- --base /tiny-ui/
+        run: pnpm --filter @tiny-design/docs build -- --base /tiny-design/
 
       - name: Copy 404.html for SPA routing
         run: cp apps/docs/build/index.html apps/docs/build/404.html

CONTRIBUTING.md

@@ -13,8 +13,8 @@ Thanks for your interest in contributing to Tiny UI! This guide will help you ge
 
 ```bash
 # Clone the repo
-git clone https://github.com/wangdicoder/tiny-ui.git
-cd tiny-ui
+git clone https://github.com/wangdicoder/tiny-design.git
+cd tiny-design
 
 # Install dependencies
 pnpm install
@@ -32,7 +32,7 @@ pnpm build
 ## Project Structure
 
 ```
-tiny-ui/
+tiny-design/
 ├── packages/react/       # @tiny-design/react — component library
 │   ├── src/              # Component source code
 │   ├── scripts/          # Build scripts
@@ -133,7 +133,7 @@ This creates a markdown file in `.changeset/` — commit it with your PR. When t
 
 ## Reporting Bugs
 
-Use [GitHub Issues](https://github.com/wangdicoder/tiny-ui/issues) with the bug report template. Include:
+Use [GitHub Issues](https://github.com/wangdicoder/tiny-design/issues) with the bug report template. Include:
 - Steps to reproduce
 - Expected vs actual behavior
 - Browser and OS information

DEVELOPMENT.md

@@ -34,7 +34,7 @@ Three workflows triggered on push/PR to `master`:
 
 1. **CI** (`ci.yml`) — install → lint → build → test with coverage
 2. **Release** (`release.yml`) — uses `changesets/action` to either create a "Version Packages" PR or publish to npm. The docs package is excluded from publishing.
-3. **Deploy Site** (`deploy-site.yml`) — builds docs with `--base /tiny-ui/`, deploys to GitHub Pages with SPA routing support.
+3. **Deploy Site** (`deploy-site.yml`) — builds docs with `--base /tiny-design/`, deploys to GitHub Pages with SPA routing support.
 
 ## Release Flow
 

README.md

@@ -1,27 +1,27 @@
 <p align="center">
-  <a href="https://tiny-ui.dev">
-    <img width="200" src="https://github.com/wangdicoder/tiny-ui/blob/master/site/src/assets/logo/logo.svg">
+  <a href="https://tiny-design.dev">
+    <img width="200" src="https://github.com/wangdicoder/tiny-design/blob/master/site/src/assets/logo/logo.svg">
   </a>
 </p>
 
 <h1 align="center">Tiny UI</h1>
 <p align="center">A friendly UI component set for React</p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/tiny-ui">
-    <img src="https://img.shields.io/npm/v/tiny-ui.svg?style=flat-square" alt="npm version"/>
+  <a href="https://www.npmjs.com/package/tiny-design">
+    <img src="https://img.shields.io/npm/v/tiny-design.svg?style=flat-square" alt="npm version"/>
   </a>
-  <a href="https://www.npmjs.com/package/tiny-ui">
-    <img src="https://img.shields.io/npm/dm/tiny-ui.svg?style=flat-square" alt="npm downloads"/>
+  <a href="https://www.npmjs.com/package/tiny-design">
+    <img src="https://img.shields.io/npm/dm/tiny-design.svg?style=flat-square" alt="npm downloads"/>
   </a>
-  <a href="https://bundlephobia.com/package/tiny-ui">
-    <img src="https://img.shields.io/bundlephobia/minzip/tiny-ui.svg?style=flat-square" alt="bundle size"/>
+  <a href="https://bundlephobia.com/package/tiny-design">
+    <img src="https://img.shields.io/bundlephobia/minzip/tiny-design.svg?style=flat-square" alt="bundle size"/>
   </a>
   <a href="https://react.dev">
     <img src="https://img.shields.io/static/v1?label=react&message=%3E=18&color=61dafb&style=flat-square" alt="react version"/>
   </a>
-  <a href="https://github.com/wangdicoder/tiny-ui/blob/master/LICENSE">
-    <img src="https://img.shields.io/npm/l/tiny-ui.svg?style=flat-square" alt="license"/>
+  <a href="https://github.com/wangdicoder/tiny-design/blob/master/LICENSE">
+    <img src="https://img.shields.io/npm/l/tiny-design.svg?style=flat-square" alt="license"/>
   </a>
 </p>
 
@@ -54,16 +54,16 @@
 
 ```bash
 # npm
-npm install tiny-ui
+npm install tiny-design
 
 # yarn
-yarn add tiny-ui
+yarn add tiny-design
 ```
 
 ## Quick Start
 
 ```jsx
-import { Button, Switch } from 'tiny-ui';
+import { Button, Switch } from 'tiny-design';
 
 const App = () => (
   <>
@@ -80,7 +80,7 @@ Styles are automatically imported alongside each component — no separate CSS i
 ### Dark mode
 
 ```jsx
-import { ConfigProvider } from 'tiny-ui';
+import { ConfigProvider } from 'tiny-design';
 
 <ConfigProvider theme="dark">
   <App />
@@ -93,18 +93,18 @@ Override SCSS variables to customise colours, borders, fonts, and more:
 
 ```scss
 $primary-color: #007bff;
-$font-path: '~tiny-ui/themes/fonts';
-@import '~tiny-ui/themes/index.scss';
+$font-path: '~tiny-design/themes/fonts';
+@import '~tiny-design/themes/index.scss';
 ```
 
-See the [Theme Customisation Guide](https://tiny-ui.dev/guide/customise-theme) for details.
+See the [Theme Customisation Guide](https://tiny-design.dev/guide/customise-theme) for details.
 
 ## Internationalization
 
 Built-in locale support for English and Chinese. Set locale via `ConfigProvider` or `IntlProvider`:
 
 ```jsx
-import { ConfigProvider, zh_CN } from 'tiny-ui';
+import { ConfigProvider, zh_CN } from 'tiny-design';
 
 <ConfigProvider locale={zh_CN}>
   <App />
@@ -126,10 +126,10 @@ Supports all modern browsers. IE is **not** supported.
 
 ## Links
 
-- [Documentation](https://tiny-ui.dev)
-- [Changelog](https://github.com/wangdicoder/tiny-ui/blob/master/CHANGELOG.md)
-- [Issues](https://github.com/wangdicoder/tiny-ui/issues)
+- [Documentation](https://tiny-design.dev)
+- [Changelog](https://github.com/wangdicoder/tiny-design/blob/master/CHANGELOG.md)
+- [Issues](https://github.com/wangdicoder/tiny-design/issues)
 
 ## License
 
-[MIT](https://github.com/wangdicoder/tiny-ui/blob/master/LICENSE)
+[MIT](https://github.com/wangdicoder/tiny-design/blob/master/LICENSE)

apps/docs/guides/customise-theme.md

@@ -23,7 +23,7 @@ Tiny UI ships with built-in light and dark themes. Light mode is the default. To
 You can also use the `useTheme` hook to switch themes at runtime:
 
 ```tsx
-import { useTheme } from 'tiny-ui';
+import { useTheme } from 'tiny-design';
 
 const App = () => {
   const { mode, setMode, toggle } = useTheme();
@@ -44,8 +44,8 @@ Every colour, shadow, and visual state is exposed as a `--ty-*` CSS custom prope
 ```
 
 The full list of tokens can be found in the source:
-- [Light theme tokens](https://github.com/wangdicoder/tiny-ui/blob/master/components/style/themes/_light.scss)
-- [Dark theme tokens](https://github.com/wangdicoder/tiny-ui/blob/master/components/style/themes/_dark.scss)
+- [Light theme tokens](https://github.com/wangdicoder/tiny-design/blob/master/components/style/themes/_light.scss)
+- [Dark theme tokens](https://github.com/wangdicoder/tiny-design/blob/master/components/style/themes/_dark.scss)
 
 ## SCSS variables
 
@@ -70,7 +70,7 @@ $border-radius: 4px;
 $font-size-base: 14px;
 
 // Import Tiny UI styles (applies your overrides via !default)
-@use "tiny-ui/es/style/index" as *;
+@use "tiny-design/es/style/index" as *;
 ```
 
 ### 3. Import in your entry file
@@ -79,7 +79,7 @@ $font-size-base: 14px;
 import './theme-variables.scss';
 ```
 
-The full list of SCSS variables can be found in [_variables.scss](https://github.com/wangdicoder/tiny-ui/blob/master/components/style/_variables.scss).
+The full list of SCSS variables can be found in [_variables.scss](https://github.com/wangdicoder/tiny-design/blob/master/components/style/_variables.scss).
 
 Some commonly overridden variables:
 

apps/docs/guides/customise-theme.zh_CN.md

@@ -23,7 +23,7 @@ Tiny UI 内置亮色和暗色主题。默认为亮色模式。要启用暗色模
 也可以使用 `useTheme` hook 在运行时切换主题：
 
 ```tsx
-import { useTheme } from 'tiny-ui';
+import { useTheme } from 'tiny-design';
 
 const App = () => {
   const { mode, setMode, toggle } = useTheme();
@@ -44,8 +44,8 @@ const App = () => {
 ```
 
 完整的令牌列表请参考源码：
-- [亮色主题令牌](https://github.com/wangdicoder/tiny-ui/blob/master/components/style/themes/_light.scss)
-- [暗色主题令牌](https://github.com/wangdicoder/tiny-ui/blob/master/components/style/themes/_dark.scss)
+- [亮色主题令牌](https://github.com/wangdicoder/tiny-design/blob/master/components/style/themes/_light.scss)
+- [暗色主题令牌](https://github.com/wangdicoder/tiny-design/blob/master/components/style/themes/_dark.scss)
 
 ## SCSS 变量
 
@@ -70,7 +70,7 @@ $border-radius: 4px;
 $font-size-base: 14px;
 
 // 引入 Tiny UI 样式（通过 !default 应用你的覆盖值）
-@use "tiny-ui/es/style/index" as *;
+@use "tiny-design/es/style/index" as *;
 ```
 
 ### 3. 在入口文件中引入
@@ -79,7 +79,7 @@ $font-size-base: 14px;
 import './theme-variables.scss';
 ```
 
-完整的 SCSS 变量列表请参考 [_variables.scss](https://github.com/wangdicoder/tiny-ui/blob/master/components/style/_variables.scss)。
+完整的 SCSS 变量列表请参考 [_variables.scss](https://github.com/wangdicoder/tiny-design/blob/master/components/style/_variables.scss)。
 
 以下是一些常用的可覆盖变量：
 

apps/docs/guides/get-started.md

@@ -7,17 +7,17 @@
 You first need to install and configure the `Node.js` environment properly locally.
 
 ```bash
-$ npm install tiny-ui
+$ npm install tiny-design
 ```
 <br />
 
 ```bash
-$ yarn add tiny-ui
+$ yarn add tiny-design
 ```
 <br />
 
 ```bash
-$ pnpm add tiny-ui
+$ pnpm add tiny-design
 ```
 
 ## Usage
@@ -27,7 +27,7 @@ The following is a simple example of using a default button component.
 ```jsx
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { Button } from 'tiny-ui';
+import { Button } from 'tiny-design';
 
 const App = () => {
   return <Button>Hello World</Button>;

apps/docs/guides/get-started.zh_CN.md

@@ -7,17 +7,17 @@
 你需要先在本地正确安装和配置好 `Node.js` 环境。
 
 ```bash
-$ npm install tiny-ui
+$ npm install tiny-design
 ```
 <br />
 
 ```bash
-$ yarn add tiny-ui
+$ yarn add tiny-design
 ```
 <br />
 
 ```bash
-$ pnpm add tiny-ui
+$ pnpm add tiny-design
 ```
 
 ## 引入方式
@@ -27,7 +27,7 @@ $ pnpm add tiny-ui
 ```jsx
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { Button } from 'tiny-ui';
+import { Button } from 'tiny-design';
 
 const App = () => {
   return <Button>Hello World</Button>;

apps/docs/guides/introduction.md

@@ -12,8 +12,8 @@ Tiny UI is a set of UI components and widgets built on React.js **18+**, which m
 
 ## Version
 
-- Latest [![npm](https://img.shields.io/npm/v/tiny-ui.svg?style=flat-square)](https://www.npmjs.com/package/tiny-ui)
-- Download [![npm](https://img.shields.io/npm/dm/tiny-ui.svg?style=flat-square)](https://www.npmjs.com/package/tiny-ui)
+- Latest [![npm](https://img.shields.io/npm/v/tiny-design.svg?style=flat-square)](https://www.npmjs.com/package/tiny-design)
+- Download [![npm](https://img.shields.io/npm/dm/tiny-design.svg?style=flat-square)](https://www.npmjs.com/package/tiny-design)
 
 ## Environment Support