@mindlogic-ai/logician-ui 5.0.0-alpha.4 → 5.0.0-alpha.6

package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts

@@ -15,5 +15,5 @@ import { FormModalFooterProps } from './FormModalFooter.types';
  * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
  * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
  */
-export declare const FormModalFooter: ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette, isSubmitting, submitDisabled, onSubmit, bordered, ...rest }: FormModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormModalFooter: ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette, isSubmitting, submitLoadingText, submitDisabled, onSubmit, bordered, ...rest }: FormModalFooterProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormModalFooter.d.ts.map

package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,4CA+CtB,CAAC"}
+{"version":3,"file":"FormModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,GAAI,iKAa7B,oBAAoB,4CAgDtB,CAAC"}

package/dist/components/Form/FormModalFooter/FormModalFooter.js

@@ -40,7 +40,7 @@ require('../../Typography/Text.js');
  * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
  * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
  */
-const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
+const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitLoadingText, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
     return (jsxRuntime.jsxs(ModalFooter.ModalFooter, { justifyContent: "flex-end", gap: 2, ...(bordered
             ? {
                 bg: 'bg.surface',
@@ -53,7 +53,7 @@ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitL
             , { 
                 // 5.0 has no colour axis: the deprecated `submitColorPalette` only
                 // picks between the two filled roles.
-                variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
+                variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, loadingText: submitLoadingText, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
 };
 
 exports.FormModalFooter = FormModalFooter;

package/dist/components/Form/FormModalFooter/FormModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormModalFooter.js","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","ModalFooter","Button","_jsx","TrashIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,uBAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPD,eAAA,CAACE,aAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,cAAA,CAACC,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDD,cAAA,CAACD,aAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTC,eAACD;;;;;;AAGC,gBAAA,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,YAAY,IAAI,cAAc,EAAA,QAAA,EAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}
+{"version":3,"file":"FormModalFooter.js","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","ModalFooter","Button","_jsx","TrashIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,uBAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPD,eAAA,CAACE,aAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,cAAA,CAACC,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDD,cAAA,CAACD,aAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTC,eAACD;;;;;;gBAGC,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAE,YAAY,IAAI,cAAc,YAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}

package/dist/components/Form/FormModalFooter/FormModalFooter.mjs

@@ -38,7 +38,7 @@ import '../../Typography/Text.mjs';
  * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
  * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
  */
-const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
+const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitLoadingText, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
     return (jsxs(ModalFooter, { justifyContent: "flex-end", gap: 2, ...(bordered
             ? {
                 bg: 'bg.surface',
@@ -51,7 +51,7 @@ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitL
             , { 
                 // 5.0 has no colour axis: the deprecated `submitColorPalette` only
                 // picks between the two filled roles.
-                variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
+                variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, loadingText: submitLoadingText, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
 };
 
 export { FormModalFooter };

package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormModalFooter.mjs","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTA,IAAC;;;;;;AAGC,gBAAA,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,YAAY,IAAI,cAAc,EAAA,QAAA,EAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}
+{"version":3,"file":"FormModalFooter.mjs","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTA,IAAC;;;;;;gBAGC,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAE,YAAY,IAAI,cAAc,YAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}

package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts

@@ -29,6 +29,13 @@ export interface FormModalFooterProps extends Omit<ModalFooterProps, 'children'
      * modal can't be dismissed or re-submitted mid-request.
      */
     isSubmitting?: boolean;
+    /**
+     * What the submit button says while `isSubmitting`, as a short present-tense
+     * state ("Saving", "저장 중"). Forwarded to the Button's `loadingText`, so the
+     * busy button keeps a name instead of becoming a bare spinner (Button usage:
+     * `loading` needs `loadingText`). The app owns the copy, like every label here.
+     */
+    submitLoadingText?: ReactNode;
     /**
      * Extra disable condition for the primary button beyond `isSubmitting` — a
      * pristine/invalid gate (e.g. `!name.trim()`).

package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "5.0.0-alpha.4",
+  "version": "5.0.0-alpha.6",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/Form/Form.usage.mdx

@@ -121,7 +121,8 @@ What these parts do for you:
 - `FormModalFooter` keeps the submit a `type="submit"` button inside a
   `<form>`, so Enter submits; pass `onSubmit` only for a portalled or
   form-less modal. `isSubmitting` disables every button so the modal cannot be
-  dismissed mid-request.
+  dismissed mid-request. Pair it with `submitLoadingText` ("Saving") so the
+  busy submit button still says what it is doing.
 - A collapsed `FormSection` with `hasError` swaps its chevron for a danger
   glyph, so hidden errors are not missed.
 
@@ -172,6 +173,7 @@ top rule, `FormSection` `divider` uses `border.subtle`, and `FieldError` uses
 - `FormModalFooter`는 `<form>` 안에서 제출 버튼을 `type="submit"`으로 두어 Enter로
   제출되게 합니다. `onSubmit`은 포털로 그려지거나 `<form>`이 없는 모달에서만 넘깁니다.
   `isSubmitting`이면 모든 버튼이 비활성이 되어 요청 중에 모달이 닫히지 않습니다.
+  `submitLoadingText`("저장 중")를 함께 넘기면 요청 중인 제출 버튼도 무엇을 하는지 말합니다.
 - `hasError`인 `FormSection`이 접혀 있으면 펼침 화살표 대신 위험 표시가 보여 숨은
   오류를 놓치지 않습니다.
 

package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx

@@ -50,7 +50,7 @@ export const WithDelete: Story = {
 
 /** Mid-request: spinner on submit, every button disabled. */
 export const Submitting: Story = {
-  args: { isSubmitting: true },
+  args: { isSubmitting: true, submitLoadingText: 'Saving' },
 };
 
 /** Gated submit (e.g. a required field is empty). */

package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx

@@ -20,12 +20,14 @@ vi.mock('@/components/Button', () => ({
     type,
     disabled,
     loading,
+    loadingText,
   }: {
     children?: ReactNode;
     onClick?: () => void;
     type?: 'button' | 'submit';
     disabled?: boolean;
     loading?: boolean;
+    loadingText?: ReactNode;
   }) => (
     <button
       type={type}
@@ -33,7 +35,7 @@ vi.mock('@/components/Button', () => ({
       disabled={disabled}
       data-loading={loading ? 'true' : 'false'}
     >
-      {children}
+      {loading && loadingText ? loadingText : children}
     </button>
   ),
 }));
@@ -139,6 +141,22 @@ describe('FormModalFooter', () => {
     expect(submit).toHaveAttribute('data-loading', 'true');
   });
 
+  it('names the busy submit button with submitLoadingText', () => {
+    render(
+      <FormModalFooter
+        onCancel={noop}
+        onSubmit={noop}
+        cancelLabel="Cancel"
+        submitLabel="Save"
+        submitLoadingText="Saving"
+        isSubmitting
+      />
+    );
+    const submit = screen.getByRole('button', { name: 'Saving' });
+    expect(submit).toBeDisabled();
+    expect(submit).toHaveAttribute('data-loading', 'true');
+  });
+
   it('disables only the submit button when submitDisabled is set', () => {
     render(
       <FormModalFooter

package/src/components/Form/FormModalFooter/FormModalFooter.tsx

@@ -28,6 +28,7 @@ export const FormModalFooter = ({
   submitLabel,
   submitColorPalette = 'primary',
   isSubmitting = false,
+  submitLoadingText,
   submitDisabled = false,
   onSubmit,
   bordered = false,
@@ -73,6 +74,7 @@ export const FormModalFooter = ({
         type={onSubmit ? 'button' : 'submit'}
         onClick={onSubmit}
         loading={isSubmitting}
+        loadingText={submitLoadingText}
         disabled={isSubmitting || submitDisabled}
       >
         {submitLabel}

package/src/components/Form/FormModalFooter/FormModalFooter.types.ts

@@ -35,6 +35,13 @@ export interface FormModalFooterProps extends Omit<
    * modal can't be dismissed or re-submitted mid-request.
    */
   isSubmitting?: boolean;
+  /**
+   * What the submit button says while `isSubmitting`, as a short present-tense
+   * state ("Saving", "저장 중"). Forwarded to the Button's `loadingText`, so the
+   * busy button keeps a name instead of becoming a bare spinner (Button usage:
+   * `loading` needs `loadingText`). The app owns the copy, like every label here.
+   */
+  submitLoadingText?: ReactNode;
   /**
    * Extra disable condition for the primary button beyond `isSubmitting` — a
    * pristine/invalid gate (e.g. `!name.trim()`).