@reopt-ai/opt-ui 1.4.1 → 1.6.0

package/dist/docs/02-components/01-core.md

@@ -1,7 +1,7 @@
 ---
 title: "Core Components"
 description: "59 Core layer components — props, examples, keyboard shortcuts."
-version: "1.4.1"
+version: "1.6.0"
 generated: true
 ---
 
@@ -117,6 +117,13 @@ const store = useFormStore({ defaultValues: { name: "" } });
 | `disabledReason` | `string`                          |          |         | aria-disabled 상태에서 노출할 비활성 사유        |
 | `labels`         | `NumberInputLabels`               |          |         | 입력/증감/clear/invalid 접근성 문구              |
 
+**Keyboard Shortcuts:**
+
+| Keys | Action              |
+| ---- | ------------------- |
+| `↑`  | 값 증가 (step 단위) |
+| `↓`  | 값 감소 (step 단위) |
+
 ### Checkbox
 
 > 독립적인 체크박스 컴포넌트. 레이블, 설명, 그룹과 DOM property까지 동기화되는 indeterminate 상태를 지원합니다.
@@ -172,6 +179,14 @@ const store = useFormStore({ defaultValues: { name: "" } });
 | `description` | `string`               |          |         | 레이블 아래 설명 텍스트                                    |
 | `size`        | `"sm" \| "md" \| "lg"` |          | "md"    | 라디오 크기                                                |
 
+**Keyboard Shortcuts:**
+
+| Keys    | Action              |
+| ------- | ------------------- |
+| `↑ ↓`   | 라디오 옵션 간 탐색 |
+| `← →`   | 라디오 옵션 간 탐색 |
+| `Space` | 현재 옵션 선택      |
+
 ### Switch
 
 > 토글 스위치 컴포넌트. 3가지 크기와 레이블/설명의 명시적 접근성 연결을 지원합니다.
@@ -234,6 +249,15 @@ const store = useFormStore({ defaultValues: { name: "" } });
 | `children`  | `ReactNode` | Yes      |         | 옵션 레이블            |
 | `className` | `string`    |          |         | 기본 스타일 오버라이드 |
 
+**Keyboard Shortcuts:**
+
+| Keys            | Action         |
+| --------------- | -------------- |
+| `↑ ↓`           | 옵션 탐색      |
+| `Enter / Space` | 옵션 선택      |
+| `Esc`           | 팝오버 닫기    |
+| `문자 입력`     | Typeahead 탐색 |
+
 **Examples:**
 
 _기본 선택:_
