@wipco/sdui 0.1.0 → 0.3.0

package/dist/meta.d.ts

@@ -29,7 +29,7 @@ type SduiPropKind = 'string' | 'number' | 'boolean'
  | 'enum'
 /** CSS 색상 문자열 */
  | 'color'
-/** `ICON_PATHS`에 등록된 아이콘 이름 */
+/** `ICON_NODES`에 등록된 아이콘 이름 */
  | 'icon'
 /** ReactNode 자리 — 문자열이거나 `slots.<name>`으로 넘긴 노드 트리 */
  | 'node'
@@ -81,6 +81,14 @@ interface SduiPropMeta {
     eventArg?: string;
     /** kind가 'array'일 때 원소의 필드 정의 */
     item?: readonly SduiPropMeta[];
+    /**
+     * kind가 'array'이고 원소가 **구조체가 아니라 값 하나**일 때 그 값의 종류
+     * (예: `SearchResults.pageSizes`는 number[]다).
+     *
+     * 이때 `item`은 빈 배열로 둔다 — "필드가 없다"가 곧 스칼라라는 뜻이고,
+     * 편집기는 행 편집기 대신 `itemKind` 하나짜리 값 목록 편집기를 그리면 된다.
+     */
+    itemKind?: SduiPropKind;
     /** kind가 'object'일 때 필드 정의. 없으면 자유 형식(JSON 편집기) */
     fields?: readonly SduiPropMeta[];
     group?: SduiPropGroup;
@@ -140,7 +148,7 @@ interface SduiComponentMeta {
     /** 팔레트에 보일 한국어 표시명 */
     label: string;
     category: SduiCategory;
-    /** `ICON_PATHS`에 등록된 이름 (없는 이름이면 Icon이 점으로 대체한다) */
+    /** `ICON_NODES`에 등록된 이름 (없는 이름이면 Icon이 아무것도 그리지 않는다) */
     icon: string;
     /** 한국어 한 줄 설명 */
     description: string;

package/dist/meta.js

@@ -219,7 +219,7 @@ var PageHeadMeta = {
   name: "PageHead",
   label: "\uD398\uC774\uC9C0 \uD5E4\uB354",
   category: "layout",
-  icon: "home",
+  icon: "flag",
   description: "\uD398\uC774\uC9C0 \uC0C1\uB2E8\uC758 \uC81C\uBAA9\xB7\uBD80\uC81C\xB7\uC561\uC158 \uC601\uC5ED.",
   props: [
     { name: "title", kind: "node", label: "\uC81C\uBAA9", slot: true, group: "content" },
@@ -362,6 +362,14 @@ var TabsMeta = {
       ],
       group: "appearance"
     },
+    {
+      name: "onChrome",
+      kind: "boolean",
+      label: "\uB124\uC774\uBE44 \uD06C\uB86C \uC704",
+      default: false,
+      description: "\uB124\uC774\uBE44 \uD0D1\uBC14 \uC704\uC5D0 \uC5B9\uB294 \uD0ED \u2014 \uBC1D\uC740 \uAE00\uC790\uC5D0 \uBE68\uAC04 \uC778\uB514\uCF00\uC774\uD130\uB85C \uB4A4\uC9D1\uB294\uB2E4.",
+      group: "appearance"
+    },
     styleProp,
     classNameProp
   ],
@@ -434,8 +442,7 @@ var ButtonMeta = {
       name: "type",
       kind: "enum",
       label: "HTML \uD0C0\uC785",
-      default: "button",
-      description: "Form \uC548\uC5D0\uC11C Enter \uC81C\uCD9C\uC744 \uBC1B\uC73C\uB824\uBA74 submit.",
+      description: '\uC8FC\uC9C0 \uC54A\uC73C\uBA74 \uBE0C\uB77C\uC6B0\uC800 \uAE30\uBCF8\uAC12(Form \uC548\uC5D0\uC11C\uB294 submit)\uC774\uB2E4. \uC81C\uCD9C\uC774 \uC544\uB2CC \uBC84\uD2BC\uC740 "button"\uC744 \uBA85\uC2DC\uD558\uB77C.',
       options: [
         { value: "button", label: "button" },
         { value: "submit", label: "submit" },
@@ -444,6 +451,20 @@ var ButtonMeta = {
       group: "behavior",
       advanced: true
     },
+    {
+      name: "as",
+      kind: "enum",
+      label: "\uB80C\uB354 \uD0DC\uADF8",
+      default: "button",
+      description: '\uB9C1\uD06C\uB85C \uBCF4\uB0B4\uC57C \uD558\uB294 \uC790\uB9AC(SSO \uC774\uB3D9 \uB4F1)\uB294 "a" + href\uB2E4 \u2014 button\uC5D0 href\uB97C \uB2EC\uBA74 \uC544\uBB34 \uB370\uB3C4 \uAC00\uC9C0 \uC54A\uB294\uB2E4.',
+      options: [
+        { value: "button", label: "button" },
+        { value: "a", label: "a(\uB9C1\uD06C)" },
+        { value: "span", label: "span" }
+      ],
+      group: "behavior",
+      advanced: true
+    },
     { name: "onClick", kind: "action", label: "\uD074\uB9AD", group: "behavior" },
     styleProp,
     classNameProp
@@ -473,6 +494,15 @@ var CheckboxMeta = {
     },
     { name: "label", kind: "node", label: "\uB77C\uBCA8", slot: true, group: "content" },
     { name: "description", kind: "node", label: "\uBCF4\uC870 \uC124\uBA85", slot: true, group: "content" },
+    {
+      name: "indeterminate",
+      kind: "boolean",
+      label: "\uBD80\uBD84 \uC120\uD0DD",
+      default: false,
+      bindable: true,
+      description: '\uC804\uCCB4\uC120\uD0DD \uCCB4\uD06C\uBC15\uC2A4\uC758 "\uC77C\uBD80\uB9CC \uACE8\uB790\uB2E4" \uC0C1\uD0DC. \uAE00\uB9AC\uD504\uAC00 \uCCB4\uD06C\uC5D0\uC11C \uBE7C\uAE30\uB85C \uBC14\uB010\uB2E4.',
+      group: "data"
+    },
     { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
     classNameProp
   ],
@@ -605,7 +635,7 @@ var FormMeta = {
   name: "Form",
   label: "\uD3FC",
   category: "input",
-  icon: "save",
+  icon: "square-pen",
   description: "\uD3FC \uCEE8\uD14C\uC774\uB108. \uD544\uB4DC \uAC12\uC740 \uD398\uC774\uC9C0 \uC0C1\uD0DC\uC758 `{id}.{\uD544\uB4DC}` \uD0A4\uC5D0 \uC0B4\uACE0, \uAC80\uC99D\xB7dirty \uCD94\uC801\xB7\uC81C\uCD9C\uC740 \uB80C\uB354\uB7EC\uAC00 \uB9E1\uB294\uB2E4.",
   props: [
     {
@@ -712,9 +742,10 @@ var IconButtonMeta = {
       label: "\uD06C\uAE30",
       default: "md",
       options: [
-        { value: "xs", label: "xs" },
-        { value: "sm", label: "sm" },
-        { value: "md", label: "md" }
+        { value: "xs", label: "xs 24px" },
+        { value: "sm", label: "sm 28px" },
+        { value: "md", label: "md 32px" },
+        { value: "lg", label: "lg 40px" }
       ],
       group: "appearance"
     },
@@ -727,7 +758,9 @@ var IconButtonMeta = {
       options: [
         { value: "ghost", label: "\uD22C\uBA85" },
         { value: "outlined", label: "\uC678\uACFD\uC120" },
-        { value: "danger", label: "\uC704\uD5D8" }
+        { value: "solid", label: "\uCC44\uC6C0" },
+        { value: "danger", label: "\uC704\uD5D8" },
+        { value: "onchrome", label: "\uB124\uC774\uBE44 \uD06C\uB86C \uC704" }
       ],
       group: "appearance"
     },
@@ -744,6 +777,14 @@ var IconButtonMeta = {
       group: "appearance",
       advanced: true
     },
+    {
+      name: "pressed",
+      kind: "boolean",
+      label: "\uB20C\uB9B0 \uC0C1\uD0DC",
+      bindable: true,
+      description: "\uD1A0\uAE00 \uBC84\uD2BC\uC758 \uCF1C\uC9D0. aria-pressed\uB85C \uB098\uAC00\uACE0 \uC120\uD0DD \uD2F4\uD2B8\uAC00 \uBD99\uB294\uB2E4.",
+      group: "data"
+    },
     { name: "onClick", kind: "action", label: "\uD074\uB9AD", group: "behavior" },
     { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
     styleProp,
@@ -751,7 +792,7 @@ var IconButtonMeta = {
   ],
   children: { accepts: false },
   preset: { component: "IconButton", props: { icon: "pencil", label: "\uC218\uC815", size: "sm" } },
-  resize: { kind: "enum", prop: "size", values: ["xs", "sm", "md"] }
+  resize: { kind: "enum", prop: "size", values: ["xs", "sm", "md", "lg"] }
 };
 var InputMeta = {
   name: "Input",
@@ -812,9 +853,9 @@ var InputMeta = {
     { name: "title", kind: "string", label: "\uD234\uD301", group: "content", advanced: true },
     {
       name: "trailing",
-      kind: "string",
-      label: "\uD6C4\uD589 \uB2E8\uC704",
-      description: '\uC785\uB825 \uC624\uB978\uCABD \uB05D\uC5D0 \uACB9\uCCD0 \uADF8\uB9AC\uB294 \uB2E8\uC704 \uD45C\uC2DC. \uC608: "\uC6D0", "\uC704", "mm". \uB2E8\uC704\uB97C \uAC12 \uC548\uC5D0 \uC11E\uC9C0 \uC54A\uAE30 \uC704\uD55C \uC790\uB9AC\uB2E4. \uC544\uC774\uCF58 \uC774\uB984(\uC608: "eye")\uC744 \uC8FC\uBA74 \uAE00\uC790 \uB300\uC2E0 \uADF8 \uC544\uC774\uCF58\uC774 \uB098\uC628\uB2E4.',
+      kind: "icon",
+      label: "\uD6C4\uD589 \uC544\uC774\uCF58",
+      description: '\uC785\uB825 \uC624\uB978\uCABD \uB05D\uC5D0 \uACB9\uCCD0 \uADF8\uB9AC\uB294 \uD45C\uC2DC. **\uC544\uC774\uCF58 \uC774\uB984\uC73C\uB85C \uC77D\uB294\uB2E4**(\uC608: "eye" = \uBE44\uBC00\uBC88\uD638 \uBCF4\uAE30). \uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uC774\uB984\uC774\uBA74 \uC544\uBB34\uAC83\uB3C4 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4 \u2014 "\uC6D0"\xB7"mm" \uAC19\uC740 \uB2E8\uC704 \uAE00\uC790\uB294 \uC5EC\uAE30 \uB123\uC5B4\uB3C4 \uB098\uC624\uC9C0 \uC54A\uB294\uB2E4.',
       group: "content"
     },
     styleProp,
@@ -995,15 +1036,23 @@ var IconMeta = {
   label: "\uC544\uC774\uCF58",
   category: "display",
   icon: "info",
-  description: "\uC2A4\uD2B8\uB85C\uD06C \uC544\uC774\uCF58. icons.ts\uC758 ICON_PATHS\uC5D0 \uC5C6\uB294 \uC774\uB984\uC740 \uC810\uC73C\uB85C \uB300\uCCB4\uB41C\uB2E4.",
+  description: "\uC2A4\uD2B8\uB85C\uD06C \uC544\uC774\uCF58 130\uC885. icons.ts\uC758 ICON_NODES\uC5D0 \uC5C6\uB294 \uC774\uB984\uC740 \uC544\uBB34\uAC83\uB3C4 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4.",
   props: [
     { name: "name", kind: "icon", label: "\uC544\uC774\uCF58 \uC774\uB984", required: true, group: "content" },
-    { name: "size", kind: "number", label: "\uD06C\uAE30(px)", default: 16, group: "appearance" },
-    { name: "strokeWidth", kind: "number", label: "\uC120 \uAD75\uAE30", default: 1.8, group: "appearance", advanced: true },
+    { name: "size", kind: "number", label: "\uD06C\uAE30(px)", default: 18, group: "appearance" },
+    { name: "strokeWidth", kind: "number", label: "\uC120 \uAD75\uAE30", default: 1.5, group: "appearance", advanced: true },
+    {
+      name: "title",
+      kind: "string",
+      label: "\uC811\uADFC\uC131 \uC81C\uBAA9",
+      description: '\uC8FC\uBA74 role="img" + aria-label\uC774 \uBD99\uB294\uB2E4. \uC606\uC5D0 \uAE00\uC774 \uC788\uB294 \uC7A5\uC2DD \uC544\uC774\uCF58\uC740 \uBE44\uC6CC \uB454\uB2E4.',
+      group: "content"
+    },
+    styleProp,
     classNameProp
   ],
   children: { accepts: false },
-  preset: { component: "Icon", props: { name: "info", size: 16 } },
+  preset: { component: "Icon", props: { name: "info", size: 18 } },
   resize: { kind: "numeric", widthProp: "size", heightProp: "size", unit: "px", axis: "both" }
 };
 var KeyValueListMeta = {
@@ -1227,6 +1276,7 @@ var TableMeta = {
         { name: "align", kind: "enum", label: "\uC815\uB82C", options: [{ value: "left", label: "\uC67C\uCABD" }, { value: "right", label: "\uC624\uB978\uCABD" }] },
         { name: "mono", kind: "boolean", label: "\uACE0\uC815\uD3ED \uAE00\uAF34" },
         { name: "strong", kind: "boolean", label: "\uAD75\uAC8C" },
+        { name: "sortable", kind: "boolean", label: "\uC815\uB82C \uAC00\uB2A5", description: "onSort\uB97C \uD568\uAED8 \uC918\uC57C \uD5E4\uB354\uAC00 \uBC84\uD2BC\uC774 \uB41C\uB2E4." },
         {
           name: "badge",
           kind: "object",
@@ -1249,6 +1299,28 @@ var TableMeta = {
     },
     { name: "dense", kind: "boolean", label: "\uC870\uBC00\uD558\uAC8C", default: false, description: "\uD589 \uB192\uC774 40px \u2192 32px", group: "appearance" },
     { name: "hover", kind: "boolean", label: "\uD589 \uD638\uBC84 \uAC15\uC870", default: true, group: "appearance" },
+    { name: "sticky", kind: "boolean", label: "\uD5E4\uB354 \uACE0\uC815", default: false, description: "\uC2A4\uD06C\uB864\uB418\uB294 \uBCF8\uBB38 \uC704\uC5D0 \uBA38\uB9AC\uAE00\uC744 \uBD99\uC5EC \uB454\uB2E4.", group: "appearance" },
+    {
+      name: "sort",
+      kind: "object",
+      label: "\uC815\uB82C \uC0C1\uD0DC",
+      bindable: true,
+      description: "{ key, dir } \u2014 \uD574\uB2F9 \uCEEC\uB7FC \uD5E4\uB354\uC758 \uD654\uC0B4\uD45C \uBC29\uD5A5\uC744 \uC815\uD55C\uB2E4. \uC815\uB82C \uC790\uCCB4\uB294 rows\uB97C \uC8FC\uB294 \uCABD\uC774 \uD55C\uB2E4.",
+      fields: [
+        { name: "key", kind: "string", label: "\uCEEC\uB7FC key" },
+        { name: "dir", kind: "enum", label: "\uBC29\uD5A5", options: [{ value: "asc", label: "\uC624\uB984\uCC28\uC21C" }, { value: "desc", label: "\uB0B4\uB9BC\uCC28\uC21C" }] }
+      ],
+      group: "data"
+    },
+    { name: "onSort", kind: "action", label: "\uC815\uB82C \uD5E4\uB354 \uD074\uB9AD", eventArg: "\uCEEC\uB7FC key", group: "behavior" },
+    {
+      name: "selectedIds",
+      kind: "binding",
+      label: "\uC120\uD0DD\uB41C \uD589",
+      bindable: true,
+      description: "rowKey \uAC12\uC758 \uBC30\uC5F4. \uD574\uB2F9 \uD589\uC5D0 aria-selected\uAC00 \uBD99\uACE0 \uC120\uD0DD \uD2F4\uD2B8\uAC00 \uAE54\uB9B0\uB2E4.",
+      group: "data"
+    },
     { name: "rowKey", kind: "string", label: "\uD589 key \uD544\uB4DC", default: "id", group: "data", advanced: true },
     { name: "onRowClick", kind: "action", label: "\uD589 \uD074\uB9AD", eventArg: "\uD589 \uAC1D\uCCB4 \uC804\uCCB4", group: "behavior" },
     { name: "empty", kind: "node", label: "\uBE48 \uBAA9\uB85D \uD45C\uC2DC", slot: true, description: "EmptyState \uAD8C\uC7A5", group: "content" },
@@ -1272,6 +1344,86 @@ var TableMeta = {
   },
   resize: { kind: "style", axis: "x" }
 };
+var searchCellFields = [
+  {
+    name: "type",
+    kind: "enum",
+    label: "\uD45C\uD604",
+    default: "text",
+    options: [
+      { value: "text", label: "\uC6D0\uBB38" },
+      { value: "badge", label: "\uBC30\uC9C0" },
+      { value: "tag", label: "\uD0DC\uADF8" },
+      { value: "link", label: "\uB9C1\uD06C" },
+      { value: "progress", label: "\uC9C4\uD589 \uB9C9\uB300" },
+      { value: "icon", label: "\uC544\uC774\uCF58" },
+      { value: "number", label: "\uC22B\uC790" },
+      { value: "date", label: "\uB0A0\uC9DC" }
+    ]
+  },
+  { name: "toneMap", kind: "object", label: "\uAC12 \u2192 \uD1A4", description: "type=badge (\uC5C6\uB294 \uAC12\uC740 neutral)" },
+  { name: "colorMap", kind: "object", label: "\uAC12 \u2192 \uC810 \uC0C9", description: "type=tag" },
+  { name: "filled", kind: "boolean", label: "\uCC44\uC6B4 \uD0DC\uADF8", description: "type=tag" },
+  {
+    name: "to",
+    kind: "string",
+    label: "\uC774\uB3D9 \uACBD\uB85C",
+    description: "type=link. `/assets/{id}`\uCC98\uB7FC \uD589\uC758 \uD544\uB4DC\uB97C {\uD0A4}\uB85C \uB07C\uC6CC \uB123\uB294\uB2E4."
+  },
+  { name: "labelKey", kind: "string", label: "\uB9C1\uD06C \uBB38\uAD6C \uD544\uB4DC", description: "type=link (\uC0DD\uB7B5 \uC2DC \uCEEC\uB7FC \uAC12)" },
+  { name: "max", kind: "number", label: "\uBD84\uBAA8", description: "type=progress (\uAE30\uBCF8 100)" },
+  { name: "maxKey", kind: "string", label: "\uBD84\uBAA8 \uD544\uB4DC", description: "type=progress (max\uBCF4\uB2E4 \uC6B0\uC120)" },
+  {
+    name: "tone",
+    kind: "enum",
+    label: "\uB9C9\uB300 \uD1A4",
+    description: "type=progress",
+    options: [
+      { value: "brand", label: "\uAE30\uBCF8" },
+      { value: "success", label: "\uC815\uC0C1" },
+      { value: "warning", label: "\uC8FC\uC758" },
+      { value: "danger", label: "\uC704\uD5D8" },
+      { value: "info", label: "\uC815\uBCF4" }
+    ]
+  },
+  { name: "showValue", kind: "boolean", label: "\uD37C\uC13C\uD2B8 \uD45C\uAE30", description: "type=progress" },
+  { name: "iconMap", kind: "object", label: "\uAC12 \u2192 \uC544\uC774\uCF58", description: "type=icon" },
+  { name: "icon", kind: "icon", label: "\uC544\uC774\uCF58", description: "type=icon(\uB9E4\uD551\uC5D0 \uC5C6\uB294 \uAC12\uC758 \uAE30\uBCF8) / type=link(\uC120\uD589 \uC544\uC774\uCF58)" },
+  { name: "withLabel", kind: "boolean", label: "\uC544\uC774\uCF58 \uB4A4\uC5D0 \uAC12\uB3C4 \uD45C\uAE30", description: "type=icon" },
+  { name: "digits", kind: "number", label: "\uC18C\uC218 \uC790\uB9BF\uC218", default: 0, description: "type=number" },
+  { name: "prefix", kind: "string", label: "\uC811\uB450", description: "type=number" },
+  { name: "suffix", kind: "string", label: "\uC811\uBBF8", description: 'type=number (\uD1B5\uD654\uB294 "\uC6D0")' },
+  {
+    name: "format",
+    kind: "enum",
+    label: "\uB0A0\uC9DC \uC11C\uC2DD",
+    default: "date",
+    description: "type=date. \uD574\uC11D\uB418\uC9C0 \uC54A\uB294 \uAC12\uC740 \uC6D0\uBB38 \uADF8\uB300\uB85C \uB098\uC628\uB2E4.",
+    options: [
+      { value: "date", label: "\uB0A0\uC9DC" },
+      { value: "datetime", label: "\uB0A0\uC9DC+\uC2DC\uAC01" },
+      { value: "time", label: "\uC2DC\uAC01" }
+    ]
+  }
+];
+var searchCardRowFields = [
+  { name: "valueKey", kind: "string", label: "\uAC12 \uD544\uB4DC", required: true },
+  { name: "label", kind: "string", label: "\uB77C\uBCA8" },
+  { name: "icon", kind: "icon", label: "\uC120\uD589 \uC544\uC774\uCF58" },
+  { name: "cell", kind: "object", label: "\uAC12 \uD45C\uD604", description: "\uCEEC\uB7FC \uC140\uACFC \uAC19\uC740 \uC5B4\uD718", fields: searchCellFields },
+  {
+    name: "showWhen",
+    kind: "object",
+    label: "\uD45C\uC2DC \uC870\uAC74",
+    description: 'key\uB9CC \uC8FC\uBA74 "\uADF8 \uAC12\uC774 \uBE44\uC5B4 \uC788\uC9C0 \uC54A\uC744 \uB54C". equals\xB7in\xB7notEmpty\uB85C \uC881\uD78C\uB2E4.',
+    fields: [
+      { name: "key", kind: "string", label: "\uD310\uC815\uD560 \uD544\uB4DC", required: true },
+      { name: "equals", kind: "string", label: "\uAC19\uC744 \uB54C" },
+      { name: "in", kind: "array", label: "\uC774 \uC911 \uD558\uB098\uC77C \uB54C" },
+      { name: "notEmpty", kind: "boolean", label: "\uAC12\uC774 \uC788\uC744 \uB54C", default: true }
+    ]
+  }
+];
 var searchCommonProps = [
   { name: "title", kind: "string", label: "\uBAA9\uB85D \uC81C\uBAA9", required: true, group: "content" },
   {
@@ -1292,11 +1444,8 @@ var searchCommonProps = [
         name: "cell",
         kind: "object",
         label: "\uC140 \uD45C\uD604",
-        description: 'type\uC744 "badge"\uB85C \uB450\uBA74 \uAC12\uC774 \uBC30\uC9C0\uB85C \uADF8\uB824\uC9C4\uB2E4.',
-        fields: [
-          { name: "type", kind: "enum", label: "\uD45C\uD604", options: [{ value: "badge", label: "\uBC30\uC9C0" }] },
-          { name: "toneMap", kind: "object", label: "\uAC12 \u2192 \uD1A4" }
-        ]
+        description: "\uC0DD\uB7B5\uD558\uBA74 \uAC12\uC744 \uADF8\uB300\uB85C \uC4F4\uB2E4. \uC720\uD6A8\uD55C \uD544\uB4DC\uB294 type\uC5D0 \uB530\uB77C \uB2E4\uB974\uB2E4.",
+        fields: searchCellFields
       }
     ]
   },
@@ -1363,7 +1512,37 @@ var searchCommonProps = [
       { name: "titleKey", kind: "string", label: "\uC81C\uBAA9 \uD544\uB4DC", required: true },
       { name: "subtitleKey", kind: "string", label: "\uBD80\uC81C \uD544\uB4DC" },
       { name: "badge", kind: "object", label: "\uBC30\uC9C0", description: "{ key, toneMap }" },
-      { name: "rows", kind: "array", label: "\uD589", description: "{ label, valueKey }" }
+      { name: "rows", kind: "array", label: "\uD589", item: searchCardRowFields },
+      {
+        name: "leftRows",
+        kind: "array",
+        label: "\uC88C\uCE21 \uD589",
+        description: "leftRows/rightRows\uB97C \uC8FC\uBA74 \uB450 \uC5F4\uB85C \uBC30\uCE58\uB41C\uB2E4(rows\uB294 \uADF8 \uC544\uB798).",
+        item: searchCardRowFields
+      },
+      { name: "rightRows", kind: "array", label: "\uC6B0\uCE21 \uD589", item: searchCardRowFields },
+      { name: "noteKey", kind: "string", label: "\uD558\uB2E8 \uBCF4\uC870 \uBB38\uAD6C \uD544\uB4DC" },
+      {
+        name: "actions",
+        kind: "array",
+        label: "\uCE74\uB4DC \uC561\uC158",
+        description: "\uCE74\uB4DC \uC6B0\uC0C1\uB2E8 \uBC84\uD2BC. \uC774\uBCA4\uD2B8 \uAC12\uC73C\uB85C \uD589 \uAC1D\uCCB4 \uC804\uCCB4\uAC00 \uC804\uB2EC\uB41C\uB2E4.",
+        item: [
+          { name: "label", kind: "string", label: "\uB77C\uBCA8", required: true },
+          { name: "icon", kind: "icon", label: "\uC544\uC774\uCF58" },
+          {
+            name: "variant",
+            kind: "enum",
+            label: "\uC885\uB958",
+            options: [
+              { value: "default", label: "\uAE30\uBCF8" },
+              { value: "destructive", label: "\uC704\uD5D8" },
+              { value: "outline", label: "\uC678\uACFD\uC120" }
+            ]
+          },
+          { name: "run", kind: "action", label: "\uC2E4\uD589\uD560 \uC561\uC158", eventArg: "\uD589 \uAC1D\uCCB4 \uC804\uCCB4", required: true }
+        ]
+      }
     ]
   },
   {
@@ -1397,8 +1576,40 @@ var searchCommonProps = [
     ],
     group: "appearance"
   },
-  { name: "disableGrid", kind: "boolean", label: "\uACA9\uC790 \uBCF4\uAE30 \uB044\uAE30", group: "appearance" },
-  { name: "disableList", kind: "boolean", label: "\uBAA9\uB85D \uBCF4\uAE30 \uB044\uAE30", group: "appearance" },
+  {
+    name: "views",
+    kind: "array",
+    label: "\uBCF4\uAE30 \uC804\uD658 \uD56D\uBAA9",
+    description: "\uC804\uD658 \uBC84\uD2BC\uC5D0 \uB178\uCD9C\uD560 \uBCF4\uAE30\uC640 \uADF8 \uB77C\uBCA8\xB7\uC544\uC774\uCF58\xB7\uC21C\uC11C. \uC0DD\uB7B5\uD558\uBA74 \uBAA9\uB85D\xB7\uCE74\uB4DC \uB450 \uCE78\uC774 \uAE30\uBCF8\uC774\uACE0 disableGrid/disableList\uAC00 \uADF8 \uCD95\uC57D\uD615\uC73C\uB85C \uB3D9\uC791\uD55C\uB2E4(\uB458 \uB2E4 \uC624\uBA74 views\uAC00 \uC774\uAE34\uB2E4). \uD55C \uCE78\uB9CC \uB0A8\uC73C\uBA74 \uC804\uD658 \uBC84\uD2BC\uC744 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4. gridCard \uC5C6\uC774 \uCE74\uB4DC \uBCF4\uAE30\uB97C \uB123\uC73C\uBA74 \uAC78\uB7EC\uC9C4\uB2E4.",
+    group: "appearance",
+    item: [
+      {
+        name: "value",
+        kind: "enum",
+        label: "\uBCF4\uAE30",
+        required: true,
+        options: [
+          { value: "list", label: "\uBAA9\uB85D" },
+          { value: "grid", label: "\uCE74\uB4DC" }
+        ]
+      },
+      { name: "icon", kind: "icon", label: "\uC544\uC774\uCF58", description: "\uC0DD\uB7B5 \uC2DC list / layout-grid" },
+      { name: "label", kind: "string", label: "\uB77C\uBCA8", description: "\uC0DD\uB7B5 \uC2DC \uBAA9\uB85D / \uCE74\uB4DC" }
+    ]
+  },
+  {
+    name: "pageSizes",
+    kind: "array",
+    label: "\uD398\uC774\uC9C0\uB2F9 \uAC74\uC218 \uC120\uD0DD\uC9C0",
+    description: "\uC0DD\uB7B5 \uC2DC [10, 20, 50, 100]. \uCCAB \uAC12\uC774 \uAE30\uBCF8 \uD398\uC774\uC9C0 \uD06C\uAE30\uB2E4.",
+    group: "appearance",
+    advanced: true,
+    // 원소가 숫자 하나뿐인 스칼라 배열 — 필드가 없다는 뜻으로 item을 비워 둔다
+    itemKind: "number",
+    item: []
+  },
+  { name: "disableGrid", kind: "boolean", label: "\uACA9\uC790 \uBCF4\uAE30 \uB044\uAE30", description: "views\uC758 \uCD95\uC57D\uD615", group: "appearance" },
+  { name: "disableList", kind: "boolean", label: "\uBAA9\uB85D \uBCF4\uAE30 \uB044\uAE30", description: "views\uC758 \uCD95\uC57D\uD615", group: "appearance" },
   { name: "searchPlaceholder", kind: "string", label: "\uAC80\uC0C9\uCC3D \uC548\uB0B4 \uBB38\uAD6C", group: "content" },
   { name: "rowClick", kind: "action", label: "\uD589 \uD074\uB9AD", eventArg: "\uD589 \uAC1D\uCCB4 \uC804\uCCB4", group: "behavior" },
   {
@@ -1619,9 +1830,10 @@ var ProgressBarMeta = {
   label: "\uC9C4\uD589 \uB9C9\uB300",
   category: "feedback",
   icon: "minus",
-  description: "0~100 \uC9C4\uD589\uB960. \uBC94\uC704\uB97C \uBC97\uC5B4\uB09C \uAC12\uC740 \uAD6C\uD604\uC5D0\uC11C \uC798\uB77C \uB0B8\uB2E4.",
+  description: "\uC9C4\uCC99\xB7\uC6A9\uB7C9 \uB9C9\uB300(.wp-meter). \uBC94\uC704\uB97C \uBC97\uC5B4\uB09C \uAC12\uC740 \uAD6C\uD604\uC5D0\uC11C \uC798\uB77C \uB0B8\uB2E4.",
   props: [
-    { name: "value", kind: "number", label: "\uAC12(0~100)", required: true, bindable: true, group: "data" },
+    { name: "value", kind: "number", label: "\uAC12", required: true, bindable: true, group: "data" },
+    { name: "max", kind: "number", label: "\uCD5C\uB300\uAC12", default: 100, bindable: true, description: "\uBD84\uBAA8\uAC00 100\uC774 \uC544\uB2CC \uC6A9\uB7C9 \uAC8C\uC774\uC9C0\uC5D0 \uC4F4\uB2E4.", group: "data" },
     {
       name: "tone",
       kind: "enum",
@@ -1637,13 +1849,33 @@ var ProgressBarMeta = {
       ],
       group: "appearance"
     },
+    {
+      name: "size",
+      kind: "enum",
+      label: "\uB450\uAED8",
+      default: "md",
+      options: [
+        { value: "sm", label: "sm 4px" },
+        { value: "md", label: "md 6px" },
+        { value: "lg", label: "lg 8px" }
+      ],
+      group: "appearance"
+    },
+    {
+      name: "striped",
+      kind: "boolean",
+      label: "\uC0AC\uC120 \uD574\uCE58",
+      default: false,
+      description: "\uC9C4\uD589 \uC911\uC778 \uC791\uC5C5\uC5D0\uB9CC. \uBA48\uCD98 \uAC12\uC5D0 \uC4F0\uBA74 \uC6C0\uC9C1\uC774\uB294 \uAC83\uCC98\uB7FC \uC77D\uD78C\uB2E4.",
+      group: "appearance"
+    },
     { name: "label", kind: "node", label: "\uB77C\uBCA8", slot: true, group: "content" },
     {
       name: "showValue",
       kind: "boolean",
       label: "\uAC12 \uD45C\uC2DC",
       default: false,
-      description: "\uB77C\uBCA8 \uC904 \uC624\uB978\uCABD \uB05D\uC5D0 \uD604\uC7AC \uAC12\uC744 \uD37C\uC13C\uD2B8\uB85C \uC801\uB294\uB2E4. \uC5EC\uB7EC \uB9C9\uB300\uB97C \uC313\uC544 \uBE44\uAD50\uD560 \uB54C \uD544\uC694\uD558\uB2E4.",
+      description: "\uB77C\uBCA8\uC774 \uC788\uC73C\uBA74 \uB77C\uBCA8 \uC904 \uC624\uB978\uCABD \uB05D\uC5D0, \uC5C6\uC73C\uBA74 \uB9C9\uB300 \uC624\uB978\uCABD \uC606\uC5D0 \uD37C\uC13C\uD2B8\uB97C \uC801\uB294\uB2E4.",
       group: "appearance"
     },
     styleProp,
@@ -1672,6 +1904,14 @@ var SpinnerMeta = {
       ],
       group: "appearance"
     },
+    {
+      name: "inverse",
+      kind: "boolean",
+      label: "\uC5B4\uB450\uC6B4 \uD45C\uBA74 \uC704",
+      default: false,
+      description: "\uB124\uC774\uBE44/\uBDF0\uC5B4 \uD45C\uBA74 \uC704\uC5D0\uC11C \uD14C\uB450\uB9AC\uB97C \uBC1D\uC740 \uCABD\uC73C\uB85C \uB4A4\uC9D1\uB294\uB2E4.",
+      group: "appearance"
+    },
     { name: "label", kind: "string", label: "\uC124\uBA85", description: "\uC811\uADFC\uC131 \uB77C\uBCA8 \uACB8 \uC606 \uCEA1\uC158", group: "content" },
     classNameProp
   ],
@@ -1703,6 +1943,7 @@ var ToastMeta = {
       group: "appearance"
     },
     { name: "title", kind: "node", label: "\uC81C\uBAA9", slot: true, group: "content" },
+    { name: "action", kind: "node", label: "\uC778\uB77C\uC778 \uC561\uC158", slot: true, description: '\uB418\uB3CC\uB9AC\uAE30 \uAC19\uC740 \uAC83 \uD558\uB098. Button variant="link"\uB97C \uB123\uB294\uB2E4.', group: "content" },
     { name: "onClose", kind: "action", label: "\uB2EB\uAE30", group: "behavior" },
     classNameProp
   ],

package/dist/rich.js

@@ -1,5 +1,6 @@
-import { HoistedStyle, Spinner, EmptyState } from './chunk-AR2JYE75.js';
-export { DatePicker, DateRangePicker } from './chunk-AR2JYE75.js';
+import { HoistedStyle } from './chunk-YJMD6MOE.js';
+export { DatePicker, DateRangePicker } from './chunk-YJMD6MOE.js';
+import { Spinner, EmptyState } from './chunk-ZUCI34QY.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';