@mindlogic-ai/logician-ui 4.0.0 → 5.0.0-alpha.0

package/dist/components/FileItem/FileItem.mjs

@@ -24,7 +24,7 @@ import { Tooltip } from '../Tooltip/Tooltip.mjs';
 
 const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting = false, isDownloading = false, ...rest }) => {
     const translate = useTranslate();
-    const errorColor = 'danger.main';
+    const errorColor = 'danger.fg';
     const isUploadingFile = !error && typeof progress === 'number' && progress >= 0 && progress < 100;
     const isFileUploadComplete = !progress || error || progress === 100;
     return (jsxs(Flex, { px: 3, py: 2, gap: 2, justifyContent: "space-between", alignItems: "center", border: "1px solid", borderColor: "border.subtle", w: "100%", position: "relative", _before: {
@@ -35,7 +35,7 @@ const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fil
             left: 0,
             width: '3px',
             backgroundColor: error ? errorColor : 'transparent',
-        }, ...rest, children: [jsxs(Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsx(Box, { minW: 5, children: jsx(FileIcon, { color: error ? errorColor : 'fg.muted' }) }), jsx(Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxs(Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsx(Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsx(Tooltip, { content: error, placement: "top", children: jsx(AlertCircleFilledIcon, { color: errorColor }) }) })) : (jsx(Box, { w: "100%", children: isUploadingFile && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxs(Subtext, { children: [progress, "%"] }), jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsx(Spinner, { size: "xs" }), jsx(IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsx(CloseIcon, { color: "fg.subtle", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxs(Fragment, { children: [fileSize && jsx(Subtitle, { mr: 4, children: formatFileSize(fileSize) }), onFileDownload && !error && (jsx(Fragment$1, { children: isDownloading ? (jsx(Tooltip, { content: translate('downloading'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('download'), placement: "top", children: jsx(IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(DownloadIcon, { color: "fg.muted" }) }) })) })), onFileDelete && (jsx(Fragment$1, { children: isDeleting ? (jsx(Tooltip, { content: translate('deleting'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('delete'), placement: "top", children: jsx(IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(TrashIcon, { boxSize: "sm", color: "fg.muted" }) }) })) }))] }))] })] }));
+        }, ...rest, children: [jsxs(Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsx(Box, { minW: 5, children: jsx(FileIcon, { color: error ? errorColor : 'fg.muted' }) }), jsx(Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxs(Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsx(Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsx(Tooltip, { content: error, placement: "top", children: jsx(AlertCircleFilledIcon, { color: errorColor }) }) })) : (jsx(Box, { w: "100%", children: isUploadingFile && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxs(Subtext, { children: [progress, "%"] }), jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsx(Spinner, { size: "xs" }), jsx(IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, variant: "ghost", children: jsx(CloseIcon, { color: "fg.subtle", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxs(Fragment, { children: [fileSize && jsx(Subtitle, { mr: 4, children: formatFileSize(fileSize) }), onFileDownload && !error && (jsx(Fragment$1, { children: isDownloading ? (jsx(Tooltip, { content: translate('downloading'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('download'), placement: "top", children: jsx(IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", variant: "ghost", children: jsx(DownloadIcon, { color: "fg.muted" }) }) })) })), onFileDelete && (jsx(Fragment$1, { children: isDeleting ? (jsx(Tooltip, { content: translate('deleting'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('delete'), placement: "top", children: jsx(IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", variant: "ghost", children: jsx(TrashIcon, { boxSize: "sm", color: "fg.muted" }) }) })) }))] }))] })] }));
 };
 FileItem.displayName = 'FileItem';
 

package/dist/components/FileItem/FileItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.mjs","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"FileItem.mjs","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ export interface FieldErrorProps {
  * shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
  * wired to the control via `aria-describedby` + `aria-invalid` automatically.
  * Use it inside a `FieldRow` (which flips the field to invalid when an `error`
- * is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
+ * is set) — it replaces the hand-rolled `<Subtext color="danger.fg">` error
  * rows scattered across the app.
  */
 export declare const FieldError: ({ children }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FieldError/FieldError.js

@@ -9,13 +9,13 @@ var react = require('@chakra-ui/react');
  * shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
  * wired to the control via `aria-describedby` + `aria-invalid` automatically.
  * Use it inside a `FieldRow` (which flips the field to invalid when an `error`
- * is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
+ * is set) — it replaces the hand-rolled `<Subtext color="danger.fg">` error
  * rows scattered across the app.
  */
 const FieldError = ({ children }) => {
     if (children == null || children === false || children === '')
         return null;
-    return jsxRuntime.jsx(react.Field.ErrorText, { color: "danger.main", children: children });
+    return jsxRuntime.jsx(react.Field.ErrorText, { color: "danger.fg", children: children });
 };
 
 exports.FieldError = FieldError;

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx","Field"],"mappings":";;;;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,cAAA,CAACC,WAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AAC1E;;;;"}
+{"version":3,"file":"FieldError.js","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx","Field"],"mappings":";;;;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,cAAA,CAACC,WAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AACxE;;;;"}

package/dist/components/Form/FieldError/FieldError.mjs

@@ -7,13 +7,13 @@ import { Field } from '@chakra-ui/react';
  * shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
  * wired to the control via `aria-describedby` + `aria-invalid` automatically.
  * Use it inside a `FieldRow` (which flips the field to invalid when an `error`
- * is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
+ * is set) — it replaces the hand-rolled `<Subtext color="danger.fg">` error
  * rows scattered across the app.
  */
 const FieldError = ({ children }) => {
     if (children == null || children === false || children === '')
         return null;
-    return jsx(Field.ErrorText, { color: "danger.main", children: children });
+    return jsx(Field.ErrorText, { color: "danger.fg", children: children });
 };
 
 export { FieldError };

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.mjs","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,GAAA,CAAC,KAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AAC1E;;;;"}
+{"version":3,"file":"FieldError.mjs","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,GAAA,CAAC,KAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AACxE;;;;"}

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,4CAgDtB,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,8IAY7B,oBAAoB,4CA+CtB,CAAC"}

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

@@ -3,6 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var Button = require('../../Button/Button.js');
+require('../../Button/Button.styles.js');
 var index = require('../../Icon/index.js');
 require('react');
 require('@chakra-ui/react');
@@ -11,6 +12,17 @@ require('../../IconButton/IconButton.js');
 require('../../IconButton/IconButton.styles.js');
 require('../../ScaledContext/ScaledContext.js');
 var ModalFooter = require('../../Modal/ModalFooter/ModalFooter.js');
+require('../../Typography/Caption.js');
+require('../../Typography/H1.js');
+require('../../Typography/H2.js');
+require('../../Typography/H3.js');
+require('../../Typography/H4.js');
+require('../../Typography/H5.js');
+require('../../Typography/Link.js');
+require('../../Typography/Overline.js');
+require('../../Typography/Subtext.js');
+require('../../Typography/Subtitle.js');
+require('../../Typography/Text.js');
 
 /**
  * The action footer shared by form-in-a-modal surfaces — the form analog of a
@@ -35,7 +47,13 @@ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitL
                 borderTop: '1px solid',
                 borderColor: 'border.subtle',
             }
-            : {}), ...rest, children: [onDelete && (jsxRuntime.jsxs(Button.Button, { colorPalette: "danger", variant: "solid", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsxRuntime.jsx(index.TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsxRuntime.jsx(Button.Button, { colorPalette: "neutral", variant: "outline", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsxRuntime.jsx(Button.Button, { colorPalette: submitColorPalette, variant: "solid", type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
+            : {}), ...rest, children: [onDelete && (jsxRuntime.jsxs(Button.Button, { variant: "danger", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsxRuntime.jsx(index.TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsxRuntime.jsx(Button.Button, { variant: "secondary", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsxRuntime.jsx(Button.Button
+            // 5.0 has no colour axis: the deprecated `submitColorPalette` only
+            // picks between the two filled roles.
+            , { 
+                // 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 })] }));
 };
 
 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;cACD,EAAE,CAAC,EAAA,GACH,IAAI,aAEP,QAAQ,KACPD,eAAA,CAACE,aAAM,EAAA,EACL,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAC,OAAO,EACf,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,GAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDD,cAAA,CAACD,aAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,GACL,EACTC,cAAA,CAACD,aAAM,EAAA,EACL,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAC,OAAO,EACf,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,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;;;;"}

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../Button/Button.mjs';
+import '../../Button/Button.styles.mjs';
 import { TrashIcon } from '../../Icon/index.mjs';
 import 'react';
 import '@chakra-ui/react';
@@ -9,6 +10,17 @@ import '../../IconButton/IconButton.mjs';
 import '../../IconButton/IconButton.styles.mjs';
 import '../../ScaledContext/ScaledContext.mjs';
 import { ModalFooter } from '../../Modal/ModalFooter/ModalFooter.mjs';
+import '../../Typography/Caption.mjs';
+import '../../Typography/H1.mjs';
+import '../../Typography/H2.mjs';
+import '../../Typography/H3.mjs';
+import '../../Typography/H4.mjs';
+import '../../Typography/H5.mjs';
+import '../../Typography/Link.mjs';
+import '../../Typography/Overline.mjs';
+import '../../Typography/Subtext.mjs';
+import '../../Typography/Subtitle.mjs';
+import '../../Typography/Text.mjs';
 
 /**
  * The action footer shared by form-in-a-modal surfaces — the form analog of a
@@ -33,7 +45,13 @@ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitL
                 borderTop: '1px solid',
                 borderColor: 'border.subtle',
             }
-            : {}), ...rest, children: [onDelete && (jsxs(Button, { colorPalette: "danger", variant: "solid", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsx(TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsx(Button, { colorPalette: "neutral", variant: "outline", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsx(Button, { colorPalette: submitColorPalette, variant: "solid", type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
+            : {}), ...rest, children: [onDelete && (jsxs(Button, { variant: "danger", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsx(TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsx(Button, { variant: "secondary", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsx(Button
+            // 5.0 has no colour axis: the deprecated `submitColorPalette` only
+            // picks between the two filled roles.
+            , { 
+                // 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 })] }));
 };
 
 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;cACD,EAAE,CAAC,EAAA,GACH,IAAI,aAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAC,OAAO,EACf,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,GAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,GACL,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAC,OAAO,EACf,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,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;;;;"}

package/dist/components/Form/FormSection/CollapsibleFormSection.js

@@ -6,6 +6,7 @@ var react = require('@chakra-ui/react');
 var CollapsibleSection = require('../../Workflow/canvas/CollapsibleSection/CollapsibleSection.js');
 require('react');
 require('../../Button/Button.js');
+require('../../Button/Button.styles.js');
 require('../../Icon/index.js');
 require('../../Menu/Menu.js');
 require('../../Menu/MenuItem.js');

package/dist/components/Form/FormSection/CollapsibleFormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
+{"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}

package/dist/components/Form/FormSection/CollapsibleFormSection.mjs

@@ -4,6 +4,7 @@ import { VStack } from '@chakra-ui/react';
 import { CollapsibleSection } from '../../Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs';
 import 'react';
 import '../../Button/Button.mjs';
+import '../../Button/Button.styles.mjs';
 import '../../Icon/index.mjs';
 import '../../Menu/Menu.mjs';
 import '../../Menu/MenuItem.mjs';

package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
+{"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}

package/dist/components/FormLabel/FormLabel.js

@@ -8,7 +8,7 @@ const FormLabel = (props) => (jsxRuntime.jsx(react.Box, { color: "fg.muted", chi
             marginBottom: '0.125rem',
             marginInlineEnd: 0,
             ...(props.style || {}),
-        }, children: [props.children, jsxRuntime.jsx(react.Field.RequiredIndicator, {})] }) }));
+        }, children: [props.children, jsxRuntime.jsx(react.Field.RequiredIndicator, { color: "danger.fg" })] }) }));
 
 exports.FormLabel = FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/dist/components/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","Box","_jsxs","Field"],"mappings":";;;;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,cAAA,CAACC,SAAG,IAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACnBC,eAAA,CAACC,WAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;AACvB,SAAA,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,QAAQ,EAOfH,cAAA,CAACG,WAAK,CAAC,iBAAiB,EAAA,EAAA,CAAG,CAAA,EAAA,CACf,EAAA,CACV;;;;"}
+{"version":3,"file":"FormLabel.js","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","Box","_jsxs","Field"],"mappings":";;;;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,cAAA,CAACC,SAAG,IAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACnBC,eAAA,CAACC,WAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;AACvB,SAAA,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,QAAQ,EAOfH,cAAA,CAACG,WAAK,CAAC,iBAAiB,EAAA,EAAC,KAAK,EAAC,WAAW,EAAA,CAAG,CAAA,EAAA,CACjC,EAAA,CACV;;;;"}

package/dist/components/FormLabel/FormLabel.mjs

@@ -6,7 +6,7 @@ const FormLabel = (props) => (jsx(Box, { color: "fg.muted", children: jsxs(Field
             marginBottom: '0.125rem',
             marginInlineEnd: 0,
             ...(props.style || {}),
-        }, children: [props.children, jsx(Field.RequiredIndicator, {})] }) }));
+        }, children: [props.children, jsx(Field.RequiredIndicator, { color: "danger.fg" })] }) }));
 
 export { FormLabel };
 //# sourceMappingURL=FormLabel.mjs.map

package/dist/components/FormLabel/FormLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,GAAA,CAAC,GAAG,IAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACnBC,IAAA,CAAC,KAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;AACvB,SAAA,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,QAAQ,EAOfD,GAAA,CAAC,KAAK,CAAC,iBAAiB,EAAA,EAAA,CAAG,CAAA,EAAA,CACf,EAAA,CACV;;;;"}
+{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,GAAA,CAAC,GAAG,IAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACnBC,IAAA,CAAC,KAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;AACvB,SAAA,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,QAAQ,EAOfD,GAAA,CAAC,KAAK,CAAC,iBAAiB,EAAA,EAAC,KAAK,EAAC,WAAW,EAAA,CAAG,CAAA,EAAA,CACjC,EAAA,CACV;;;;"}

package/dist/components/Icon/_utils/createIcon.d.ts

@@ -19,8 +19,8 @@ export type IconProps = Partial<SVGProps<SVGElement>> & Omit<BoxProps, 'size' |
  * const BuildIcon = createIcon(FaBuildingUser, 'BuildIcon');
  *
  * // Usage
- * <CustomIcon boxSize="lg" color="blue.500" />
- * <BuildIcon boxSize="md" color="red.500" />
+ * <CustomIcon boxSize="lg" color="fg.icon" />
+ * <BuildIcon boxSize="md" color="danger.fg" />
  * ```
  */
 export declare const createIcon: (IconComponent: React.ComponentType<any>, displayName?: string) => React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Icon/_utils/createIcon.js

@@ -34,8 +34,8 @@ const sizeMapping = {
  * const BuildIcon = createIcon(FaBuildingUser, 'BuildIcon');
  *
  * // Usage
- * <CustomIcon boxSize="lg" color="blue.500" />
- * <BuildIcon boxSize="md" color="red.500" />
+ * <CustomIcon boxSize="lg" color="fg.icon" />
+ * <BuildIcon boxSize="md" color="danger.fg" />
  * ```
  */
 const createIcon = (IconComponent, displayName) => {

package/dist/components/Icon/_utils/createIcon.mjs

@@ -30,8 +30,8 @@ const sizeMapping = {
  * const BuildIcon = createIcon(FaBuildingUser, 'BuildIcon');
  *
  * // Usage
- * <CustomIcon boxSize="lg" color="blue.500" />
- * <BuildIcon boxSize="md" color="red.500" />
+ * <CustomIcon boxSize="lg" color="fg.icon" />
+ * <BuildIcon boxSize="md" color="danger.fg" />
  * ```
  */
 const createIcon = (IconComponent, displayName) => {

package/dist/components/Icon/_utils/createIconGroup.d.ts

@@ -18,7 +18,7 @@ import { CreatedIcon } from './createIcon';
  *
  * // Usage
  * <icons.Home boxSize="lg" />
- * <icons.User color="blue.500" />
+ * <icons.User color="fg.icon" />
  * <icons.Custom boxSize="md" />
  * ```
  */

package/dist/components/Icon/_utils/createIconGroup.js

@@ -22,7 +22,7 @@ var createIcon = require('./createIcon.js');
  *
  * // Usage
  * <icons.Home boxSize="lg" />
- * <icons.User color="blue.500" />
+ * <icons.User color="fg.icon" />
  * <icons.Custom boxSize="md" />
  * ```
  */

package/dist/components/Icon/_utils/createIconGroup.mjs

@@ -20,7 +20,7 @@ import { createIcon } from './createIcon.mjs';
  *
  * // Usage
  * <icons.Home boxSize="lg" />
- * <icons.User color="blue.500" />
+ * <icons.User color="fg.icon" />
  * <icons.Custom boxSize="md" />
  * ```
  */

package/dist/components/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAmB,MAAM,oBAAoB,CAAC;AAmDzE,eAAO,MAAM,UAAU,oEAAkD,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,kBAAkB,EAGnB,MAAM,oBAAoB,CAAC;AAqE5B,eAAO,MAAM,UAAU,oEAAkD,CAAC"}

package/dist/components/IconButton/IconButton.js

@@ -6,29 +6,39 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
 var polymorphic = require('../../types/polymorphic.js');
+var Button_legacy = require('../Button/Button.legacy.js');
 var Button_styles = require('../Button/Button.styles.js');
 var IconButton_styles = require('./IconButton.styles.js');
 
 /**
- * IconButton component with two-dimensional variant system.
- *
- * Uses the same `colorPalette` and `variant` system as Button
- * for consistent styling across the design system.
+ * IconButton — one `variant` role per button (5.0 BAZE palette).
  *
  * @example
  * ```tsx
- * <IconButton colorPalette="primary" variant="soft"><Icon /></IconButton>
- * <IconButton colorPalette="danger" variant="solid"><Icon /></IconButton>
- * <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
+ * <IconButton aria-label="닫기"><XIcon /></IconButton> // ghost
+ * <IconButton aria-label="삭제" isDestructive><TrashIcon /></IconButton>
+ * <IconButton aria-label="추가" variant="primary"><PlusIcon /></IconButton>
+ * <IconButton aria-label="보내기" variant="action"><SendIcon /></IconButton>
  * ```
  */
-const IconButtonImpl = React.forwardRef(({ colorPalette = 'neutral', variant = 'ghost', children, ...rest }, ref) => {
-    const styles = IconButton_styles.getIconButtonStyles(colorPalette, variant);
+const IconButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDestructiveProp = false, children, ...restWithLegacy }, ref) => {
+    // 4.x `colorPalette` / old variant names from untyped callers — mapped,
+    // never forwarded to Chakra. See `Button.legacy.ts`.
+    const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
+    let variant = variantProp ?? 'ghost';
+    let isDestructive = isDestructiveProp;
+    if (Button_legacy.isLegacyButtonProps('icon', legacyPalette, variantProp)) {
+        const resolved = Button_legacy.resolveLegacyButtonVariant('icon', legacyPalette, variantProp);
+        Button_legacy.warnLegacyButtonProps('IconButton', legacyPalette, variantProp, resolved);
+        variant = resolved.variant;
+        isDestructive = isDestructive || resolved.isDestructive;
+    }
+    const styles = IconButton_styles.getIconButtonStyles(variant, isDestructive);
     return (jsxRuntime.jsx(react.IconButton, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...focusRing.focusRing, 
         // Same press as Button: it inherits the `_active` scale from the shared
         // styles, but Chakra's `common` transition list has no `scale`, so the
         // press used to snap. Same clock and reduced-motion guard as Button.
-        scale: "1", transition: Button_styles.buttonTransition, animationStyle: "composite", ...rest, children: children }));
+        scale: "1", transition: Button_styles.buttonTransition, animationStyle: "composite", "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest, children: children }));
 });
 /** Type-level polymorphism over the same runtime — see the note on `Button`. */
 IconButtonImpl.displayName = 'IconButton';

package/dist/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","getIconButtonStyles","_jsx","ChakraIconButton","focusRing","buttonTransition","polymorphic"],"mappings":";;;;;;;;;;;AAUA;;;;;;;;;;;;AAYG;AACH,MAAM,cAAc,GAAGA,gBAAU,CAC/B,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,GAAG,IAAI,EACS,EAClB,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,qCAAmB,CAAC,YAAY,EAAE,OAAO,CAAC;AAEzD,IAAA,QACEC,cAAA,CAACC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,KACNC,mBAAS;;;;AAIb,QAAA,KAAK,EAAC,GAAG,EACT,UAAU,EAAEC,8BAAgB,EAC5B,cAAc,EAAC,WAAW,KACtB,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED;AACA,cAAc,CAAC,WAAW,GAAG,YAAY;MAE5B,UAAU,GAAGC,uBAAW,CAAqB,cAAc;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","isLegacyButtonProps","resolveLegacyButtonVariant","warnLegacyButtonProps","getIconButtonStyles","_jsx","ChakraIconButton","focusRing","buttonTransition","polymorphic"],"mappings":";;;;;;;;;;;;AAmBA;;;;;;;;;;AAUG;AACH,MAAM,cAAc,GAAGA,gBAAU,CAC/B,CACE,EACE,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,GAAG,KAAK,EACxC,QAAQ,EACR,GAAG,cAAc,EACD,EAClB,GAAqC,KACnC;;;IAGF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAC5C,cAAoE;AAEtE,IAAA,IAAI,OAAO,GAAsB,WAAW,IAAI,OAAO;IACvD,IAAI,aAAa,GAAG,iBAAiB;IACrC,IAAIC,iCAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE;QAC3D,MAAM,QAAQ,GAAGC,wCAA0B,CACzC,MAAM,EACN,aAAa,EACb,WAAW,CACZ;QACDC,mCAAqB,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC;AACzE,QAAA,OAAO,GAAG,QAAQ,CAAC,OAA4B;AAC/C,QAAA,aAAa,GAAG,aAAa,IAAI,QAAQ,CAAC,aAAa;IACzD;IAEA,MAAM,MAAM,GAAGC,qCAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AAE1D,IAAA,QACEC,cAAA,CAACC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,KACNC,mBAAS;;;;QAIb,KAAK,EAAC,GAAG,EACT,UAAU,EAAEC,8BAAgB,EAC5B,cAAc,EAAC,WAAW,EAAA,cAAA,EACZ,OAAO,EAAA,kBAAA,EACH,aAAa,IAAI,SAAS,EAAA,GACxC,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED;AACA,cAAc,CAAC,WAAW,GAAG,YAAY;MAE5B,UAAU,GAAGC,uBAAW,CAAqB,cAAc;;;;"}

package/dist/components/IconButton/IconButton.mjs

@@ -4,29 +4,39 @@ import { forwardRef } from 'react';
 import { IconButton as IconButton$1 } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
 import { polymorphic } from '../../types/polymorphic.mjs';
+import { isLegacyButtonProps, resolveLegacyButtonVariant, warnLegacyButtonProps } from '../Button/Button.legacy.mjs';
 import { buttonTransition } from '../Button/Button.styles.mjs';
 import { getIconButtonStyles } from './IconButton.styles.mjs';
 
 /**
- * IconButton component with two-dimensional variant system.
- *
- * Uses the same `colorPalette` and `variant` system as Button
- * for consistent styling across the design system.
+ * IconButton — one `variant` role per button (5.0 BAZE palette).
  *
  * @example
  * ```tsx
- * <IconButton colorPalette="primary" variant="soft"><Icon /></IconButton>
- * <IconButton colorPalette="danger" variant="solid"><Icon /></IconButton>
- * <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
+ * <IconButton aria-label="닫기"><XIcon /></IconButton> // ghost
+ * <IconButton aria-label="삭제" isDestructive><TrashIcon /></IconButton>
+ * <IconButton aria-label="추가" variant="primary"><PlusIcon /></IconButton>
+ * <IconButton aria-label="보내기" variant="action"><SendIcon /></IconButton>
  * ```
  */
-const IconButtonImpl = forwardRef(({ colorPalette = 'neutral', variant = 'ghost', children, ...rest }, ref) => {
-    const styles = getIconButtonStyles(colorPalette, variant);
+const IconButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestructiveProp = false, children, ...restWithLegacy }, ref) => {
+    // 4.x `colorPalette` / old variant names from untyped callers — mapped,
+    // never forwarded to Chakra. See `Button.legacy.ts`.
+    const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
+    let variant = variantProp ?? 'ghost';
+    let isDestructive = isDestructiveProp;
+    if (isLegacyButtonProps('icon', legacyPalette, variantProp)) {
+        const resolved = resolveLegacyButtonVariant('icon', legacyPalette, variantProp);
+        warnLegacyButtonProps('IconButton', legacyPalette, variantProp, resolved);
+        variant = resolved.variant;
+        isDestructive = isDestructive || resolved.isDestructive;
+    }
+    const styles = getIconButtonStyles(variant, isDestructive);
     return (jsx(IconButton$1, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...focusRing, 
         // Same press as Button: it inherits the `_active` scale from the shared
         // styles, but Chakra's `common` transition list has no `scale`, so the
         // press used to snap. Same clock and reduced-motion guard as Button.
-        scale: "1", transition: buttonTransition, animationStyle: "composite", ...rest, children: children }));
+        scale: "1", transition: buttonTransition, animationStyle: "composite", "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest, children: children }));
 });
 /** Type-level polymorphism over the same runtime — see the note on `Button`. */
 IconButtonImpl.displayName = 'IconButton';

package/dist/components/IconButton/IconButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraIconButton"],"mappings":";;;;;;;;;AAUA;;;;;;;;;;;;AAYG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,GAAG,IAAI,EACS,EAClB,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,mBAAmB,CAAC,YAAY,EAAE,OAAO,CAAC;AAEzD,IAAA,QACEA,GAAA,CAACC,YAAgB,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,KACN,SAAS;;;;AAIb,QAAA,KAAK,EAAC,GAAG,EACT,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,KACtB,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED;AACA,cAAc,CAAC,WAAW,GAAG,YAAY;MAE5B,UAAU,GAAG,WAAW,CAAqB,cAAc;;;;"}
+{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraIconButton"],"mappings":";;;;;;;;;;AAmBA;;;;;;;;;;AAUG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,GAAG,KAAK,EACxC,QAAQ,EACR,GAAG,cAAc,EACD,EAClB,GAAqC,KACnC;;;IAGF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAC5C,cAAoE;AAEtE,IAAA,IAAI,OAAO,GAAsB,WAAW,IAAI,OAAO;IACvD,IAAI,aAAa,GAAG,iBAAiB;IACrC,IAAI,mBAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE;QAC3D,MAAM,QAAQ,GAAG,0BAA0B,CACzC,MAAM,EACN,aAAa,EACb,WAAW,CACZ;QACD,qBAAqB,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC;AACzE,QAAA,OAAO,GAAG,QAAQ,CAAC,OAA4B;AAC/C,QAAA,aAAa,GAAG,aAAa,IAAI,QAAQ,CAAC,aAAa;IACzD;IAEA,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AAE1D,IAAA,QACEA,GAAA,CAACC,YAAgB,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,KACN,SAAS;;;;QAIb,KAAK,EAAC,GAAG,EACT,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAAA,cAAA,EACZ,OAAO,EAAA,kBAAA,EACH,aAAa,IAAI,SAAS,EAAA,GACxC,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED;AACA,cAAc,CAAC,WAAW,GAAG,YAAY;MAE5B,UAAU,GAAG,WAAW,CAAqB,cAAc;;;;"}

package/dist/components/IconButton/IconButton.styles.d.ts

@@ -1,13 +1,29 @@
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
-import { buttonColorPalettes, buttonVariants } from '../Button/Button.styles';
-import { ButtonColorPalette, ButtonVariant } from '../Button/Button.types';
-export { buttonColorPalettes as iconButtonColorPalettes, buttonColorPalettes as iconButtonColorSchemes, // Deprecated
-buttonVariants as iconButtonVariants, };
+import { buttonColorPalettes } from '../Button/Button.styles';
+import { ButtonColorPalette, LegacyButtonVariant } from '../Button/Button.types';
+import { IconButtonVariant } from './IconButton.types';
 type StyleProps = Partial<ChakraButtonProps>;
 /**
- * Override certain Button styles that don't apply to IconButton.
+ * IconButton styles per role (prototype gallery `.ib`, `.ib.secondary`,
+ * `.ib.primary`, `.send`).
+ *
+ * The filled roles reuse Button's so the two never drift; the icon-only roles
+ * differ from Button's ghost/secondary in one way — the resting glyph is
+ * `fg.icon` (3:1 non-text) and darkens to `fg.default` on hover.
  */
-export declare const iconButtonColorPaletteStyles: Record<ButtonColorPalette, Record<ButtonVariant, StyleProps>>;
-export { iconButtonColorPaletteStyles as iconButtonColorSchemeStyles, };
-export declare const getIconButtonStyles: (colorPalette?: ButtonColorPalette, variant?: ButtonVariant) => StyleProps;
+export declare const iconButtonVariantStyles: Record<IconButtonVariant, StyleProps>;
+export declare const iconButtonVariants: IconButtonVariant[];
+export declare const getIconButtonStyles: (variant?: IconButtonVariant, isDestructive?: boolean) => StyleProps;
+/**
+ * @deprecated 4.x grid, derived from `iconButtonVariantStyles` through the
+ * IconButton column of the codemod table. Use `iconButtonVariantStyles`.
+ */
+export declare const iconButtonColorPaletteStyles: Record<ButtonColorPalette, Record<LegacyButtonVariant, StyleProps>>;
+export { 
+/** @deprecated 5.0 removed `colorPalette`. */
+buttonColorPalettes as iconButtonColorPalettes, 
+/** @deprecated 5.0 removed `colorPalette`. */
+buttonColorPalettes as iconButtonColorSchemes, 
+/** @deprecated Use iconButtonVariantStyles. */
+iconButtonColorPaletteStyles as iconButtonColorSchemeStyles, };
 //# sourceMappingURL=IconButton.styles.d.ts.map

package/dist/components/IconButton/IconButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EACL,mBAAmB,EAEnB,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EACL,mBAAmB,IAAI,uBAAuB,EAC9C,mBAAmB,IAAI,sBAAsB,EAAE,aAAa;AAC5D,cAAc,IAAI,kBAAkB,GACrC,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAC/C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAUlC,CAAC;AAEF,OAAO,EACL,4BAA4B,IAAI,2BAA2B,GAC5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAAiE,CAAC"}
+{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKpE,OAAO,EACL,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAI7C;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,iBAAiB,EAAE,UAAU,CA4BzE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,EAMjD,CAAC;AAKF,eAAO,MAAM,mBAAmB,GAC9B,UAAS,iBAA2B,EACpC,uBAAqB,KACpB,UASF,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,EAgBpC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;AAEzE,OAAO;AACL,8CAA8C;AAC9C,mBAAmB,IAAI,uBAAuB;AAC9C,8CAA8C;AAC9C,mBAAmB,IAAI,sBAAsB;AAC7C,+CAA+C;AAC/C,4BAA4B,IAAI,2BAA2B,GAC5D,CAAC"}