adapt docs

ZiZIGY · ZiZIGY · commit 501d30cd394b · 2025-12-30T20:54:49.000+03:00
diff --git a/docs/components/button.md b/docs/components/button.md
@@ -17,71 +17,43 @@ npx @capsuleui/core add Button
 ### Core Variants
 
 <div class="component-demo">
-  <capsule-button variant="primary">Primary</capsule-button>
+  <capsule-button variant="default">Default</capsule-button>
   <capsule-button variant="secondary">Secondary</capsule-button>
   <capsule-button variant="outline">Outline</capsule-button>
-  <capsule-button variant="text">Text</capsule-button>
+  <capsule-button variant="ghost">Ghost</capsule-button>
+  <capsule-button variant="link">Link</capsule-button>
+  <capsule-button variant="destructive">Destructive</capsule-button>
 </div>
 
 ```html
-<capsule-button variant="primary">Primary</capsule-button>
+<capsule-button variant="default">Default</capsule-button>
 <capsule-button variant="secondary">Secondary</capsule-button>
 <capsule-button variant="outline">Outline</capsule-button>
-<capsule-button variant="text">Text</capsule-button>
-```
-
-#### Semantic Colors
-
-<div class="component-demo">
-  <capsule-button variant="success">Success</capsule-button>
-  <capsule-button variant="error">Error</capsule-button>
-  <capsule-button variant="warning">Warning</capsule-button>
-  <capsule-button variant="info">Info</capsule-button>
-</div>
-
-```html
-<capsule-button variant="success">Success</capsule-button>
-<capsule-button variant="error">Error</capsule-button>
-<capsule-button variant="warning">Warning</capsule-button>
-<capsule-button variant="info">Info</capsule-button>
+<capsule-button variant="ghost">Ghost</capsule-button>
+<capsule-button variant="link">Link</capsule-button>
+<capsule-button variant="destructive">Destructive</capsule-button>
 ```
 
 ### Sizes
 
 <div class="component-demo">
-  <capsule-button size="xs">Extra Small</capsule-button>
   <capsule-button size="sm">Small</capsule-button>
-  <capsule-button size="md">Medium</capsule-button>
+  <capsule-button size="default">Default</capsule-button>
   <capsule-button size="lg">Large</capsule-button>
+  <capsule-button size="icon">
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+      <path d="M8 0L10.5 5.5L16 8L10.5 10.5L8 16L5.5 10.5L0 8L5.5 5.5L8 0Z"/>
+    </svg>
+  </capsule-button>
 </div>
 
 ```html
-<capsule-button size="xs">Extra Small</capsule-button>
 <capsule-button size="sm">Small</capsule-button>
-<capsule-button size="md">Medium</capsule-button>
+<capsule-button size="default">Default</capsule-button>
 <capsule-button size="lg">Large</capsule-button>
-```
-
-### Rounded
-
-<div class="component-demo">
-  <capsule-button rounded="none">None</capsule-button>
-  <capsule-button rounded="xs">Extra Small</capsule-button>
-  <capsule-button rounded="sm">Small</capsule-button>
-  <capsule-button rounded="md">Medium</capsule-button>
-  <capsule-button rounded="lg">Large</capsule-button>
-  <capsule-button rounded="xl">XL</capsule-button>
-  <capsule-button rounded="full">Full</capsule-button>
-</div>
-
-```html
-<capsule-button rounded="none">None</capsule-button>
-<capsule-button rounded="xs">Extra Small</capsule-button>
-<capsule-button rounded="sm">Small</capsule-button>
-<capsule-button rounded="md">Medium</capsule-button>
-<capsule-button rounded="lg">Large</capsule-button>
-<capsule-button rounded="xl">XL</capsule-button>
-<capsule-button rounded="full">Full</capsule-button>
+<capsule-button size="icon">
+  <svg>...</svg>
+</capsule-button>
 ```
 
 ### States
@@ -100,42 +72,32 @@ npx @capsuleui/core add Button
 
 ### Attributes
 
-| Attribute  | Type    | Default   | Description                             |
-| ---------- | ------- | --------- | --------------------------------------- |
-| `variant`  | string  | `primary` | Button style                            |
-| `size`     | string  | `md`      | Button size                             |
-| `disabled` | boolean | `false`   | Disabled state                          |
-| `type`     | string  | `button`  | Button type (`button`/`submit`/`reset`) |
-| `rounded`  | string  | `md`      | Border radius degree                    |
+| Attribute  | Type    | Default    | Description                             |
+| ---------- | ------- | ---------- | --------------------------------------- |
+| `variant`  | string  | `default` | Button style variant                    |
+| `size`     | string  | `default`  | Button size                             |
+| `disabled` | boolean | `false`    | Disabled state                          |
+| `type`     | string  | `button`   | Button type (`button`/`submit`/`reset`) |
 
 ### Allowed Values
 
 - **variant:**
 
-  - `primary` — Primary action
+  - `default` — Primary action (default)
   - `secondary` — Secondary action
