sellmate-design-system-react 9.0.0-beta.10 → 9.0.0-beta.12

package/dist/components/STooltip/README.md

@@ -40,6 +40,26 @@
 | `show` | `() => void` | 툴팁을 표시합니다. |
 | `hide` | `() => void` | 툴팁을 숨깁니다. |
 
+## Types
+
+### STooltipTrigger
+
+```ts
+export type STooltipTrigger = 'hover' | 'click' | 'none';
+```
+
+### STooltipPlacement
+
+```ts
+export type STooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+```
+
+### STooltipType
+
+```ts
+export type STooltipType = 'default' | 'danger' | 'warning' | 'accent';
+```
+
 ## Dependencies
 
 ### Used by

package/dist/components/STree/README.md

@@ -56,6 +56,44 @@
 | `onValueChange` | `(value: string[], node: STreeNode) => void` | 선택 변경 |
 | `onExpandedChange` | `(expandedIds: string[], node: STreeNode) => void` | 펼침 변경 |
 
+## Types
+
+### STreeNode
+
+```ts
+export interface STreeNode {
+  /** 노드 고유 ID */
+  id: string;
+  /** 노드 라벨 */
+  label: ReactNode;
+  /** 하위 노드 */
+  children?: STreeNode[];
+  /** 비활성 상태 */
+  disabled?: boolean;
+}
+```
+
+### STreeSize
+
+```ts
+export type STreeSize = 'sm' | 'md';
+```
+
+### STreeItemRenderState
+
+```ts
+export interface STreeItemRenderState {
+  node: STreeNode;
+  depth: number;
+  size: STreeSize;
+  expanded: boolean;
+  selected: boolean;
+  indeterminate: boolean;
+  disabled: boolean;
+  hasChildren: boolean;
+}
+```
+
 ## Dependencies
 
 ### Depends on

package/dist/index.cjs

