sellmate-design-system-react 0.8.2 → 0.8.3

package/dist/components/STable/STable.js

@@ -2919,7 +2919,7 @@ function SCheckbox({
           }
         ),
         label && // 고스트(500) 텍스트로 너비를 고정 → 두께 400↔500 전환 시 레이아웃이 밀리지 않음
-        /* @__PURE__ */ jsxs("span", { className: "grid text-[12px] leading-[20px]", style: { color: labelColor }, children: [
+        /* @__PURE__ */ jsxs("span", { className: "grid text-nowrap text-[12px] leading-[20px]", style: { color: labelColor }, children: [
           /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "invisible font-medium", style: { gridArea: "1 / 1" }, children: label }),
           /* @__PURE__ */ jsx("span", { style: { gridArea: "1 / 1", fontWeight: isChecked ? 500 : 400 }, children: label })
         ] })
@@ -4294,8 +4294,9 @@ function ItemList({
         ]
       }
     ),
-    items.map((o) => {
+    items.map((o, idx) => {
       const padLeft = o.depth === 1 ? 12 : o.depth === 2 ? 20 : 28;
+      const rowKey = `${o.value}-${idx}`;
       if (o.isGroup) {
         const isDepth1 = o.depth === 1;
         return /* @__PURE__ */ jsx(
@@ -4312,7 +4313,7 @@ function ItemList({
             style: { paddingLeft: padLeft },
             children: o.label
           },
-          o.value
+          rowKey
         );
       }
       const isSelected = selected.includes(o.value);
@@ -4369,7 +4370,7 @@ function ItemList({
             ) : /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: o.label })
           ]
         },
-        o.value
+        rowKey
       );
     })
   ] });