@reopt-ai/opt-ui 1.12.2 → 1.12.4

package/COMPONENT_CATALOG.md

@@ -2,7 +2,7 @@
 
 <!-- DEPRECATED: Prefer dist/docs/02-components/ for per-layer reference. -->
 <!-- Auto-generated from ComponentMeta. Do not edit. -->
-<!-- Version: 1.12.1 -->
+<!-- Version: 1.12.3 -->
 
 ## Quick Stats
 
@@ -2671,22 +2671,24 @@ const fields = [
 
 **DataTable:**
 
-| Prop           | Type                 | Required | Default             | Description                                                 |
-| -------------- | -------------------- | -------- | ------------------- | ----------------------------------------------------------- |
-| `data`         | `T[]`                | Yes      |                     | 테이블 데이터 배열                                          |
-| `columns`      | `ColumnDef<T>[]`     | Yes      |                     | 컬럼 정의. { id, header, accessor, width?, align? }         |
-| `keyExtractor` | `(row: T) => string` | Yes      |                     | 각 행의 고유 키 추출 함수                                   |
-| `title`        | `string`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음 |
-| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름        |
-| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                              |
-| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                |
+| Prop           | Type                 | Required | Default             | Description                                                                                                    |
+| -------------- | -------------------- | -------- | ------------------- | -------------------------------------------------------------------------------------------------------------- |
+| `data`         | `T[]`                | Yes      |                     | 테이블 데이터 배열                                                                                             |
+| `columns`      | `ColumnDef<T>[]`     | Yes      |                     | 컬럼 정의. { id, header, accessor, width?, align? }                                                            |
+| `keyExtractor` | `(row: T) => string` | Yes      |                     | 각 행의 고유 키 추출 함수                                                                                      |
+| `title`        | `string`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음                                                    |
+| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름                                                           |
+| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                                                                                 |
+| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                                                                   |
+| `labels`       | `DataTableLabels`    |          |                     | 선택·리사이즈·펼치기처럼 스크린리더만 듣는 문구. 보이는 문구는 columns와 emptyMessage가 이미 호출자의 것입니다 |
 
 **ColumnDef:**
 
-| Prop       | Type                 | Required | Default     | Description                                                  |
-| ---------- | -------------------- | -------- | ----------- | ------------------------------------------------------------ |
-| `bar`      | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정 |
-| `barColor` | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                        |
+| Prop           | Type                 | Required | Default     | Description                                                                                         |
+| -------------- | -------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------- |
+| `headerHidden` | `boolean`            |          | false       | 이름은 두되 그리지 않음. 행 액션처럼 제목이 필요 없는 컬럼용 — 빈 header는 컬럼을 익명으로 만듭니다 |
+| `bar`          | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정                                        |
+| `barColor`     | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                                                               |
 
 **Keyboard Shortcuts:**
 
@@ -2742,11 +2744,12 @@ import { DataTable } from "@reopt-ai/opt-ui";
 
 **ToastProvider:**
 
-| Prop              | Type                                                           | Required | Default     | Description         |
-| ----------------- | -------------------------------------------------------------- | -------- | ----------- | ------------------- |
-| `children`        | `ReactNode`                                                    | Yes      |             | 앱 컨텐츠           |
-| `position`        | `"top-right" \| "top-left" \| "bottom-right" \| "bottom-left"` |          | "top-right" | 토스트 표시 위치    |
-| `defaultDuration` | `number`                                                       |          | 5000        | 기본 표시 시간 (ms) |
+| Prop              | Type                                                           | Required | Default     | Description                                                                |
+| ----------------- | -------------------------------------------------------------- | -------- | ----------- | -------------------------------------------------------------------------- |
+| `children`        | `ReactNode`                                                    | Yes      |             | 앱 컨텐츠                                                                  |
+| `position`        | `"top-right" \| "top-left" \| "bottom-right" \| "bottom-left"` |          | "top-right" | 토스트 표시 위치                                                           |
+| `defaultDuration` | `number`                                                       |          | 5000        | 기본 표시 시간 (ms)                                                        |
+| `labels`          | `NotificationToastLabels`                                      |          |             | 토스트 영역의 이름(regionLabel). 토스트 본문은 이미 호출자가 쓴 문장입니다 |
 
 **useToast:**
 
@@ -3130,15 +3133,15 @@ const filters = [
 
 **EventMetaEditor:**
 
-| Prop        | Type                        | Required | Default | Description                                            |
-| ----------- | --------------------------- | -------- | ------- | ------------------------------------------------------ |
-| `value`     | `EventMeta`                 | Yes      |         | 편집 중인 이벤트 메타데이터                            |
-| `onChange`  | `(meta: EventMeta) => void` | Yes      |         | 메타데이터 변경                                        |
-| `icons`     | `IconDef[]`                 |          |         | 선택 가능한 아이콘                                     |
-| `sections`  | `EventMetaEditorSection[]`  |          |         | 기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션            |
-| `footer`    | `ReactNode`                 |          |         | 내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역 |
-| `className` | `string`                    |          |         | 추가 CSS 클래스                                        |
-| `labels`    | `EventMetaEditorLabels`     |          |         | 필드 레이블과 placeholder 문구                         |
+| Prop        | Type                        | Required | Default | Description                                                                                                                            |
+| ----------- | --------------------------- | -------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `value`     | `EventMeta`                 | Yes      |         | 편집 중인 이벤트 메타데이터                                                                                                            |
+| `onChange`  | `(meta: EventMeta) => void` | Yes      |         | 메타데이터 변경                                                                                                                        |
+| `icons`     | `IconDef[]`                 |          |         | 선택 가능한 아이콘                                                                                                                     |
+| `sections`  | `EventMetaEditorSection[]`  |          |         | 기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션                                                                                            |
+| `footer`    | `ReactNode`                 |          |         | 내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역                                                                                 |
+| `className` | `string`                    |          |         | 추가 CSS 클래스                                                                                                                        |
+| `labels`    | `EventMetaEditorLabels`     |          |         | 필드 레이블과 placeholder 문구. iconPlaceholder는 내부 IconPicker로, iconLabelPrefix·iconAriaLabel은 미리보기 EventIcon으로 전달됩니다 |
 
 **EventMetaEditorSection:**
 
@@ -3906,7 +3909,7 @@ const messages = [
 | `onBulkAction`         | `(actionId: string) => void`   |          |         | 일괄 작업 실행                                                    |
 | `error`                | `ReactNode`                    |          |         | 읽기 실패. 빈 목록과 다른 답                                      |
 | `onRetry`              | `() => void`                   |          |         | 재시도                                                            |
-| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구                                            |
+| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구와 인스펙터 닫기 버튼(closeInspector)       |
 | `className`            | `string`                       |          |         | 추가 CSS 클래스                                                   |
 
 **CatalogRowActions:**

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

@@ -1,7 +1,7 @@
 ---
 title: "Core Components"
 description: "74 Core layer components — props, examples, keyboard shortcuts."
-version: "1.12.1"
+version: "1.12.3"
 generated: true
 ---
 

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.12.1"
+version: "1.12.3"
 generated: true
 ---
 

package/dist/docs/02-components/03-shells.md

@@ -1,7 +1,7 @@
 ---
 title: "Shell Components"
 description: "86 Shell layer components — props, examples, keyboard shortcuts."
-version: "1.12.1"
+version: "1.12.3"
 generated: true
 ---
 
@@ -322,22 +322,24 @@ import { AppShell } from "@reopt-ai/opt-ui";
 
 **DataTable:**
 
-| Prop           | Type                 | Required | Default             | Description                                                 |
-| -------------- | -------------------- | -------- | ------------------- | ----------------------------------------------------------- |
-| `data`         | `T[]`                | Yes      |                     | 테이블 데이터 배열                                          |
-| `columns`      | `ColumnDef<T>[]`     | Yes      |                     | 컬럼 정의. { id, header, accessor, width?, align? }         |
-| `keyExtractor` | `(row: T) => string` | Yes      |                     | 각 행의 고유 키 추출 함수                                   |
-| `title`        | `string`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음 |
-| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름        |
-| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                              |
-| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                |
+| Prop           | Type                 | Required | Default             | Description                                                                                                    |
+| -------------- | -------------------- | -------- | ------------------- | -------------------------------------------------------------------------------------------------------------- |
+| `data`         | `T[]`                | Yes      |                     | 테이블 데이터 배열                                                                                             |
+| `columns`      | `ColumnDef<T>[]`     | Yes      |                     | 컬럼 정의. { id, header, accessor, width?, align? }                                                            |
+| `keyExtractor` | `(row: T) => string` | Yes      |                     | 각 행의 고유 키 추출 함수                                                                                      |
+| `title`        | `string`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음                                                    |
+| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름                                                           |
+| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                                                                                 |
+| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                                                                   |
+| `labels`       | `DataTableLabels`    |          |                     | 선택·리사이즈·펼치기처럼 스크린리더만 듣는 문구. 보이는 문구는 columns와 emptyMessage가 이미 호출자의 것입니다 |
 
 **ColumnDef:**
 
-| Prop       | Type                 | Required | Default     | Description                                                  |
-| ---------- | -------------------- | -------- | ----------- | ------------------------------------------------------------ |
-| `bar`      | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정 |
-| `barColor` | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                        |
+| Prop           | Type                 | Required | Default     | Description                                                                                         |
+| -------------- | -------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------- |
+| `headerHidden` | `boolean`            |          | false       | 이름은 두되 그리지 않음. 행 액션처럼 제목이 필요 없는 컬럼용 — 빈 header는 컬럼을 익명으로 만듭니다 |
+| `bar`          | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정                                        |
+| `barColor`     | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                                                               |
 
 **Keyboard Shortcuts:**
 
@@ -1180,15 +1182,15 @@ const fields = [
 
 **EventMetaEditor:**
 
-| Prop        | Type                        | Required | Default | Description                                            |
-| ----------- | --------------------------- | -------- | ------- | ------------------------------------------------------ |
-| `value`     | `EventMeta`                 | Yes      |         | 편집 중인 이벤트 메타데이터                            |
-| `onChange`  | `(meta: EventMeta) => void` | Yes      |         | 메타데이터 변경                                        |
-| `icons`     | `IconDef[]`                 |          |         | 선택 가능한 아이콘                                     |
-| `sections`  | `EventMetaEditorSection[]`  |          |         | 기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션            |
-| `footer`    | `ReactNode`                 |          |         | 내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역 |
-| `className` | `string`                    |          |         | 추가 CSS 클래스                                        |
-| `labels`    | `EventMetaEditorLabels`     |          |         | 필드 레이블과 placeholder 문구                         |
+| Prop        | Type                        | Required | Default | Description                                                                                                                            |
+| ----------- | --------------------------- | -------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `value`     | `EventMeta`                 | Yes      |         | 편집 중인 이벤트 메타데이터                                                                                                            |
+| `onChange`  | `(meta: EventMeta) => void` | Yes      |         | 메타데이터 변경                                                                                                                        |
+| `icons`     | `IconDef[]`                 |          |         | 선택 가능한 아이콘                                                                                                                     |
+| `sections`  | `EventMetaEditorSection[]`  |          |         | 기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션                                                                                            |
+| `footer`    | `ReactNode`                 |          |         | 내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역                                                                                 |
+| `className` | `string`                    |          |         | 추가 CSS 클래스                                                                                                                        |
+| `labels`    | `EventMetaEditorLabels`     |          |         | 필드 레이블과 placeholder 문구. iconPlaceholder는 내부 IconPicker로, iconLabelPrefix·iconAriaLabel은 미리보기 EventIcon으로 전달됩니다 |
 
 **EventMetaEditorSection:**
 
@@ -1340,11 +1342,12 @@ const fields = [
 
 **ToastProvider:**
 
-| Prop              | Type                                                           | Required | Default     | Description         |
-| ----------------- | -------------------------------------------------------------- | -------- | ----------- | ------------------- |
-| `children`        | `ReactNode`                                                    | Yes      |             | 앱 컨텐츠           |
-| `position`        | `"top-right" \| "top-left" \| "bottom-right" \| "bottom-left"` |          | "top-right" | 토스트 표시 위치    |
-| `defaultDuration` | `number`                                                       |          | 5000        | 기본 표시 시간 (ms) |
+| Prop              | Type                                                           | Required | Default     | Description                                                                |
+| ----------------- | -------------------------------------------------------------- | -------- | ----------- | -------------------------------------------------------------------------- |
+| `children`        | `ReactNode`                                                    | Yes      |             | 앱 컨텐츠                                                                  |
+| `position`        | `"top-right" \| "top-left" \| "bottom-right" \| "bottom-left"` |          | "top-right" | 토스트 표시 위치                                                           |
+| `defaultDuration` | `number`                                                       |          | 5000        | 기본 표시 시간 (ms)                                                        |
+| `labels`          | `NotificationToastLabels`                                      |          |             | 토스트 영역의 이름(regionLabel). 토스트 본문은 이미 호출자가 쓴 문장입니다 |
 
 **useToast:**
 
@@ -1831,7 +1834,7 @@ const messages = [
 | `onBulkAction`         | `(actionId: string) => void`   |          |         | 일괄 작업 실행                                                    |
 | `error`                | `ReactNode`                    |          |         | 읽기 실패. 빈 목록과 다른 답                                      |
 | `onRetry`              | `() => void`                   |          |         | 재시도                                                            |
-| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구                                            |
+| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구와 인스펙터 닫기 버튼(closeInspector)       |
 | `className`            | `string`                       |          |         | 추가 CSS 클래스                                                   |
 
 **CatalogRowActions:**

package/dist/docs/02-components/04-surfaces.md

@@ -1,7 +1,7 @@
 ---
 title: "Surface Components"
 description: "0 Surface layer components — props, examples, keyboard shortcuts."
-version: "1.12.1"
+version: "1.12.3"
 generated: true
 ---
 

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

@@ -1,7 +1,7 @@
 ---
 title: "Component Reference"
 description: "Complete reference for 160 @reopt-ai/opt-ui components across 4 layers."
-version: "1.12.1"
+version: "1.12.3"
 generated: true
 ---
 

package/dist/{field-sidebar-BXAXigMS.js → field-sidebar-C8bDzGPs.js}

@@ -253,7 +253,7 @@ function CommandPaletteTrigger({ commands, onSelect, labels }) {
 }
 //#endregion
 //#region src/shells/dashboard-grid.tsx
-const defaultLabels$21 = { ariaLabel: "대시보드 통계" };
+const defaultLabels$23 = { ariaLabel: "대시보드 통계" };
 const MIN_DASHBOARD_COLUMNS = 1;
 const MAX_DASHBOARD_COLUMNS = 12;
 function normalizeDashboardColumns(columns) {
@@ -262,7 +262,7 @@ function normalizeDashboardColumns(columns) {
 }
 /** Renders the dashboard grid component. */
 function DashboardGrid({ stats, columns = 3, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$21), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$23), customLabels);
 	const columnCount = normalizeDashboardColumns(columns);
 	const rowStyle = { "--opt-dashboard-grid-columns": `repeat(${columnCount}, minmax(0, 1fr))` };
 	const rows = [];
@@ -290,13 +290,13 @@ function DashboardGrid({ stats, columns = 3, labels: customLabels }) {
 }
 //#endregion
 //#region src/shells/search-combobox.tsx
-const defaultLabels$20 = {
+const defaultLabels$22 = {
 	noResults: "결과가 없습니다.",
 	loading: "Loading…"
 };
 /** Renders the search combobox component. */
 function SearchCombobox({ items, placeholder = "검색...", label = "검색", onSelect, labels: customLabels, async: isAsync = false, onSearch, debounceMs = 300 }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$20), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$22), customLabels);
 	const inputId = useId();
 	const [query, setQuery] = useState("");
 	const [asyncResults, setAsyncResults] = useState([]);
@@ -394,14 +394,14 @@ function SearchCombobox({ items, placeholder = "검색...", label = "검색", on
 }
 //#endregion
 //#region src/shells/status-select.tsx
-const defaultLabels$19 = {
+const defaultLabels$21 = {
 	selectLabel: "상태",
 	emptyMessage: "사용 가능한 상태 옵션이 없습니다."
 };
 /** Renders the status select component. */
 function StatusSelect({ options, value: controlledValue, onChange, label, labels: customLabels }) {
 	var _options$0$value, _options$;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$19), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$21), customLabels);
 	const resolvedLabel = label !== null && label !== void 0 ? label : labels.selectLabel;
 	const [internalValue, setInternalValue] = useState((_options$0$value = (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) !== null && _options$0$value !== void 0 ? _options$0$value : "");
 	const value = controlledValue !== null && controlledValue !== void 0 ? controlledValue : internalValue;
@@ -468,7 +468,7 @@ function StatusSelect({ options, value: controlledValue, onChange, label, labels
 }
 //#endregion
 //#region src/shells/app-menubar.tsx
-const defaultLabels$18 = { ariaLabel: "Application menu" };
+const defaultLabels$20 = { ariaLabel: "Application menu" };
 function MenuSection({ menu }) {
 	return /* @__PURE__ */ jsxs(MenuRoot$1, { children: [/* @__PURE__ */ jsxs(MenuTrigger$1, { children: [menu.label, /* @__PURE__ */ jsx(MenuButtonArrow$1, {})] }), /* @__PURE__ */ jsx(MenuPopover$1, { children: menu.items.map((item, i) => {
 		if (item.type === "separator") return /* @__PURE__ */ jsx(MenuSeparator$1, {}, `sep-${i}`);
@@ -512,7 +512,7 @@ function MenuSection({ menu }) {
 }
 /** Renders the app menubar component. */
 function AppMenubar({ menus, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$18), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$20), customLabels);
 	if (menus.length === 0) return null;
 	return /* @__PURE__ */ jsx(MenubarRoot$1, {
 		"data-opt-id": "BGKHW",
@@ -551,10 +551,10 @@ const sectionStyles = {
 	Templates: "text-text-tertiary"
 };
 const defaultSectionStyle = "text-text-secondary";
-const defaultLabels$17 = { ariaLabel: "문서 네비게이션" };
+const defaultLabels$19 = { ariaLabel: "문서 네비게이션" };
 /** Renders the sidebar nav component. */
 function SidebarNav({ items, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$17), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$19), customLabels);
 	const pathname = usePathname();
 	const activeItem = items.find((item) => item.href === pathname);
 	const [activeId, setActiveId] = useState(activeItem ? domId(activeItem.id) : void 0);
@@ -602,7 +602,7 @@ function SidebarNav({ items, labels: customLabels }) {
 }
 //#endregion
 //#region src/shells/editor-toolbar.tsx
-const defaultLabels$16 = { ariaLabel: "텍스트 편집기 툴바" };
+const defaultLabels$18 = { ariaLabel: "텍스트 편집기 툴바" };
 function ToolbarButtonWithTooltip({ button, active, onAction }) {
 	return /* @__PURE__ */ jsxs(TooltipProvider$1, { children: [/* @__PURE__ */ jsx(TooltipAnchor$1, { children: /* @__PURE__ */ jsx(ToolbarButton$1, {
 		className: `text-text-primary data-[active-item]:bg-bg-subtle data-[focus-visible]:ring-ring rounded-md p-2 transition-colors outline-none data-[focus-visible]:ring-2 ${active ? "bg-bg-muted" : "hover:bg-bg-subtle"}`,
@@ -612,7 +612,7 @@ function ToolbarButtonWithTooltip({ button, active, onAction }) {
 }
 /** Renders the editor toolbar component. */
 function EditorToolbar({ buttons, onAction, activeButtons = [], labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$16), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$18), customLabels);
 	const groups = [];
 	let current = [];
 	for (const btn of buttons) {
@@ -645,14 +645,14 @@ function EditorToolbar({ buttons, onAction, activeButtons = [], labels: customLa
 }
 //#endregion
 //#region src/shells/content-tabs.tsx
-const defaultLabels$15 = {
+const defaultLabels$17 = {
 	ariaLabel: "콘텐츠 탭",
 	emptyMessage: "표시할 탭이 없습니다."
 };
 /** Renders the content tabs component. */
 function ContentTabs({ tabs, defaultTabId, labels: customLabels }) {
 	var _tabs$, _tabs$find;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$15), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$17), customLabels);
 	const [selectedTabId, setSelectedTabId] = useState(defaultTabId !== null && defaultTabId !== void 0 ? defaultTabId : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id);
 	if (tabs.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: "text-text-secondary text-sm",
@@ -684,13 +684,13 @@ function ContentTabs({ tabs, defaultTabId, labels: customLabels }) {
 }
 //#endregion
 //#region src/shells/faq-accordion.tsx
-const defaultLabels$14 = {
+const defaultLabels$16 = {
 	ariaLabel: "자주 묻는 질문",
 	emptyMessage: "등록된 FAQ가 없습니다."
 };
 /** Renders the faq accordion component. */
 function FaqAccordion({ items, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$14), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$16), customLabels);
 	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: "text-text-secondary text-sm",
 		"data-opt-id": "QRBHV",
@@ -730,14 +730,14 @@ function FaqAccordion({ items, labels: customLabels }) {
 }
 //#endregion
 //#region src/shells/settings-form.tsx
-const defaultLabels$13 = {
+const defaultLabels$15 = {
 	formAriaLabel: "설정 폼",
 	submitButton: "저장",
 	successMessage: "설정이 저장되었습니다."
 };
 /** Renders the settings form component. */
 function SettingsForm({ fields, onSubmit, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$13), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$15), customLabels);
 	const [submitted, setSubmitted] = useState(false);
 	const defaultValues = {};
 	for (const field of fields) {
@@ -1063,7 +1063,7 @@ function ProjectSwitcher({ projects, value, onChange, placeholder = "프로젝
 ProjectSwitcher.displayName = "ProjectSwitcher";
 //#endregion
 //#region src/shells/env-panel.tsx
-const defaultLabels$12 = {
+const defaultLabels$14 = {
 	varCount: (count) => `${count}개 변수`,
 	envVarsLabel: (env) => `${env} 환경 변수`,
 	secretBadge: "secret"
@@ -1075,7 +1075,7 @@ const envDot = {
 };
 /** Renders the env panel component. */
 function EnvPanel({ groups, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$12), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$14), customLabels);
 	return /* @__PURE__ */ jsx("div", {
 		className: `rounded-lg ${OPT_BORDER} divide-y ${OPT_DIVIDER} bg-surface`,
 		"data-opt-id": "ZBDWK",
@@ -1148,7 +1148,7 @@ function EnvPanel({ groups, labels: customLabels }) {
 }
 //#endregion
 //#region src/shells/branch-select.tsx
-const defaultLabels$11 = {
+const defaultLabels$13 = {
 	selectLabel: "브랜치",
 	emptySelectionLabel: "선택...",
 	emptyMessage: "사용 가능한 브랜치가 없습니다.",
@@ -1157,7 +1157,7 @@ const defaultLabels$11 = {
 /** Renders the branch select component. */
 function BranchSelect({ branches, value: controlledValue, onChange, label, labels: customLabels }) {
 	var _ref, _defaultBranch$name, _branches$, _selected$name;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$11), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$13), customLabels);
 	const resolvedLabel = label !== null && label !== void 0 ? label : labels.selectLabel;
 	const defaultBranch = branches.find((b) => b.isDefault);
 	const [internalValue, setInternalValue] = useState((_ref = (_defaultBranch$name = defaultBranch === null || defaultBranch === void 0 ? void 0 : defaultBranch.name) !== null && _defaultBranch$name !== void 0 ? _defaultBranch$name : (_branches$ = branches[0]) === null || _branches$ === void 0 ? void 0 : _branches$.name) !== null && _ref !== void 0 ? _ref : "");
@@ -1266,7 +1266,7 @@ function BranchSelect({ branches, value: controlledValue, onChange, label, label
 BranchSelect.displayName = "BranchSelect";
 //#endregion
 //#region src/shells/domain-table.tsx
-const defaultLabels$10 = {
+const defaultLabels$12 = {
 	domain: "Domain",
 	status: "Status",
 	ssl: "SSL",
@@ -1296,7 +1296,7 @@ const sslLabel = {
 };
 /** Renders the domain table component. */
 function DomainTable({ domains, title = "도메인", labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$10), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$12), customLabels);
 	if (domains.length === 0) return /* @__PURE__ */ jsxs("div", {
 		className: "gap-group flex flex-col",
 		"data-opt-id": "A7SRM",
@@ -1414,6 +1414,13 @@ function DomainTable({ domains, title = "도메인", labels: customLabels }) {
 }
 //#endregion
 //#region src/shells/data-table.tsx
+const defaultLabels$11 = {
+	selectAll: "Select all",
+	selectRow: (key) => `Select row ${key}`,
+	resizeColumn: (header) => `Resize ${header}`,
+	expandRow: (key) => `Expand row ${key}`,
+	collapseRow: (key) => `Collapse row ${key}`
+};
 const MIN_COLUMN_WIDTH = 40;
 const DEFAULT_COLUMN_RESIZE_MAX = 1200;
 const alignmentClass = {
@@ -1474,7 +1481,8 @@ function DataTableProgressBar({ value, barColor, label }) {
 	});
 }
 /** Renders the data table component. */
-function DataTable({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage = "No data available", activeRowId, sortable = false, selectable = false, selectedKeys, onSelectionChange, expandable = false, renderExpanded, pageSize, stickyHeader = false, resizableColumns = false, onSort: onSortExternal, className }) {
+function DataTable({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage = "No data available", activeRowId, sortable = false, selectable = false, selectedKeys, onSelectionChange, expandable = false, renderExpanded, pageSize, stickyHeader = false, resizableColumns = false, onSort: onSortExternal, labels: customLabels, className }) {
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$11), customLabels);
 	const [sortCol, setSortCol] = useState(null);
 	const [sortDir, setSortDir] = useState(null);
 	const [expandedKeys, setExpandedKeys] = useState(/* @__PURE__ */ new Set());
@@ -1579,7 +1587,7 @@ function DataTable({ data, columns, keyExtractor, title, ariaLabel, onRowClick,
 									children: /* @__PURE__ */ jsx(Checkbox, {
 										checked: allSelected,
 										onChange: toggleSelectAll,
-										"aria-label": "Select all"
+										"aria-label": labels.selectAll
 									})
 								}),
 								expandable && /* @__PURE__ */ jsx("th", { className: cn("px-3 py-2.5 text-left text-xs font-semibold uppercase tracking-wider text-text-tertiary", "w-10") }),
@@ -1601,11 +1609,14 @@ function DataTable({ data, columns, keyExtractor, title, ariaLabel, onRowClick,
 										"aria-sort": sortCol === col.id && sortDir ? sortDir === "asc" ? "ascending" : "descending" : void 0,
 										children: [/* @__PURE__ */ jsxs("span", {
 											className: "flex items-center whitespace-nowrap",
-											children: [col.header, sortIndicator(col.id)]
+											children: [/* @__PURE__ */ jsx("span", {
+												className: cn(col.headerHidden && "sr-only"),
+												children: col.header
+											}), sortIndicator(col.id)]
 										}), resizableColumns && /* @__PURE__ */ jsx("span", {
 											role: "separator",
 											"aria-orientation": "vertical",
-											"aria-label": `Resize ${col.header}`,
+											"aria-label": labels.resizeColumn(col.header),
 											"aria-valuemin": MIN_COLUMN_WIDTH,
 											"aria-valuemax": resizeMax,
 											"aria-valuenow": resizeValue,
@@ -1668,7 +1679,7 @@ function DataTable({ data, columns, keyExtractor, title, ariaLabel, onRowClick,
 											children: /* @__PURE__ */ jsx(Checkbox, {
 												checked: isSelected,
 												onChange: () => toggleSelectRow(key),
-												"aria-label": `Select row ${key}`
+												"aria-label": labels.selectRow(key)
 											})
 										}),
 										expandable && /* @__PURE__ */ jsx(CompositeItem, {
@@ -1685,7 +1696,7 @@ function DataTable({ data, columns, keyExtractor, title, ariaLabel, onRowClick,
 												},
 												className: cn("rounded p-0.5 text-sm transition-transform", "text-text-secondary", "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-ring-offset", isExpanded && "rotate-90"),
 												"aria-expanded": isExpanded,
-												"aria-label": `${isExpanded ? "Collapse" : "Expand"} row ${key}`,
+												"aria-label": isExpanded ? labels.collapseRow(key) : labels.expandRow(key),
 												children: "▶"
 											})
 										}),
@@ -1791,6 +1802,7 @@ const toast = Object.assign((options) => toastStore.add(options), {
 	clear: () => toastStore.clear()
 });
 const ToastContext = createContext(null);
+const defaultLabels$10 = { regionLabel: "Notifications" };
 const positionStyles = {
 	"top-right": "top-4 right-4",
 	"top-left": "top-4 left-4",
@@ -1798,7 +1810,8 @@ const positionStyles = {
 	"bottom-left": "bottom-4 left-4"
 };
 /** Renders the toast provider component. */
-function ToastProvider({ children, position = "top-right", defaultDuration = 5e3, stackLimit = 5 }) {
+function ToastProvider({ children, position = "top-right", defaultDuration = 5e3, stackLimit = 5, labels: customLabels }) {
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$10), customLabels);
 	const allToasts = useSyncExternalStore(toastStore.subscribe, toastStore.getSnapshot, toastStore.getSnapshot);
 	const visibleToasts = allToasts.length > stackLimit ? allToasts.slice(-stackLimit) : allToasts;
 	const addToast = useCallback((t) => toastStore.add(t), []);
@@ -1812,7 +1825,7 @@ function ToastProvider({ children, position = "top-right", defaultDuration = 5e3
 		children: [children, /* @__PURE__ */ jsx("div", {
 			className: cn("gap-element fixed z-50 flex flex-col", positionStyles[position]),
 			role: "region",
-			"aria-label": "Notifications",
+			"aria-label": labels.regionLabel,
 			"data-opt-id": "M0KTS",
 			"data-opt-slug": "notification-toast.ToastProvider",
 			children: visibleToasts.map((t) => /* @__PURE__ */ jsx(NotificationToast, {

package/dist/{field-sidebar-uXmoyvd7.d.cts → field-sidebar-Ct8c9L4V.d.cts}

@@ -282,6 +282,30 @@ interface ColumnDef<T> {
   bar?: (row: T) => number;
   /** Bar color class (default: "bg-accent") */
   barColor?: string;
+  /**
+   * Name the column without drawing the name.
+   *
+   * A column of row actions or icons needs no visible heading, but a `<th>`
+   * with an empty string leaves the column unnamed to anyone navigating the
+   * grid by header. `header` stays required so there is always a name to say.
+   */
+  headerHidden?: boolean;
+}
+/**
+ * Localized labels for the data table component.
+ *
+ * These were hard-coded English. Everything a caller can see was already
+ * theirs to write — headers, empty message, title — but the strings only a
+ * screen reader hears were not, so a fully translated table still announced
+ * "Select row purchase_completed" in the middle of a Korean page.
+ */
+interface DataTableLabels {
+  selectAll?: string;
+  /** Named per row, because "select row" alone does not say which. */
+  selectRow?: (key: string) => string;
+  resizeColumn?: (header: string) => string;
+  expandRow?: (key: string) => string;
+  collapseRow?: (key: string) => string;
 }
 /** Props for the data table component. */
 interface DataTableProps<T> {
@@ -321,10 +345,11 @@ interface DataTableProps<T> {
   resizableColumns?: boolean;
   /** External (server-side) sort callback */
   onSort?: (columnId: string, direction: "asc" | "desc" | null) => void;
+  labels?: DataTableLabels;
   className?: string;
 }
 /** Renders the data table component. */
-declare function DataTable<T>({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, className }: DataTableProps<T>): import("react").JSX.Element;
+declare function DataTable<T>({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, labels: customLabels, className }: DataTableProps<T>): import("react").JSX.Element;
 //#endregion
 //#region src/shells/notification-toast.d.ts
 /** Defines the toast action shape. */
@@ -370,15 +395,26 @@ declare const toast: ((options: ToastOptions) => string) & {
   dismiss: (id: string) => void;
   clear: () => void;
 };
+/**
+ * Localized labels for the notification toast component.
+ *
+ * The region's name is the only string here that is not the caller's own text —
+ * every toast carries a message they wrote — so it was the one word a fully
+ * translated app still announced in English.
+ */
+interface NotificationToastLabels {
+  regionLabel?: string;
+}
 /** Props for the toast provider component. */
 interface ToastProviderProps {
   children: ReactNode;
   position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
   defaultDuration?: number;
   stackLimit?: number;
+  labels?: NotificationToastLabels;
 }
 /** Renders the toast provider component. */
-declare function ToastProvider({ children, position, defaultDuration, stackLimit }: ToastProviderProps): import("react").JSX.Element;
+declare function ToastProvider({ children, position, defaultDuration, stackLimit, labels: customLabels }: ToastProviderProps): import("react").JSX.Element;
 /** Provides toast. */
 declare function useToast(): ToastContextValue;
 interface NotificationToastProps {