@@ -3349,6 +3349,7 @@ var BADGE_COLORS = [
   "orange",
   "yellow",
   "green",
+  "lightblue",
   "blue",
   "darkblue",
   "indigo",
@@ -7010,7 +7011,7 @@ function SModalContainer({
                 "div",
                 {
                   className: cn(
-                    "relative flex max-h-[85dvh] max-w-[calc(100dvw-48px)] flex-col overflow-hidden rounded-[var(--cmp-modal-radius)] bg-[var(--cmp-modal-bg)] shadow-normal-md",
+                    "relative flex max-h-[calc(100dvh-48px)] max-w-[calc(100dvw-48px)] flex-col overflow-hidden rounded-[var(--cmp-modal-radius)] bg-[var(--cmp-modal-bg)] shadow-normal-md",
                     shaking && "animate-modal-shake",
                     className
                   ),
@@ -7267,7 +7268,7 @@ function SActionModal({
       showClose: true,
       width,
       height,
-      className: "w-fit min-w-[min(480px,calc(100dvw-48px))] min-h-[min(320px,85dvh)]",
+      className: "w-fit min-w-[min(480px,calc(100dvw-48px))] min-h-[min(320px,calc(100dvh-48px))]",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-auto flex-col", children: [
         /* @__PURE__ */ jsxRuntime.jsx(SOverlayHeader, { title: modalTitle, description, reserveCloseSpace: true }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto px-[var(--cmp-modal-action-body-paddingX)] pb-[var(--cmp-modal-action-body-paddingBottom)]", children }),
@@ -10208,6 +10209,122 @@ var SField = /* @__PURE__ */ react.forwardRef(function SField2({
   );
 });
 
+// src/lib/autofill.ts
+var AUTOFILL_RESET_CLASS = "autofill:[-webkit-text-fill-color:currentColor] autofill:[box-shadow:0_0_0_1000px_var(--sys-color-field-bg-default)_inset] autofill:[transition:background-color_5000s_ease-in-out_0s] [&:-webkit-autofill]:[-webkit-text-fill-color:currentColor] [&:-webkit-autofill]:[box-shadow:0_0_0_1000px_var(--sys-color-field-bg-default)_inset] [&:-webkit-autofill]:[transition:background-color_5000s_ease-in-out_0s]";
+var FONT = {
+  sm: {
+    fontSize: 12,
+    lineHeight: 20,
+    paddingX: "var(--cmp-textinput-sm-paddingX)",
+    gap: "var(--cmp-textinput-sm-gap)"
+  },
+  md: {
+    fontSize: 14,
+    lineHeight: 24,
+    paddingX: "var(--cmp-textinput-md-paddingX)",
+    gap: "var(--cmp-textinput-md-gap)"
+  }
+};
+var SSearchInput = /* @__PURE__ */ react.forwardRef(function SSearchInput2({
+  value,
+  onValueChange,
+  onChange,
+  onSearch,
+  size = "sm",
+  placeholder = "\uACB0\uACFC \uB0B4 \uAC80\uC0C9",
+  clearable = false,
+  disabled = false,
+  width,
+  focused,
+  hovered,
+  inputClass,
+  inputStyle,
+  className,
+  style,
+  onKeyDown,
+  ...rest
+}, ref) {
+  const f = FONT[size];
+  const hasValue = value !== void 0 && value !== null && String(value) !== "";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SField,
+    {
+      size,
+      width,
+      focused,
+      hovered,
+      disabled,
+      className,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex h-full w-full items-center",
+          style: {
+            gap: f.gap,
+            padding: `0 ${f.paddingX}`,
+            fontSize: f.fontSize,
+            lineHeight: `${f.lineHeight}px`
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SIcon,
+              {
+                name: "search",
+                size: 16,
+                color: disabled ? "var(--sys-color-disabled-icon)" : "var(--cmp-textinput-icon-default)",
+                className: "flex-shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref,
+                type: "search",
+                value: value ?? "",
+                disabled,
+                placeholder,
+                onChange: (e) => {
+                  onChange?.(e);
+                  onValueChange?.(e.target.value);
+                },
+                onKeyDown: (e) => {
+                  onKeyDown?.(e);
+                  if (e.key === "Enter" && !e.nativeEvent.isComposing) {
+                    onSearch?.(e.currentTarget.value);
+                  }
+                },
+                className: cn(
+                  // type="search" 의 브라우저 기본 취소 버튼은 clearable 과 겹치므로 지운다
+                  "h-full min-w-0 flex-1 border-0 bg-transparent p-0 outline-none placeholder:text-[color:var(--sys-color-field-text-placeholder)] disabled:cursor-not-allowed [&::-webkit-search-cancel-button]:hidden",
+                  AUTOFILL_RESET_CLASS,
+                  inputClass
+                ),
+                style: {
+                  // fontSize/lineHeight 는 컨테이너에서 상속 (원본 font-size: inherit)
+                  color: disabled ? "var(--cmp-textinput-text-disabled)" : "var(--sys-color-field-text-default)",
+                  ...inputStyle
+                },
+                ...rest
+              }
+            ),
+            clearable && hasValue && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+              SGhostButton,
+              {
+                icon: "close",
+                size: "xxs",
+                ariaLabel: "\uC9C0\uC6B0\uAE30",
+                className: "flex-shrink-0",
+                onClick: () => onValueChange?.("")
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+
 // src/components/SSelect/select.config.ts
 function flattenOptions(options, depth = 1) {
   const out = [];
@@ -10626,31 +10743,17 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
                     {
                       ref: searchBarRef,
                       className: "sticky top-0 z-[1] bg-[var(--cmp-listBox-bg)] px-[8px] py-[4px]",
-                      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-[6px] rounded-[4px] border border-solid border-[color:var(--color-grey-45)] bg-white px-[8px] py-[4px] focus-within:border-[color:var(--sys-color-field-border-focus)]", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "search", size: 16, color: "var(--color-grey-70)", className: "shrink-0" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "input",
-                          {
-                            ref: searchInputRef,
-                            value: search,
-                            onChange: (e) => setSearch(e.target.value),
-                            onKeyDown: handleKeyDown,
-                            placeholder: "\uAC80\uC0C9",
-                            className: "min-w-0 flex-1 border-none bg-transparent text-[12px] leading-[20px] text-[color:var(--cmp-select-text-default)] outline-none placeholder:text-[color:var(--color-grey-55)]"
-                          }
-                        ),
-                        search !== "" && /* @__PURE__ */ jsxRuntime.jsx(
-                          SGhostButton,
-                          {
-                            icon: "close",
-                            size: "xxs",
-                            intent: "default",
-                            ariaLabel: "\uAC80\uC0C9\uC5B4 \uC9C0\uC6B0\uAE30",
-                            onClick: () => setSearch(""),
-                            className: "shrink-0"
-                          }
-                        )
-                      ] })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        SSearchInput,
+                        {
+                          ref: searchInputRef,
+                          value: search,
+                          onValueChange: setSearch,
+                          onKeyDown: handleKeyDown,
+                          placeholder: "\uAC80\uC0C9",
+                          clearable: true
+                        }
+                      )
                     }
                   ),
                   hasItems ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -11530,9 +11633,6 @@ var STableBar = /* @__PURE__ */ react.forwardRef(function STableBar2({ total, se
     }
   );
 });
-
-// src/lib/autofill.ts
-var AUTOFILL_RESET_CLASS = "autofill:[-webkit-text-fill-color:currentColor] autofill:[box-shadow:0_0_0_1000px_var(--sys-color-field-bg-default)_inset] autofill:[transition:background-color_5000s_ease-in-out_0s] [&:-webkit-autofill]:[-webkit-text-fill-color:currentColor] [&:-webkit-autofill]:[box-shadow:0_0_0_1000px_var(--sys-color-field-bg-default)_inset] [&:-webkit-autofill]:[transition:background-color_5000s_ease-in-out_0s]";
 var HIDE_DELAY_MS2 = 100;
 function mergeRefs(...refs) {
   return (node) => {
@@ -11594,7 +11694,7 @@ function useTruncatedValueTooltip({
     ] }) : null
   };
 }
-var FONT = {
+var FONT2 = {
   sm: { fontSize: 12, lineHeight: 20, paddingX: "var(--cmp-textinput-sm-paddingX)" },
   md: { fontSize: 14, lineHeight: 24, paddingX: "var(--cmp-textinput-md-paddingX)" }
 };
@@ -11635,7 +11735,7 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
 }, ref) {
   const [visible, setVisible] = react.useState(false);
   const [ruleError, setRuleError] = react.useState("");
-  const f = FONT[size];
+  const f = FONT2[size];
   const isPassword = type === "password";
   const inputType = isPassword ? visible ? "text" : "password" : type;
   const hasValue = value !== void 0 && value !== null && String(value) !== "";
@@ -14503,119 +14603,6 @@ function SRadioButton({
     }
   );
 }
-var FONT2 = {
-  sm: {
-    fontSize: 12,
-    lineHeight: 20,
-    paddingX: "var(--cmp-textinput-sm-paddingX)",
-    gap: "var(--cmp-textinput-sm-gap)"
-  },
-  md: {
-    fontSize: 14,
-    lineHeight: 24,
-    paddingX: "var(--cmp-textinput-md-paddingX)",
-    gap: "var(--cmp-textinput-md-gap)"
-  }
-};
-var SSearchInput = /* @__PURE__ */ react.forwardRef(function SSearchInput2({
-  value,
-  onValueChange,
-  onChange,
-  onSearch,
-  size = "sm",
-  placeholder = "\uACB0\uACFC \uB0B4 \uAC80\uC0C9",
-  clearable = false,
-  disabled = false,
-  width,
-  focused,
-  hovered,
-  inputClass,
-  inputStyle,
-  className,
-  style,
-  onKeyDown,
-  ...rest
-}, ref) {
-  const f = FONT2[size];
-  const hasValue = value !== void 0 && value !== null && String(value) !== "";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SField,
-    {
-      size,
-      width,
-      focused,
-      hovered,
-      disabled,
-      className,
-      style,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "flex h-full w-full items-center",
-          style: {
-            gap: f.gap,
-            padding: `0 ${f.paddingX}`,
-            fontSize: f.fontSize,
-            lineHeight: `${f.lineHeight}px`
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SIcon,
-              {
-                name: "search",
-                size: 16,
-                color: disabled ? "var(--sys-color-disabled-icon)" : "var(--cmp-textinput-icon-default)",
-                className: "flex-shrink-0"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref,
-                type: "search",
-                value: value ?? "",
-                disabled,
-                placeholder,
-                onChange: (e) => {
-                  onChange?.(e);
-                  onValueChange?.(e.target.value);
-                },
-                onKeyDown: (e) => {
-                  onKeyDown?.(e);
-                  if (e.key === "Enter" && !e.nativeEvent.isComposing) {
-                    onSearch?.(e.currentTarget.value);
-                  }
-                },
-                className: cn(
-                  // type="search" 의 브라우저 기본 취소 버튼은 clearable 과 겹치므로 지운다
-                  "h-full min-w-0 flex-1 border-0 bg-transparent p-0 outline-none placeholder:text-[color:var(--sys-color-field-text-placeholder)] disabled:cursor-not-allowed [&::-webkit-search-cancel-button]:hidden",
-                  AUTOFILL_RESET_CLASS,
-                  inputClass
-                ),
-                style: {
-                  // fontSize/lineHeight 는 컨테이너에서 상속 (원본 font-size: inherit)
-                  color: disabled ? "var(--cmp-textinput-text-disabled)" : "var(--sys-color-field-text-default)",
-                  ...inputStyle
-                },
-                ...rest
-              }
-            ),
-            clearable && hasValue && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
-              SGhostButton,
-              {
-                icon: "close",
-                size: "xxs",
-                ariaLabel: "\uC9C0\uC6B0\uAE30",
-                className: "flex-shrink-0",
-                onClick: () => onValueChange?.("")
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-});
 var CHIPFILTER_LISTBOX_WIDTH = 240;
 var CHIPFILTER_DATE_PRESET_LISTBOX_WIDTH = 246;
 var CHIPFILTER = {
@@ -14708,10 +14695,10 @@ var createPeriodValue = (unit) => ({
 });
 var resolveFieldDefault = (field) => {
   if (field.defaultValue !== void 0) return field.defaultValue;
-  if (isInlineDateField(field)) return todayIso();
+  if (field.type === "date")
+    return isInlineDateField(field) || field.required ? todayIso() : void 0;
   if (!field.required) return void 0;
   if (field.type === "single") return field.options?.[0]?.value;
-  if (field.type === "date") return todayIso();
   if (field.type === "period") {
     const unit = getFieldPresets(field).find((preset) => !preset.custom)?.value;
     return unit ? createPeriodValue(unit) : void 0;
@@ -14738,10 +14725,18 @@ var isAtDefaultValue = (field, value) => {
   const def = resolveFieldDefault(field);
   return def !== void 0 && valuesEqual(value, def);
 };
+var resetTargetValue = (field) => {
+  const def = resolveFieldDefault(field);
+  return def !== void 0 ? def : null;
+};
+var isAtResetTarget = (field, value) => {
+  const target = resetTargetValue(field);
+  if (isEmptyValue(value) && isEmptyValue(target)) return true;
+  return valuesEqual(value, target);
+};
 var isInlineField = (field) => isInlineDateField(field) || field.type === "custom";
-var isFixedField = (field) => field.fix === true || field.required === true;
+var isFixedField = (field) => field.fixed === true || field.required === true;
 var isAddableField = (field) => !isFixedField(field);
-var isGroupedFields = (fields) => fields.length > 0 && "fields" in fields[0];
 var isGroupSatisfied = (group, values) => {
   if (!group.rule) return true;
   const keys = group.fields.map((f) => f.key);
@@ -14821,7 +14816,7 @@ var chipDisplayValue = (field, value) => {
   return preset && !preset.custom ? `${preset.label}(${text})` : text;
 };
 var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
-  fields: fieldsProp = [],
+  fields: groups = [],
   value,
   onValueChange,
   onFilterChange,
@@ -14837,16 +14832,11 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
   className,
   style
 }, ref) {
-  const usingGroupedFields = isGroupedFields(fieldsProp);
-  const groups = react.useMemo(
-    () => usingGroupedFields ? fieldsProp : [{ fields: fieldsProp }],
-    [usingGroupedFields, fieldsProp]
-  );
   const fields = react.useMemo(() => groups.flatMap((group) => group.fields), [groups]);
   const values = normalizeValues(value);
   const portalContainer = usePortalContainer();
   const [internalActiveKeys, setInternalActiveKeys] = react.useState(
-    () => fields.filter((field) => isFixedField(field) || field.defaultActive !== false).map((field) => field.key)
+    () => fields.filter(isFixedField).map((field) => field.key)
   );
   const [openKey, setOpenKey] = react.useState(null);
   const [addOpen, setAddOpen] = react.useState(false);
@@ -14888,9 +14878,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
     setInternalActiveKeys((current) => {
       const known = new Set(fields.map((field) => field.key));
       const kept = current.filter((key) => known.has(key));
-      const additions = fields.filter(
-        (field) => (isFixedField(field) || field.defaultActive !== false) && !kept.includes(field.key)
-      ).map((field) => field.key);
+      const additions = fields.filter((field) => isFixedField(field) && !kept.includes(field.key)).map((field) => field.key);
       return [...kept, ...additions];
     });
   }, [activeKeys, fields]);
@@ -14923,7 +14911,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
   groups.forEach((group, groupIndex) => {
     group.fields.forEach((field) => groupIndexByKey.set(field.key, groupIndex));
   });
-  const hasValue = fields.some((field) => !isEmptyValue(values[field.key]));
+  const canReset = fields.some((field) => !isAtResetTarget(field, values[field.key]));
   const hasAddButton = fields.some(isAddableField);
   const hasRightActions = hasAddButton || showReset;
   const currentOpenField = fields.find((field) => field.key === openKey);
@@ -14962,8 +14950,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
   };
   const reset = react.useCallback(() => {
     const next = fields.reduce((acc, field) => {
-      const def = resolveFieldDefault(field);
-      acc[field.key] = def !== void 0 ? def : null;
+      acc[field.key] = resetTargetValue(field);
       return acc;
     }, {});
     onValueChange?.(next);
@@ -15021,7 +15008,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
             const flushRun = () => {
               if (runBuffer.length === 0) return;
               const group = runGroupIndex != null ? groups[runGroupIndex] : void 0;
-              const message = usingGroupedFields && group?.rule ? group.tooltipMessage ?? defaultGroupTooltipMessage(group.rule, group.fields) : void 0;
+              const message = group?.rule ? group.tooltipMessage ?? defaultGroupTooltipMessage(group.rule, group.fields) : void 0;
               if (message) {
                 nodes.push(
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -15045,7 +15032,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
               const warning = field.warning || invalidGroups.has(groupIndex);
               const prevField = index > 0 ? activeFields[index - 1] : null;
               const prevGroupIndex = prevField ? groupIndexByKey.get(prevField.key) ?? 0 : null;
-              const needsLeadingDivider = index === 0 ? false : inline || prevField != null && isInlineField(prevField) || groupIndex !== prevGroupIndex;
+              const needsLeadingDivider = index === 0 ? false : inline || prevField != null && isInlineField(prevField) || groupIndex !== prevGroupIndex && groups[groupIndex]?.divider === true;
               if (groupIndex !== runGroupIndex) {
                 flushRun();
                 runGroupIndex = groupIndex;
@@ -15059,7 +15046,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                 }
                 clearValue(field.key);
               };
-              const node = isInlineDateField(field) ? /* @__PURE__ */ jsxRuntime.jsx(
+              const node = field.type === "date" && isInlineDateField(field) ? /* @__PURE__ */ jsxRuntime.jsx(
                 InlineDatePresetFilter,
                 {
                   field,
@@ -15085,7 +15072,14 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                     "aria-label": `${field.label} \uD544\uD130 \uC81C\uAC70`,
                     className: "inline-flex size-[16px] shrink-0 items-center justify-center rounded-[var(--cmp-ghostButton-radius-sm)] border-none bg-transparent p-0",
                     onClick: handleClear,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "close", size: 12, color: "var(--cmp-ghostButton-default-content)" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      SIcon,
+                      {
+                        name: "close",
+                        size: 12,
+                        color: "var(--cmp-ghostButton-default-content)"
+                      }
+                    )
                   }
                 )
               ] }, field.key) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -15159,32 +15153,22 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                 }
               ) })
             ] }),
