@wipco/sdui 0.39.0 → 0.41.0

package/dist/index.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
 import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-Bx3oingj.js';
 export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-Bx3oingj.js';
-import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C7uTe1ue.js';
-export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C7uTe1ue.js';
-import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-B5Q3XhAY.js';
-export { b as DatePicker, c as DateRangePicker, d as DateRangeValue, e as TimePicker } from './DatePicker-B5Q3XhAY.js';
+import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C3nRXMwb.js';
+export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C3nRXMwb.js';
+import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';
+export { b as DatePicker, c as DateRangePicker, d as DateRangeValue, e as TimePicker } from './DatePicker-BK_jsV7i.js';
 
 /**
  * 호스트 앱 연결점 — ERP에서는 라우터·erpFetch·SSE가 하던 일을
@@ -1264,16 +1264,25 @@ interface GridProps extends SduiContainerLayoutProps {
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Grid({ columns, template, gap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
+declare function Grid({ columns, template, gap, rowGap, columnGap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
 type Justify = 'start' | 'center' | 'end' | 'between';
-interface RowProps extends SduiContainerLayoutProps {
+interface SduiContainerRoleProps {
+    /**
+     * 이 상자가 무엇을 묶는지 — 보조기술에게 알린다. 표에 없는 값은 무시된다.
+     * `radiogroup` 을 줄 때는 자식 버튼에 `role: 'radio'` 와 `aria-checked` 를 같이 준다.
+     */
+    role?: string;
+    /** 그룹 이름. `role` 을 준 상자에는 대체로 이름이 필요하다. */
+    ariaLabel?: string;
+}
+interface RowProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
     /** 가로 정렬 (기본 start) */
     justify?: Justify;
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Row({ justify, gap, align, wrap, className, style, children }: RowProps): React__default.JSX.Element;
+declare function Row({ justify, gap, rowGap, columnGap, align, wrap, role, ariaLabel, className, style, children }: RowProps): React__default.JSX.Element;
 interface ActionsProps extends SduiContainerLayoutProps {
     /** 가로 정렬 — 기본 end(우측) */
     justify?: Justify;
@@ -1287,13 +1296,13 @@ interface ActionsProps extends SduiContainerLayoutProps {
  * `justify = 'end'`가 **2단(타입별 기본)의 실제 사례**다. 전역 기본은 `.wp-row`의
  * `flex-start`인데 이 타입만 `end`로 시작하고, 스펙이 `justify`를 주면 그것이 이긴다.
  */
-declare function Actions({ justify, gap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
-interface ColProps extends SduiContainerLayoutProps {
+declare function Actions({ justify, gap, rowGap, columnGap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
+interface ColProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Col({ gap, align, justify, wrap, className, style, children }: ColProps): React__default.JSX.Element;
+declare function Col({ gap, rowGap, columnGap, align, justify, wrap, role, ariaLabel, className, style, children }: ColProps): React__default.JSX.Element;
 interface SpacerProps {
     /**
      * 간격 토큰 단계(`--wp-space-N`). 주면 "남는 공간 밀어내기"가 아니라
@@ -1310,7 +1319,7 @@ interface SectionProps extends SduiContainerLayoutProps {
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Section({ title, gap, align, justify, wrap, className, style, children }: SectionProps): React__default.JSX.Element;
+declare function Section({ title, gap, rowGap, columnGap, align, justify, wrap, className, style, children }: SectionProps): React__default.JSX.Element;
 type TextPreset = 'display-1' | 'display-2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-lg' | 'body' | 'body-sm' | 'caption' | 'label' | 'overline' | 'micro' | 'metric' | 'metric-sm' | 'mono' | 'mono-xs'
 /**
  * 프리셋을 입히지 않는다 — 이 자리의 타이포를 그대로 물려받는다.
@@ -1889,4 +1898,4 @@ interface ImageViewerProps {
  */
 declare function ImageViewer({ src, alt, open, onClose }: ImageViewerProps): React__default.ReactPortal | null;
 
-export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, CALC_OPS, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, getOverlayRoot, imageRenderer, includesLooseSearch, joinMultiValue, loadOptionalModule, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useOverlayLayer, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };
+export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, CALC_OPS, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiContainerRoleProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, getOverlayRoot, imageRenderer, includesLooseSearch, joinMultiValue, loadOptionalModule, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useOverlayLayer, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };

package/dist/index.js

@@ -1,23 +1,23 @@
-export { loadOptionalModule } from './chunk-KTKEJHTB.js';
-import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-6Q4RZDBA.js';
-export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-6Q4RZDBA.js';
-import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-2DJO2RBW.js';
-export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-2DJO2RBW.js';
-import { ImageViewer } from './chunk-VT3OCB76.js';
-export { ImageViewer } from './chunk-VT3OCB76.js';
-import { TimePicker } from './chunk-QLLBS2NM.js';
-export { TimePicker } from './chunk-QLLBS2NM.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-TUB3PFKQ.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-TUB3PFKQ.js';
-import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-ZOUWMQSO.js';
-export { DatePicker, DateRangePicker } from './chunk-ZOUWMQSO.js';
+export { loadOptionalModule } from './chunk-QBBWU6PR.js';
+import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-AODRYCWT.js';
+export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-AODRYCWT.js';
+import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-JKM3AM42.js';
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-JKM3AM42.js';
+import { ImageViewer } from './chunk-LDZVLZ3H.js';
+export { ImageViewer } from './chunk-LDZVLZ3H.js';
+import { TimePicker } from './chunk-CRTYWGCU.js';
+export { TimePicker } from './chunk-CRTYWGCU.js';
+import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-W3HJGDAK.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-W3HJGDAK.js';
+import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-AKBVOXMH.js';
+export { DatePicker, DateRangePicker } from './chunk-AKBVOXMH.js';
 export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.js';
 import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DKPNFEVU.js';
 export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DKPNFEVU.js';
-import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce } from './chunk-LBKIBSHY.js';
-export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-LBKIBSHY.js';
-import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SE3H5QCS.js';
-export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-SE3H5QCS.js';
+import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce } from './chunk-WOGLJBBD.js';
+export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-WOGLJBBD.js';
+import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-7TXK6LS7.js';
+export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-7TXK6LS7.js';
 import React9, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{layout-C7uTe1ue.d.ts → layout-C3nRXMwb.d.ts}

@@ -85,6 +85,19 @@ type SduiSizeScale = '96' | '128' | '160' | '192' | '224' | '256' | '288' | '320
 interface SduiContainerLayoutProps {
     /** 자식 사이 간격(px 척도). 생략하면 컴포넌트의 CSS 기본값. */
     gap?: SduiGapScale;
+    /**
+     * 줄 사이 간격만 따로 — `wrap` 이 켜져 두 줄이 될 때의 세로 간격이다.
+     * 주면 `gap` 의 세로 몫을 이 자리에서 덮는다.
+     *
+     * 감싸는 칩·태그 줄은 가로와 세로 간격이 대체로 다르다. 가로는 항목을 갈라 놓을
+     * 만큼 넓게(16px), 세로는 두 줄이 한 덩어리로 보일 만큼 좁게(8px) 두는 식이다.
+     * 실측(2026-08-19 `hr/evaluation`): 원본 위젯이 이 화면에서만 두 군데를 손으로
+     * 갈라 썼고(`columnGap` 16 / `rowGap` 8·4), `gap` 하나로는 그 줄이 8px 내려앉아
+     * 아래 카드 열이 전부 밀렸다.
+     */
+    rowGap?: SduiGapScale;
+    /** 칸 사이 간격만 따로. 주면 `gap` 의 가로 몫을 덮는다. */
+    columnGap?: SduiGapScale;
     /** 교차축 정렬(`align-items`). 자식이 `selfAlign`으로 자기 몫만 뒤집을 수 있다. */
     align?: SduiAlignScale;
     /** 주축 정렬(`justify-content`). */

package/dist/meta.js

@@ -256,6 +256,72 @@ var gapProp = {
   ],
   group: "layout"
 };
+var rowGapProp = {
+  name: "rowGap",
+  kind: "enum",
+  label: "\uC904 \uC0AC\uC774 \uAC04\uACA9",
+  description: 'wrap \uC73C\uB85C \uB450 \uC904\uC774 \uB420 \uB54C\uC758 \uC138\uB85C \uAC04\uACA9. \uC8FC\uBA74 "\uC774 \uC548\uC758 \uAC04\uACA9"\uC758 \uC138\uB85C \uBAAB\uC744 \uB36E\uB294\uB2E4.',
+  options: [
+    { value: "0", label: "0px (\uBD99\uC5EC \uC4F0\uAE30)" },
+    { value: "2", label: "2px" },
+    { value: "4", label: "4px" },
+    { value: "8", label: "8px" },
+    { value: "12", label: "12px" },
+    { value: "16", label: "16px" },
+    { value: "20", label: "20px" },
+    { value: "24", label: "24px" },
+    { value: "32", label: "32px" }
+  ],
+  group: "layout",
+  advanced: true
+};
+var columnGapProp = {
+  name: "columnGap",
+  kind: "enum",
+  label: "\uCE78 \uC0AC\uC774 \uAC04\uACA9",
+  description: '\uAC00\uB85C \uAC04\uACA9\uB9CC. \uC8FC\uBA74 "\uC774 \uC548\uC758 \uAC04\uACA9"\uC758 \uAC00\uB85C \uBAAB\uC744 \uB36E\uB294\uB2E4.',
+  options: [
+    { value: "0", label: "0px (\uBD99\uC5EC \uC4F0\uAE30)" },
+    { value: "2", label: "2px" },
+    { value: "4", label: "4px" },
+    { value: "8", label: "8px" },
+    { value: "12", label: "12px" },
+    { value: "16", label: "16px" },
+    { value: "20", label: "20px" },
+    { value: "24", label: "24px" },
+    { value: "32", label: "32px" }
+  ],
+  group: "layout",
+  advanced: true
+};
+var containerRoleProp = {
+  name: "role",
+  kind: "enum",
+  label: "\uBB36\uC74C \uC5ED\uD560",
+  description: "\uBCF4\uC870\uAE30\uC220\uC6A9. \uC0DD\uB7B5\uD558\uBA74 \uADF8\uB0E5 \uC0C1\uC790\uB2E4. radiogroup \uC744 \uC904 \uB54C\uB294 \uC790\uC2DD \uBC84\uD2BC\uC5D0 role/aria-checked \uB97C \uAC19\uC774 \uC900\uB2E4.",
+  options: [
+    { value: "group", label: "\uBB36\uC74C(group)" },
+    { value: "radiogroup", label: "\uB2E8\uC77C \uC120\uD0DD \uBB36\uC74C(radiogroup)" },
+    { value: "toolbar", label: "\uB3C4\uAD6C \uBAA8\uC74C(toolbar)" },
+    { value: "list", label: "\uBAA9\uB85D(list)" },
+    { value: "listitem", label: "\uBAA9\uB85D \uD56D\uBAA9(listitem)" },
+    { value: "tablist", label: "\uD0ED \uC904(tablist)" },
+    { value: "region", label: "\uAD6C\uD68D(region)" },
+    { value: "status", label: "\uC0C1\uD0DC \uC54C\uB9BC(status)" },
+    { value: "alert", label: "\uACBD\uACE0(alert)" },
+    { value: "presentation", label: "\uC758\uBBF8 \uC5C6\uC74C(presentation)" }
+  ],
+  group: "content",
+  advanced: true
+};
+var ariaLabelProp = {
+  name: "ariaLabel",
+  kind: "string",
+  label: "\uC811\uADFC\uC131 \uC774\uB984",
+  description: '\uC5ED\uD560\uC744 \uC900 \uBB36\uC74C\uC5D0\uB294 \uB300\uCCB4\uB85C \uC774\uB984\uC774 \uD544\uC694\uD558\uB2E4(\uC608: "\uB300\uC0C1\uC790 \uC9C1\uC704 \uD544\uD130").',
+  group: "content",
+  advanced: true
+};
 var gridGapProp = {
   name: "gap",
   kind: "enum",
@@ -359,6 +425,8 @@ var ActionsMeta = {
       group: "layout"
     },
     gapProp,
+    rowGapProp,
+    columnGapProp,
     rowAlignProp,
     wrapProp,
     styleProp,
@@ -447,9 +515,13 @@ var ColMeta = {
   description: "\uC790\uC2DD\uC744 \uC138\uB85C\uB85C \uC313\uB294\uB2E4(.wp-col).",
   props: [
     gapProp,
+    rowGapProp,
+    columnGapProp,
     stretchAlignProp,
     columnJustifyProp,
     wrapProp,
+    containerRoleProp,
+    ariaLabelProp,
     styleProp,
     classNameProp,
     growProp,
@@ -533,6 +605,8 @@ var GridMeta = {
       group: "layout"
     },
     gridGapProp,
+    rowGapProp,
+    columnGapProp,
     stretchAlignProp,
     wrapProp,
     styleProp,
@@ -594,8 +668,12 @@ var RowMeta = {
       group: "layout"
     },
     gapProp,
+    rowGapProp,
+    columnGapProp,
     rowAlignProp,
     wrapProp,
+    containerRoleProp,
+    ariaLabelProp,
     styleProp,
     classNameProp,
     growProp,
@@ -624,6 +702,8 @@ var SectionMeta = {
   props: [
     { name: "title", kind: "node", label: "\uC81C\uBAA9", slot: true, group: "content" },
     gapProp,
+    rowGapProp,
+    columnGapProp,
     stretchAlignProp,
     columnJustifyProp,
     wrapProp,

package/dist/rich/ExcelUploadCard.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface ExcelTemplateColumn {

package/dist/rich/ExcelUploadCard.js

@@ -1,7 +1,7 @@
-import { loadOptionalModule } from '../chunk-KTKEJHTB.js';
+import { loadOptionalModule } from '../chunk-QBBWU6PR.js';
 import { useSduiAdapter, useSduiSandbox, hostFetchOf, defaultAdapter, hostRawFetchOf } from '../chunk-DKPNFEVU.js';
-import { Select, Input, Card, Button, Spinner, Icon, Alert, StatCard, Badge, Table, EmptyState } from '../chunk-LBKIBSHY.js';
-import { boxed } from '../chunk-SE3H5QCS.js';
+import { Select, Input, Card, Button, Spinner, Icon, Alert, StatCard, Badge, Table, EmptyState } from '../chunk-WOGLJBBD.js';
+import { boxed } from '../chunk-7TXK6LS7.js';
 import { useRef, useState, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/rich.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
-export { b as DatePicker, D as DatePickerProps, c as DateRangePicker, a as DateRangePickerProps, d as DateRangeValue, e as TimePicker, T as TimePickerProps } from './DatePicker-B5Q3XhAY.js';
-import './layout-C7uTe1ue.js';
+export { b as DatePicker, D as DatePickerProps, c as DateRangePicker, a as DateRangePickerProps, d as DateRangeValue, e as TimePicker, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';
+import './layout-C3nRXMwb.js';
 
 /**
  * Chart — 선언형 recharts 래퍼 (ERP `app/components/widgets/Chart.tsx` 이식).

package/dist/rich.js

@@ -1,11 +1,11 @@
-import { useOptionalModule, DependencyPlaceholder } from './chunk-KTKEJHTB.js';
-export { TimePicker } from './chunk-QLLBS2NM.js';
-import { HoistedStyle } from './chunk-ZOUWMQSO.js';
-export { DatePicker, DateRangePicker } from './chunk-ZOUWMQSO.js';
+import { useOptionalModule, DependencyPlaceholder } from './chunk-QBBWU6PR.js';
+export { TimePicker } from './chunk-CRTYWGCU.js';
+import { HoistedStyle } from './chunk-AKBVOXMH.js';
+export { DatePicker, DateRangePicker } from './chunk-AKBVOXMH.js';
 import './chunk-XQPTSEJC.js';
 import { useSduiAssetResolver } from './chunk-DKPNFEVU.js';
-import { Spinner, EmptyState } from './chunk-LBKIBSHY.js';
-import './chunk-SE3H5QCS.js';
+import { Spinner, EmptyState } from './chunk-WOGLJBBD.js';
+import './chunk-7TXK6LS7.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/widgets/ApprovalLineEditor.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 /** 저장 JSON 계약(approval-line) — 키 이름 변경 금지. */

package/dist/widgets/ApprovalLineEditor.js

@@ -1,7 +1,7 @@
-export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-AMVQ2LHD.js';
-import '../chunk-TUB3PFKQ.js';
-import '../chunk-ZOUWMQSO.js';
+export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-5WYPKIXU.js';
+import '../chunk-W3HJGDAK.js';
+import '../chunk-AKBVOXMH.js';
 import '../chunk-XQPTSEJC.js';
 import '../chunk-DKPNFEVU.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/ApprovalOverridesEditor.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 import { ApprovalLineStep, CustomApprover } from './ApprovalLineEditor.js';
 

package/dist/widgets/ApprovalOverridesEditor.js

@@ -1,9 +1,9 @@
-export { ApprovalOverridesEditor } from '../chunk-LVCIHZ45.js';
-import '../chunk-M2Q2ZQIX.js';
-import '../chunk-AMVQ2LHD.js';
-import '../chunk-TUB3PFKQ.js';
-import '../chunk-ZOUWMQSO.js';
+export { ApprovalOverridesEditor } from '../chunk-5N7DANNM.js';
+import '../chunk-ZGNYD2ZP.js';
+import '../chunk-5WYPKIXU.js';
+import '../chunk-W3HJGDAK.js';
+import '../chunk-AKBVOXMH.js';
 import '../chunk-XQPTSEJC.js';
 import '../chunk-DKPNFEVU.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/ApprovalStepper.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface ApprovalStepperStep {

package/dist/widgets/ApprovalStepper.js

@@ -1,3 +1,3 @@
-export { ApprovalStepper } from '../chunk-TQM2UWN2.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { ApprovalStepper } from '../chunk-HI5MY3PW.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/AutocompleteField.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 type AutocompleteOption = Record<string, unknown>;

package/dist/widgets/AutocompleteField.js

@@ -1,7 +1,7 @@
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-X4OPJJVD.js';
-import '../chunk-TUB3PFKQ.js';
-import '../chunk-ZOUWMQSO.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-Q3GTFOUD.js';
+import '../chunk-W3HJGDAK.js';
+import '../chunk-AKBVOXMH.js';
 import '../chunk-XQPTSEJC.js';
 import '../chunk-DKPNFEVU.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/ColumnBoard.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 type ColumnBoardTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';

package/dist/widgets/ColumnBoard.js

@@ -1,3 +1,3 @@
-export { ColumnBoard } from '../chunk-CKGPE2AY.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { ColumnBoard } from '../chunk-MSME7EBU.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/DiffView.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface DiffField {

package/dist/widgets/DiffView.js

@@ -1,3 +1,3 @@
-export { DiffView } from '../chunk-Q2FNUNG6.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { DiffView } from '../chunk-VXJVGUKE.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/Disclosure.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface DisclosureProps {

package/dist/widgets/Disclosure.js

@@ -1,3 +1,3 @@
-export { Disclosure } from '../chunk-PIVD4G3T.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { Disclosure } from '../chunk-QRBZ2B7T.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/EventCalendar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 
 /**
  * EventCalendar — 일정 캘린더 위젯 (월 / 주 / 일 / 일정 뷰).

package/dist/widgets/EventCalendar.js

@@ -1,3 +1,3 @@
-export { EventCalendar } from '../chunk-RHQW467O.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { EventCalendar } from '../chunk-R2RARD7C.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/FileDropzone.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 type FileDropzoneItem = {

package/dist/widgets/FileDropzone.js

@@ -1,6 +1,6 @@
-export { FileDropzone, unwrapUploaded } from '../chunk-N4LKGACS.js';
-import '../chunk-B6ZBQCSI.js';
-import '../chunk-VT3OCB76.js';
+export { FileDropzone, unwrapUploaded } from '../chunk-RJQXY4Z7.js';
+import '../chunk-3SLRFWVS.js';
+import '../chunk-LDZVLZ3H.js';
 import '../chunk-DKPNFEVU.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/ImageLightbox.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface ImageLightboxProps {

package/dist/widgets/ImageLightbox.js

@@ -1,4 +1,4 @@
-export { ImageLightbox } from '../chunk-B6ZBQCSI.js';
-import '../chunk-VT3OCB76.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { ImageLightbox } from '../chunk-3SLRFWVS.js';
+import '../chunk-LDZVLZ3H.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/InlineEdit.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface InlineEditProps {

package/dist/widgets/InlineEdit.js

@@ -1,3 +1,3 @@
-export { InlineEdit } from '../chunk-SET7XWBR.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { InlineEdit } from '../chunk-23VK3GYJ.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/JsonField.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 
 /**
  * JsonField — JSON 편집용 텍스트 영역.

package/dist/widgets/JsonField.js

@@ -1,3 +1,3 @@
-export { JsonField } from '../chunk-2VJIERUW.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { JsonField } from '../chunk-XHW33PRH.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/LiveClock.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 
 /**
  * LiveClock — 1초 간격 실시간 시계 / 경과 시간 표시.

package/dist/widgets/LiveClock.js

@@ -1,2 +1,2 @@
-export { LiveClock } from '../chunk-I3UJ4ZCQ.js';
-import '../chunk-SE3H5QCS.js';
+export { LiveClock } from '../chunk-7A4OWANN.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/OptionSchemaEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 
 /**
  * OptionSchemaEditor — 장비가 자기 유닛에게 받을 **옵션 서식**을 정한다.

package/dist/widgets/OptionSchemaEditor.js

@@ -1,4 +1,4 @@
-export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-ZFXEWKFM.js';
-import '../chunk-2DJO2RBW.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-MM4AVQKV.js';
+import '../chunk-JKM3AM42.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/OptionValueFields.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 import React__default from 'react';
 import { OptionField } from './OptionSchemaEditor.js';
 

package/dist/widgets/OptionValueFields.js

@@ -1,4 +1,4 @@
-export { OptionValueFields } from '../chunk-MLOZHGKP.js';
-import '../chunk-2DJO2RBW.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { OptionValueFields } from '../chunk-47B6RYOF.js';
+import '../chunk-JKM3AM42.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';

package/dist/widgets/OrgChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
 
 /**
  * OrgChart — 줌/팬 가능한 조직도 캔버스.

package/dist/widgets/OrgChart.js

@@ -1,3 +1,3 @@
-export { OrgChart } from '../chunk-JD62GZLP.js';
-import '../chunk-LBKIBSHY.js';
-import '../chunk-SE3H5QCS.js';
+export { OrgChart } from '../chunk-OK7DIJYU.js';
+import '../chunk-WOGLJBBD.js';
+import '../chunk-7TXK6LS7.js';