-  - `outline` — Outlined button
-  - `text` — Text-only button
-  - `success` — Success action
-  - `error` — Error action
-  - `warning` — Warning action
-  - `info` — Informational action
+  - `outline` — Outlined button with border
+  - `ghost` — Transparent button with hover effect
+  - `link` — Link-style button with underline
+  - `destructive` — Destructive/danger action
 
 - **size:**
 
-  - `xs` — Extra small
-  - `sm` — Small
-  - `md` — Medium
-  - `lg` — Large
-
-- **rounded:**
-  - `none` — No rounding
-  - `xs` - Extra Small
-  - `sm` — Small
-  - `md` — Medium
-  - `lg` — Large
-  - `xl` — Extra large
-  - `full` — Full
+  - `default` — Default size (2.25rem height)
+  - `sm` — Small (2rem height)
+  - `lg` — Large (2.5rem height)
+  - `icon` — Icon button (2.25rem × 2.25rem)
+  - `icon-sm` — Small icon button (2rem × 2rem)
+  - `icon-lg` — Large icon button (2.5rem × 2.5rem)
 
 ## Events
 
diff --git a/docs/components/index.md b/docs/components/index.md
@@ -28,16 +28,19 @@ CapsuleUI provides a collection of modern, unstyled web components that you can
 ### Data Display
 
 - **[Badge](/components/badge)** - A badge component
-- **[Chip](/components/chip)** - A chip component
 - **[Rating](/components/rating)** - A rating component
 - **[Divider](/components/divider)** - A divider component
 - **[ScrollArea](/components/scroll-area)** - A custom scrollable area component
 - **[Icon](/components/icon)** - Icon component with Iconify integration
+- **[AspectRatio](/components/aspect-ratio)** - A component for maintaining aspect ratios
+- **[Kbd](/components/kbd)** - A keyboard key display component
+- **[Calendar](/components/calendar)** - A calendar date picker component
+- **[Comparison](/components/comparison)** - A before/after image comparison component
 
 ### Overlay
 
 - **[Tooltip](/components/tooltip)** - A tooltip component
-- **[Alert](/components/alert)** - An alert dialog component
+- **[Tour](/components/tour)** - A guided tour component
 
 ### Data Entry
 
diff --git a/docs/ru/components/button.md b/docs/ru/components/button.md
@@ -17,71 +17,43 @@ npx @capsuleui/core add Button
 ### Основные варианты
 
 <div class="component-demo">
-  <capsule-button variant="primary">Primary</capsule-button>
-  <capsule-button variant="secondary">Secondary</capsule-button>
-  <capsule-button variant="outline">Outline</capsule-button>
-  <capsule-button variant="text">Text</capsule-button>
+  <capsule-button variant="default">По умолчанию</capsule-button>
+  <capsule-button variant="secondary">Вторичный</capsule-button>
+  <capsule-button variant="outline">Контурный</capsule-button>
+  <capsule-button variant="ghost">Прозрачный</capsule-button>
+  <capsule-button variant="link">Ссылка</capsule-button>
+  <capsule-button variant="destructive">Опасный</capsule-button>
 </div>
 
 ```html
-<capsule-button variant="primary">Primary</capsule-button>
-<capsule-button variant="secondary">Secondary</capsule-button>
-<capsule-button variant="outline">Outline</capsule-button>
-<capsule-button variant="text">Text</capsule-button>
-```
-
-#### Семантические цвета
-
-<div class="component-demo">
-  <capsule-button variant="success">Success</capsule-button>
-  <capsule-button variant="error">Error</capsule-button>
-  <capsule-button variant="warning">Warning</capsule-button>
-  <capsule-button variant="info">Info</capsule-button>
-</div>
-
-```html
-<capsule-button variant="success">Success</capsule-button>
-<capsule-button variant="error">Error</capsule-button>
-<capsule-button variant="warning">Warning</capsule-button>
-<capsule-button variant="info">Info</capsule-button>
+<capsule-button variant="default">По умолчанию</capsule-button>
+<capsule-button variant="secondary">Вторичный</capsule-button>
+<capsule-button variant="outline">Контурный</capsule-button>
+<capsule-button variant="ghost">Прозрачный</capsule-button>
+<capsule-button variant="link">Ссылка</capsule-button>
+<capsule-button variant="destructive">Опасный</capsule-button>
 ```
 
 ### Размеры
 
 <div class="component-demo">