-            showReset && /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
+            showReset && /* @__PURE__ */ jsxRuntime.jsx(
+              STextLink,
               {
-                type: "button",
-                disabled: disabled || !hasValue,
+                size: "sm",
+                icon: "reset",
+                iconColor: "grey_80",
+                label: "\uAC80\uC0C9 \uCD08\uAE30\uD654",
+                labelClass: "text-grey-80",
+                disabled: disabled || !canReset,
                 onClick: reset,
                 className: cn(
-                  "inline-flex shrink-0 cursor-pointer items-center gap-[4px] border-none bg-transparent p-0 text-[12px] font-medium leading-[20px] disabled:cursor-not-allowed",
+                  "shrink-0",
                   // 부모 flex gap(6px)은 칩 사이 간격 기준이라, 필터 추가 버튼과의 12px 간격을 맞추려면
                   // 부족한 만큼(12px - gap)을 추가로 띄운다. 필터 추가가 없을 땐 divider와 이미 12px이라 불필요.
                   hasAddButton && "ml-[calc(12px-var(--cmp-chipFilter-chip-group))]"
-                ),
-                style: {
-                  color: disabled || !hasValue ? "var(--cmp-textLink-content-disabled)" : "var(--cmp-textLink-content-default)"
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    SIcon,
-                    {
-                      name: "reset",
-                      size: 16,
-                      color: disabled || !hasValue ? "var(--cmp-textLink-icon-disabled)" : "var(--cmp-textLink-icon-default)"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\uAC80\uC0C9 \uCD08\uAE30\uD654" })
-                ]
+                )
               }
             )
           ] })