@@ -316,6 +340,14 @@ import {
 | `children`  | `ReactNode` |          | "결과가 없습니다." | 빈 상태 메시지         |
 | `className` | `string`    |          |                    | 기본 스타일 오버라이드 |
 
+**Keyboard Shortcuts:**
+
+| Keys    | Action      |
+| ------- | ----------- |
+| `↑ ↓`   | 항목 탐색   |
+| `Enter` | 항목 선택   |
+| `Esc`   | 팝오버 닫기 |
+
 ### DateRangePicker
 
 > 날짜 범위 선택 컴포넌트. 프리셋, 달력 UI, 포커스 관리와 RTL 방향 탐색 아이콘을 지원합니다.
@@ -356,6 +388,17 @@ import {
 | `delimiters`      | `(string \| RegExp)[]`     |          | [",", ";", "\n"] | 붙여넣기 시 태그를 분할할 구분자 목록     |
 | `allowDuplicates` | `boolean`                  |          | false            | 중복 태그 허용 여부                       |
 
+**Keyboard Shortcuts:**
+
+| Keys           | Action                                   |
+| -------------- | ---------------------------------------- |
+| `Enter`        | 태그 추가                                |
+| `Backspace`    | 마지막 태그 삭제 (입력 비어있을 때)      |
+| `←/→`          | 태그 간 이동 (Composite roving tabindex) |
+| `Delete`       | 포커스된 태그 삭제                       |
+| `Ctrl+Z`       | 실행취소                                 |
+| `Ctrl+Shift+Z` | 다시실행                                 |
+
 ### ColorPicker
 
 > 색상 선택 컴포넌트. 프리셋 팔레트와 hex 입력을 지원합니다.
@@ -702,9 +745,11 @@ const store = useFormStore({
 
 **Import:** `import { Kbd } from "@reopt-ai/opt-ui"`
 
-| Prop       | Type        | Required | Default | Description          |
-| ---------- | ----------- | -------- | ------- | -------------------- |
-| `children` | `ReactNode` | Yes      |         | 표시할 단축키 텍스트 |
+| Prop        | Type        | Required | Default | Description                                                                     |
+| ----------- | ----------- | -------- | ------- | ------------------------------------------------------------------------------- |
+| `children`  | `ReactNode` | Yes      |         | 표시할 단축키 텍스트                                                            |
+| `hint`      | `boolean`   |          |         | 인라인 힌트 배지로 표시. `data-shortcut-hints="hidden"`일 때 숨겨진다 (app.css) |
+| `className` | `string`    |          |         | 기본 스타일 오버라이드                                                          |
 
 ### Button
 
@@ -1092,6 +1137,15 @@ import {
 | ----------- | -------- | -------- | ------- | ---------------------- |
 | `className` | `string` |          |         | 기본 스타일 오버라이드 |
 
+**Keyboard Shortcuts:**
+
+| Keys            | Action         |
+| --------------- | -------------- |
+| `← →`           | 메뉴 간 탐색   |
+| `↑ ↓`           | 메뉴 항목 탐색 |
+| `Enter / Space` | 항목 선택/토글 |
+| `Esc`           | 메뉴 닫기      |
+
 ### DropdownMenu
 
 > Menu Core 위의 간편 래퍼. 단일 트리거 드롭다운 메뉴에 특화되었습니다.
@@ -1112,6 +1166,14 @@ import {
 | `onClick`  | `() => void`                 |          |           | 항목 클릭 핸들러                                    |
 | `disabled` | `boolean`                    |          |           | 비활성 상태                                         |
 
+**Keyboard Shortcuts:**
+
+| Keys            | Action         |
+| --------------- | -------------- |
+| `↑ ↓`           | 메뉴 항목 탐색 |
+| `Enter / Space` | 항목 선택      |
+| `Esc`           | 메뉴 닫기      |
+
 ### Popover
 
 > Popover 프리미티브 래퍼. 트리거 요소에 연결된 플로팅 콘텐츠를 표시합니다.
@@ -1123,6 +1185,13 @@ import {
 | `gutter`    | `number` |          | 8       | 트리거와의 간격 (px) |
 | `className` | `string` |          |         | 커스텀 CSS 클래스    |
 
+**Keyboard Shortcuts:**
+
+| Keys            | Action        |
+| --------------- | ------------- |
+| `Esc`           | 팝오버 닫기   |
+| `Enter / Space` | 트리거 활성화 |
+
 ### Tabs
 
 > 탭 패널 시스템. 4-part anatomy: Root, TabList, Tab, TabPanel.
@@ -1131,26 +1200,31 @@ import {
 
 **TabsRoot:**
 
-| Prop                | Type                           | Required | Default | Description               |
-| ------------------- | ------------------------------ | -------- | ------- | ------------------------- |
-| `defaultSelectedId` | `string`                       |          |         | 초기 선택된 탭 ID         |
-| `selectedId`        | `string \| null`               |          |         | 제어 모드: 선택된 탭 ID   |
-| `setSelectedId`     | `(id: string \| null) => void` |          |         | 제어 모드: 탭 변경 핸들러 |
+| Prop                | Type                           | Required | Default | Description                                                                            |
+| ------------------- | ------------------------------ | -------- | ------- | -------------------------------------------------------------------------------------- |
+| `variant`           | `"underline" \| "workspace"`   |          |         | 탭 프레임 형태. workspace는 편집기 탭(문서/쿼리처럼 열고 닫히며 상태를 갖는 작업 단위) |
+| `defaultSelectedId` | `string`                       |          |         | 초기 선택된 탭 ID                                                                      |
+| `selectedId`        | `string \| null`               |          |         | 제어 모드: 선택된 탭 ID                                                                |
+| `setSelectedId`     | `(id: string \| null) => void` |          |         | 제어 모드: 탭 변경 핸들러                                                              |
 
 **TabList:**
 
-| Prop        | Type        | Required | Default | Description            |
-| ----------- | ----------- | -------- | ------- | ---------------------- |
-| `children`  | `ReactNode` | Yes      |         | Tab 요소들             |
-| `className` | `string`    |          |         | 기본 스타일 오버라이드 |
+| Prop        | Type        | Required | Default | Description                                                                            |
+| ----------- | ----------- | -------- | ------- | -------------------------------------------------------------------------------------- |
+| `children`  | `ReactNode` | Yes      |         | Tab 요소들                                                                             |
+| `actions`   | `ReactNode` |          |         | 탭 줄 오른쪽 액션 영역 (새 탭, 닫기 등). tablist 바깥에 렌더돼 탭 순회에 끼어들지 않음 |
+| `className` | `string`    |          |         | 기본 스타일 오버라이드                                                                 |
 
 **Tab:**
 
-| Prop        | Type        | Required | Default | Description                          |
-| ----------- | ----------- | -------- | ------- | ------------------------------------ |
-| `id`        | `string`    | Yes      |         | 탭 고유 ID (TabPanel의 tabId와 매칭) |
-| `children`  | `ReactNode` | Yes      |         | 탭 레이블                            |
-| `className` | `string`    |          |         | 기본 스타일 오버라이드               |
+| Prop          | Type                   | Required | Default | Description                                       |
+| ------------- | ---------------------- | -------- | ------- | ------------------------------------------------- |
+| `id`          | `string`               | Yes      |         | 탭 고유 ID (TabPanel의 tabId와 매칭)              |
+| `children`    | `ReactNode`            | Yes      |         | 탭 레이블                                         |
+| `icon`        | `ReactNode`            |          |         | 탭 이름 앞 아이콘. 활성 탭에서 accent 색으로 전환 |
+| `status`      | `"dirty" \| "running"` |          |         | 저장되지 않은 변경 / 실행 중 인디케이터           |
+| `statusLabel` | `string`               |          |         | status 인디케이터의 접근성 레이블                 |
+| `className`   | `string`               |          |         | 기본 스타일 오버라이드                            |
 
 **TabPanel:**
 
@@ -1160,6 +1234,14 @@ import {
 | `children`  | `ReactNode` | Yes      |         | 패널 콘텐츠            |
 | `className` | `string`    |          |         | 기본 스타일 오버라이드 |
 
+**Keyboard Shortcuts:**
+
+| Keys   | Action              |
+| ------ | ------------------- |
+| `← →`  | 탭 탐색             |
+| `Home` | 첫 번째 탭으로 이동 |
+| `End`  | 마지막 탭으로 이동  |
+
 ### Disclosure
 
 > 접기/펼치기 콘텐츠 영역. 3-part anatomy: Root, Trigger, Content.
@@ -1188,6 +1270,12 @@ import {
 | `children`  | `ReactNode` | Yes      |         | 접히는 콘텐츠          |
 | `className` | `string`    |          |         | 기본 스타일 오버라이드 |
 
+**Keyboard Shortcuts:**
+
+| Keys            | Action         |
+| --------------- | -------------- |
+| `Enter / Space` | 열기/닫기 토글 |
+
 ### Dialog
 
 > 모달 다이얼로그. 9-part anatomy: Root, Disclosure, Panel, Heading, Description, Dismiss, Header, Body, Footer.
@@ -1253,6 +1341,13 @@ import {
 | ---------- | ----------- | -------- | ------- | -------------- |
 | `children` | `ReactNode` | Yes      |         | 액션 버튼 영역 |
 
+**Keyboard Shortcuts:**
+
+| Keys  | Action                           |
+| ----- | -------------------------------- |
+| `Esc` | 다이얼로그 닫기                  |
+| `Tab` | 다이얼로그 내 포커스 이동 (트랩) |
+
 **Examples:**
 
 _모달 대화상자:_
@@ -1298,6 +1393,13 @@ import {
 | `swipeToDismiss`        | `boolean`                        |          | true    | 가장자리 방향으로 드래그해 닫기 활성화 |
 | `swipeDismissThreshold` | `number`                         |          | 80      | 닫힘 커밋에 필요한 드래그 거리(px)     |
 
+**Keyboard Shortcuts:**
+
+| Keys  | Action                  |
+| ----- | ----------------------- |
+| `Esc` | 드로어 닫기             |
+| `Tab` | 드로어 내부 포커스 이동 |
+
 ### Toolbar
 
 > 툴바 컨테이너 + 툴팁. 7 exports: ToolbarRoot, ToolbarContainer, ToolbarButton, ToolbarSeparator, TooltipProvider, TooltipAnchor, Tooltip.
@@ -1350,6 +1452,15 @@ import {
 | `children`  | `ReactNode` | Yes      |         | 툴팁 내용              |
 | `className` | `string`    |          |         | 기본 스타일 오버라이드 |
 
+**Keyboard Shortcuts:**
+
+| Keys            | Action                |
+| --------------- | --------------------- |
+| `← →`           | 버튼 간 탐색          |
+| `Enter / Space` | 버튼 활성화           |
+| `Home`          | 첫 번째 버튼으로 이동 |
+| `End`           | 마지막 버튼으로 이동  |
+
 ### Pagination
 
 > 페이지 넘김 네비게이션. ellipsis 포함 페이지 번호, compact/count variant, totalPages/cursor pagination, Prev/Next 버튼을 제공합니다.
@@ -1397,6 +1508,15 @@ import {
 | `focusWrap` | `boolean`   |          | true    | 행 끝에서 다음 행으로 이동        |
 | `className` | `string`    |          |         | 컨테이너 CSS 클래스               |
 
+**Keyboard Shortcuts:**
+
+| Keys      | Action               |
+| --------- | -------------------- |
+| `↑ ↓ ← →` | 2D 방향 탐색         |
+| `Home`    | 첫 항목으로 이동     |
+| `End`     | 마지막 항목으로 이동 |
+| `Tab`     | 영역 밖으로 이동     |
+
 ### PageHeader
 
 > 페이지 제목, 설명, 액션 슬롯을 제공하는 레이아웃 헤더 컴포넌트.
@@ -1456,30 +1576,37 @@ import {
 
 **ResizablePanelGroup:**
 
-| Prop         | Type                         | Required | Default | Description                              |
-| ------------ | ---------------------------- | -------- | ------- | ---------------------------------------- |
-| `direction`  | `"horizontal" \| "vertical"` | Yes      |         | 패널 분할 방향                           |
-| `children`   | `ReactNode`                  | Yes      |         | ResizablePanel + ResizableHandle 조합    |
-| `autoSaveId` | `string`                     |          |         | 로컬 스토리지에 크기 상태 저장 (고유 ID) |
-| `className`  | `string`                     |          |         | 커스텀 CSS 클래스                        |
+| Prop              | Type                                       | Required | Default | Description                                         |
+| ----------------- | ------------------------------------------ | -------- | ------- | --------------------------------------------------- |
+| `direction`       | `"horizontal" \| "vertical"`               | Yes      |         | 패널 분할 방향                                      |
+| `children`        | `ReactNode`                                | Yes      |         | ResizablePanel + ResizableHandle 조합               |
+| `id`              | `string`                                   |          |         | 그룹과 defaultLayout의 패널 크기를 식별하는 고유 ID |
+| `defaultLayout`   | `Record<string, number>`                   |          |         | 패널 ID별 초기 비율(0-100)                          |
+| `onLayoutChanged` | `(layout: Record<string, number>) => void` |          |         | 드래그가 끝난 뒤 확정된 레이아웃 콜백               |
+| `groupRef`        | `Ref<ResizablePanelGroupHandle>`           |          |         | 레이아웃 조회·설정을 위한 명령형 그룹 ref           |
+| `autoSaveId`      | `string`                                   |          |         | id의 deprecated 별칭                                |
+| `className`       | `string`                                   |          |         | 커스텀 CSS 클래스                                   |
 
 **ResizablePanel:**
 
-| Prop          | Type        | Required | Default | Description                   |
-| ------------- | ----------- | -------- | ------- | ----------------------------- |
-| `defaultSize` | `number`    |          |         | 초기 크기 (퍼센트, 0-100)     |
-| `minSize`     | `number`    |          |         | 최소 크기 (퍼센트)            |
-| `maxSize`     | `number`    |          |         | 최대 크기 (퍼센트)            |
-| `collapsible` | `boolean`   |          | false   | 최소 크기 이하 시 접히기 허용 |
-| `children`    | `ReactNode` | Yes      |         | 패널 콘텐츠                   |
-| `className`   | `string`    |          |         | 커스텀 CSS 클래스             |
+| Prop          | Type                                                                                       | Required | Default | Description                                        |
+| ------------- | ------------------------------------------------------------------------------------------ | -------- | ------- | -------------------------------------------------- |
+| `defaultSize` | `number \| string`                                                                         |          |         | 초기 크기. 숫자는 퍼센트, 문자열은 명시한 CSS 단위 |
+| `minSize`     | `number \| string`                                                                         |          |         | 최소 크기. 숫자는 퍼센트                           |
+| `maxSize`     | `number \| string`                                                                         |          |         | 최대 크기. 숫자는 퍼센트                           |
+| `collapsible` | `boolean`                                                                                  |          | false   | 최소 크기 이하 시 접히기 허용                      |
+| `onResize`    | `(size: ResizablePanelSize, id?: string \| number, previous?: ResizablePanelSize) => void` |          |         | 패널 크기 변경 콜백                                |
+| `panelRef`    | `Ref<ResizablePanelHandle>`                                                                |          |         | 접기·펼치기·크기 제어를 위한 명령형 패널 ref       |
+| `children`    | `ReactNode`                                                                                | Yes      |         | 패널 콘텐츠                                        |
+| `className`   | `string`                                                                                   |          |         | 커스텀 CSS 클래스                                  |
 
 **ResizableHandle:**
 
-| Prop         | Type      | Required | Default | Description             |
-| ------------ | --------- | -------- | ------- | ----------------------- |
-| `withHandle` | `boolean` |          | false   | 시각적 드래그 핸들 표시 |
-| `className`  | `string`  |          |         | 커스텀 CSS 클래스       |
+| Prop         | Type      | Required | Default | Description                        |
+| ------------ | --------- | -------- | ------- | ---------------------------------- |
+| `withHandle` | `boolean` |          | false   | 시각적 드래그 핸들 표시            |
+| `disabled`   | `boolean` |          |         | 드래그 및 키보드 리사이즈 비활성화 |
+| `className`  | `string`  |          |         | 커스텀 CSS 클래스                  |
 
 ### VirtualList
 
@@ -1544,7 +1671,7 @@ import {
 | Toggle        | 눌림(pressed) 두 상태 버튼. 단독 사용하거나 ToggleGroup으로 묶어 단일/다중 선택을 만든다.                                                                | `Toggle`, `ToggleGroup`                                                                                                                         |
 | Accordion     | 수직으로 쌓인 펼침/접힘 패널. single(한 개)/multiple(여러 개) 모드와 collapsible 지원.                                                                   | `AccordionRoot`, `AccordionItem`, `AccordionTrigger`, `AccordionContent`                                                                        |
 | Meter         | 범위 내 스칼라 측정값 게이지 (디스크 사용량·점수·용량 등). role=meter로 작업 진행률(Progress)과 구분된다.                                                | `Meter`                                                                                                                                         |
-| BlockLayout   | Block 루트 레이아웃. flex + 기본 section spacing 적용, loading prop으로 LoadingOverlay 자동 래핑.                                                        | `BlockLayout`                                                                                                                                   |
+| BlockLayout   | Block 루트 레이아웃. 자식 간 section spacing과 선택적 시맨틱 inset을 제공하고 loading prop으로 LoadingOverlay를 자동 래핑합니다.                         | `BlockLayout`                                                                                                                                   |
 | createBlock   | Block 팩토리 함수. BlockLayout 래핑을 구조적으로 강제하여 loading/className 처리를 자동화합니다.                                                         | `createBlock`                                                                                                                                   |
 | StarRating    | 1~N점 별점을 선택하는 인터랙티브 레이팅 입력. 읽기 전용 표시도 지원.                                                                                     | `StarRating`                                                                                                                                    |
 | ErrorBoundary | React 에러 바운더리. 자식 컴포넌트 렌더 에러를 잡아 fallback UI를 표시합니다.                                                                            | `ErrorBoundary`                                                                                                                                 |
@@ -1698,17 +1825,18 @@ import {
 
 ### BlockLayout
 
-> Block 루트 레이아웃. flex + 기본 section spacing 적용, loading prop으로 LoadingOverlay 자동 래핑.
+> Block 루트 레이아웃. 자식 간 section spacing과 선택적 시맨틱 inset을 제공하고 loading prop으로 LoadingOverlay를 자동 래핑합니다.
 
 **Import:** `import { BlockLayout } from "@reopt-ai/opt-ui"`
 
-| Prop           | Type                                          | Required | Default   | Description                                                                          |
-| -------------- | --------------------------------------------- | -------- | --------- | ------------------------------------------------------------------------------------ |
-| `children`     | `ReactNode`                                   | Yes      |           | Block 콘텐츠                                                                         |
-| `loading`      | `boolean`                                     |          |           | 로딩 상태. 설정 시 LoadingOverlay로 자동 래핑                                        |
-| `loadingLabel` | `string`                                      |          |           | LoadingOverlay 접근성 레이블                                                         |
-| `spacing`      | `"section" \| "group" \| "element" \| "none"` |          | "section" | Block 최상위 자식 사이 간격. 데이터 밀도가 높은 Block는 group/element로 낮출 수 있음 |
-| `className`    | `string`                                      |          |           | 기본 스타일 오버라이드                                                               |
+| Prop           | Type                                          | Required | Default   | Description                                                                                          |
+| -------------- | --------------------------------------------- | -------- | --------- | ---------------------------------------------------------------------------------------------------- |
+| `children`     | `ReactNode`                                   | Yes      |           | Block 콘텐츠                                                                                         |
+| `loading`      | `boolean`                                     |          |           | 로딩 상태. 설정 시 LoadingOverlay로 자동 래핑                                                        |
+| `loadingLabel` | `string`                                      |          |           | LoadingOverlay 접근성 레이블                                                                         |
+| `spacing`      | `"section" \| "group" \| "element" \| "none"` |          | "section" | Block 최상위 자식 사이 간격. 데이터 밀도가 높은 Block는 group/element로 낮출 수 있음                 |
+| `inset`        | `"section" \| "group" \| "element" \| "none"` |          |           | Block 안쪽 여백. 페이지 콘텐츠 경계에는 section을 사용하고, 이미 여백을 제공하는 Shell 안에서는 생략 |
+| `className`    | `string`                                      |          |           | 기본 스타일 오버라이드                                                                               |
 
 **Examples:**
 
@@ -1717,7 +1845,7 @@ _Block 루트:_
 ```tsx
 import { BlockLayout, PageHeader } from "@reopt-ai/opt-ui";
 
-<BlockLayout loading={isLoading} spacing="section">
+<BlockLayout loading={isLoading} spacing="section" inset="section">
   <PageHeader title="대시보드" description="프로젝트 현황" />
   <section>콘텐츠 영역</section>
 </BlockLayout>;
@@ -1775,6 +1903,15 @@ const MyDashboard = createBlock<MyDashboardProps>(
 | `readOnly` | `boolean`                 |          | false   | 읽기 전용 모드   |
 | `size`     | `"sm" \| "md" \| "lg"`    |          | "md"    | 별 아이콘 크기   |
 
+**Keyboard Shortcuts:**
+
+| Keys                    | Action           |
+| ----------------------- | ---------------- |
+| `ArrowRight / ArrowUp`  | 별점 1 증가      |
+| `ArrowLeft / ArrowDown` | 별점 1 감소      |
+| `Home`                  | 별점 1로 설정    |
+| `End`                   | 별점 최대로 설정 |
+
 ### ErrorBoundary
 
 > React 에러 바운더리. 자식 컴포넌트 렌더 에러를 잡아 fallback UI를 표시합니다.
@@ -1821,6 +1958,15 @@ const MyDashboard = createBlock<MyDashboardProps>(
 | `keywords` | `string[]`                |          |         | value에 더해 검색어와 비교할 추가 키워드 |
 | `onSelect` | `(value: string) => void` |          |         | Enter/클릭 시 호출                       |
 
+**Keyboard Shortcuts:**
+
+| Keys         | Action           |
+| ------------ | ---------------- |
+| `↑ ↓`        | 활성 항목 이동   |
+| `Home / End` | 처음/마지막 항목 |
+| `Enter`      | 활성 항목 선택   |
+| `Esc`        | dialog 닫기      |
+
 ### ShaderSurface
 
 > ogl 기반 애니메이션 WebGL 셰이더 배경. 럭셔리 프리셋(메탈릭/실크/유리 등) + 색·파라미터로 배경·카드 배경을 만든다. 정지 프레임·PNG 캡처·WebGL 폴백 지원.

package/dist/docs/02-components/02-visuals.md

@@ -1,7 +1,7 @@
 ---
 title: "Visual Components"
 description: "0 Visual layer components — props, examples, keyboard shortcuts."
-version: "1.4.1"
+version: "1.6.0"
 generated: true
 ---