-  <capsule-button size="xs">Extra Small</capsule-button>
-  <capsule-button size="sm">Small</capsule-button>
-  <capsule-button size="md">Medium</capsule-button>
-  <capsule-button size="lg">Large</capsule-button>
-</div>
-
-```html
-<capsule-button size="xs">Extra Small</capsule-button>
-<capsule-button size="sm">Small</capsule-button>
-<capsule-button size="md">Medium</capsule-button>
-<capsule-button size="lg">Large</capsule-button>
-```
-
-### Скругления
-
-<div class="component-demo">
-  <capsule-button rounded="none">None</capsule-button>
-  <capsule-button rounded="xs">Extra Small</capsule-button>
-  <capsule-button rounded="sm">Small</capsule-button>
-  <capsule-button rounded="md">Medium</capsule-button>
-  <capsule-button rounded="lg">Large</capsule-button>
-  <capsule-button rounded="xl">XL</capsule-button>
-  <capsule-button rounded="full">Full</capsule-button>
+  <capsule-button size="sm">Маленький</capsule-button>
+  <capsule-button size="default">По умолчанию</capsule-button>
+  <capsule-button size="lg">Большой</capsule-button>
+  <capsule-button size="icon">
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+      <path d="M8 0L10.5 5.5L16 8L10.5 10.5L8 16L5.5 10.5L0 8L5.5 5.5L8 0Z"/>
+    </svg>
+  </capsule-button>
 </div>
 
 ```html
-<capsule-button rounded="none">None</capsule-button>
-<capsule-button rounded="xs">Extra Small</capsule-button>
-<capsule-button rounded="sm">Small</capsule-button>
-<capsule-button rounded="md">Medium</capsule-button>
-<capsule-button rounded="lg">Large</capsule-button>
-<capsule-button rounded="xl">XL</capsule-button>
-<capsule-button rounded="full">Full</capsule-button>
+<capsule-button size="sm">Маленький</capsule-button>
+<capsule-button size="default">По умолчанию</capsule-button>
+<capsule-button size="lg">Большой</capsule-button>
+<capsule-button size="icon">
+  <svg>...</svg>
+</capsule-button>
 ```
 
 ### Состояния
@@ -102,40 +74,30 @@ npx @capsuleui/core add Button
 
 | Атрибут    | Тип     | По умолчанию | Описание                         |
 | ---------- | ------- | ------------ | -------------------------------- |
-| `variant`  | string  | `primary`    | Стиль кнопки                     |
-| `size`     | string  | `md`         | Размер кнопки                    |
+| `variant`  | string  | `default`    | Вариант стиля кнопки             |
+| `size`     | string  | `default`    | Размер кнопки                    |
 | `disabled` | boolean | `false`      | Отключенное состояние            |
 | `type`     | string  | `button`     | Тип кнопки (button/submit/reset) |
-| `rounded`  | string  | `md`         | Степень скругления углов         |
 
 ### Доступные значения
 
 - **variant**:
 
-  - `primary` — Основное действие
+  - `default` — Основное действие (по умолчанию)
   - `secondary` — Второстепенное действие
-  - `outline` — Контурная кнопка
-  - `text` — Текстовая кнопка
-  - `success` — Успешное действие
-  - `error` — Ошибочное действие
-  - `warning` — Предупреждение
-  - `info` — Информационное действие
+  - `outline` — Контурная кнопка с границей
+  - `ghost` — Прозрачная кнопка с эффектом при наведении
+  - `link` — Кнопка в стиле ссылки с подчеркиванием
+  - `destructive` — Опасное/деструктивное действие
 
 - **size**:
 
-  - `xs` — Очень маленький
-  - `sm` — Маленький
-  - `md` — Средний
-  - `lg` — Большой
-
-- **rounded**:
-  - `none` — Без скруглений
-  - `xs` - Очень маленькое
-  - `sm` — Маленькое
-  - `md` — Среднее
-  - `lg` — Большое
-  - `xl` — Очень большое
-  - `full` — Полное
+  - `default` — Размер по умолчанию (высота 2.25rem)
+  - `sm` — Маленький (высота 2rem)
+  - `lg` — Большой (высота 2.5rem)
+  - `icon` — Кнопка-иконка (2.25rem × 2.25rem)
+  - `icon-sm` — Маленькая кнопка-иконка (2rem × 2rem)
+  - `icon-lg` — Большая кнопка-иконка (2.5rem × 2.5rem)
 
 ## События
 
diff --git a/docs/ru/components/index.md b/docs/ru/components/index.md
@@ -28,16 +28,19 @@ CapsuleUI предоставляет коллекцию современных 
 ### Отображение данных
 
 - **[Badge](/ru/components/badge)** - Компонент значка
-- **[Chip](/ru/components/chip)** - Компонент чипа
 - **[Rating](/ru/components/rating)** - Компонент рейтинга
 - **[Divider](/ru/components/divider)** - Компонент разделителя
 - **[ScrollArea](/ru/components/scroll-area)** - Компонент области прокрутки
 - **[Icon](/ru/components/icon)** - Компонент иконок с интеграцией Iconify
+- **[AspectRatio](/ru/components/aspect-ratio)** - Компонент для поддержания соотношения сторон
+- **[Kbd](/ru/components/kbd)** - Компонент отображения клавиш клавиатуры
+- **[Calendar](/ru/components/calendar)** - Компонент выбора даты
+- **[Comparison](/ru/components/comparison)** - Компонент сравнения изображений до/после
 
 ### Всплывающие элементы
 
 - **[Tooltip](/ru/components/tooltip)** - Компонент подсказки
-- **[Alert](/ru/components/alert)** - Компонент диалога предупреждения
+- **[Tour](/ru/components/tour)** - Компонент интерактивного тура
 
 ### Ввод данных
 
