@mindlogic-ai/logician-ui 4.0.0-alpha.42 → 4.0.0-alpha.43

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAqH7D,eAAO,MAAM,MAAM,gEAA0C,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAmI7D,eAAO,MAAM,MAAM,gEAA0C,CAAC"}

package/dist/components/Button/Button.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
+var mergeCss = require('../../utils/mergeCss.js');
 var polymorphic = require('../../types/polymorphic.js');
 var Button_styles = require('./Button.styles.js');
 
@@ -26,7 +27,7 @@ var Button_styles = require('./Button.styles.js');
  * <Button as="a" href="/docs" target="_blank">문서</Button>
  * ```
  */
-const ButtonImpl = React.forwardRef(({ colorPalette, variant = 'soft', size, lift, children, _hover: hoverProp, _active: activeProp, ...rest }, ref) => {
+const ButtonImpl = React.forwardRef(({ colorPalette, variant = 'soft', size, lift, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
     const base = Button_styles.getButtonStyles(palette, variant);
     // Merged rather than spread after: each variant already owns `_hover` and
@@ -69,8 +70,18 @@ const ButtonImpl = React.forwardRef(({ colorPalette, variant = 'soft', size, lif
         // FactChat puts on its quiz buttons — used to silently drop the
         // variant's pressed colour *and* the scale with it, and the button
         // stopped reading as pressed at all. Its own keys still win; it just
-        // no longer erases the ones it did not mention.
-        _hover: { ...styles._hover, ...hoverProp }, _active: { ...styles._active, ...activeProp }, ...focusRing.focusRing, cursor: "pointer", 
+        // no longer erases the ones it did not mention. Deep, so a nested
+        // condition (lift's `_hover._dark`) survives a call site's own `_dark`.
+        _hover: mergeCss.mergeCss(styles._hover, hoverProp), _active: mergeCss.mergeCss(styles._active, activeProp), 
+        // `cursor` is a style prop, so it lands outside Chakra's
+        // `@layer recipes` and beat the recipe's disabled cursor — every
+        // disabled Button showed a pointer and read as clickable. The
+        // disabled cursor has to sit at this level, merged like the two above
+        // so a call site's `_disabled` cannot drop it.
+        _disabled: mergeCss.mergeCss('_disabled' in styles ? styles._disabled : undefined, 
+        // Chakra disables a `loading` button too; it is working, not
+        // forbidden, so it gets `progress`.
+        { cursor: rest.loading ? 'progress' : 'not-allowed' }, disabledProp), ...focusRing.focusRing, cursor: "pointer", 
         // Explicit identity so the press transitions from a definite value
         // rather than relying on `scale: none` being read as 1.
         scale: "1", 

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","focusRing","buttonTransition","polymorphic"],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,UAAU,GAAGA,gBAAU,CAC3B,CACE,EACE,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,IAAI,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;;;IAI9C,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;YAG9D,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;AAChD;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEC,cAAA,CAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;QAOV,MAAM,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,EAC1C,OAAO,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,UAAU,EAAE,EAAA,GACzCC,mBAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAEC,8BAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,KACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAGC,uBAAW,CAAiB,UAAU;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","mergeCss","focusRing","buttonTransition","polymorphic"],"mappings":";;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,UAAU,GAAGA,gBAAU,CAC3B,CACE,EACE,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,EACvB,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,IAAI,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;;;IAI9C,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;YAG9D,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;AAChD;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEC,cAAA,CAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;;AAQV,QAAA,MAAM,EAAEC,iBAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAEA,iBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;AAM7C,QAAA,SAAS,EAAEA,iBAAQ,CACjB,WAAW,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS;;;QAGpD,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,aAAa,EAAE,EACrD,YAAY,CACb,KACGC,mBAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAEC,8BAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,KACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAGC,uBAAW,CAAiB,UAAU;;;;"}

package/dist/components/Button/Button.mjs

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button as Button$1 } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
+import { mergeCss } from '../../utils/mergeCss.mjs';
 import { polymorphic } from '../../types/polymorphic.mjs';
 import { getButtonStyles, buttonTransition } from './Button.styles.mjs';
 
@@ -24,7 +25,7 @@ import { getButtonStyles, buttonTransition } from './Button.styles.mjs';
  * <Button as="a" href="/docs" target="_blank">문서</Button>
  * ```
  */
-const ButtonImpl = forwardRef(({ colorPalette, variant = 'soft', size, lift, children, _hover: hoverProp, _active: activeProp, ...rest }, ref) => {
+const ButtonImpl = forwardRef(({ colorPalette, variant = 'soft', size, lift, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
     const base = getButtonStyles(palette, variant);
     // Merged rather than spread after: each variant already owns `_hover` and
@@ -67,8 +68,18 @@ const ButtonImpl = forwardRef(({ colorPalette, variant = 'soft', size, lift, chi
         // FactChat puts on its quiz buttons — used to silently drop the
         // variant's pressed colour *and* the scale with it, and the button
         // stopped reading as pressed at all. Its own keys still win; it just
-        // no longer erases the ones it did not mention.
-        _hover: { ...styles._hover, ...hoverProp }, _active: { ...styles._active, ...activeProp }, ...focusRing, cursor: "pointer", 
+        // no longer erases the ones it did not mention. Deep, so a nested
+        // condition (lift's `_hover._dark`) survives a call site's own `_dark`.
+        _hover: mergeCss(styles._hover, hoverProp), _active: mergeCss(styles._active, activeProp), 
+        // `cursor` is a style prop, so it lands outside Chakra's
+        // `@layer recipes` and beat the recipe's disabled cursor — every
+        // disabled Button showed a pointer and read as clickable. The
+        // disabled cursor has to sit at this level, merged like the two above
+        // so a call site's `_disabled` cannot drop it.
+        _disabled: mergeCss('_disabled' in styles ? styles._disabled : undefined, 
+        // Chakra disables a `loading` button too; it is working, not
+        // forbidden, so it gets `progress`.
+        { cursor: rest.loading ? 'progress' : 'not-allowed' }, disabledProp), ...focusRing, cursor: "pointer", 
         // Explicit identity so the press transitions from a definite value
         // rather than relying on `scale: none` being read as 1.
         scale: "1", 

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;;;IAI9C,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;YAG9D,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;AAChD;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;QAOV,MAAM,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,EAC1C,OAAO,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,UAAU,EAAE,EAAA,GACzC,SAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,KACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;;AAUA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,EACvB,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;;;IAI9C,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;YAG9D,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;AAChD;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;;AAQV,QAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;AAM7C,QAAA,SAAS,EAAE,QAAQ,CACjB,WAAW,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS;;;QAGpD,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,aAAa,EAAE,EACrD,YAAY,CACb,KACG,SAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,KACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}

package/dist/components/Menu/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AA0CjE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AA4CjE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}

package/dist/components/Menu/MenuItem.js

@@ -13,7 +13,9 @@ const MenuItemImpl = ({ variant = MenuItem_types.ItemVariant.Default, value, chi
         // Map item text/hover onto semantic tokens so they flip with the mode.
         // Was gray.1000 / hover gray.1500 / hover bg gray.50 — none flipped, so
         // items rendered dim and hover went near-black on a dark menu.
-        color: isDangerVariant ? 'danger.main' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer", _hover: {
+        color: isDangerVariant ? 'danger.main' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer", 
+        // Same as `Button`: the style prop outranks the recipe's disabled cursor.
+        _disabled: { cursor: 'not-allowed' }, _hover: {
             color: isDangerVariant ? 'danger.main' : 'fg.default',
             backgroundColor: isDangerVariant ? 'danger.lightest' : 'bg.subtle',
         }, ...focusRing.focusRing, ...rest, children: [icon, children, rightIcon && jsxRuntime.jsx(react.Spacer, {}), rightIcon] }));

package/dist/components/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["ItemVariant","_jsxs","Menu","focusRing","_jsx","Spacer","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAGA,0BAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAKA,0BAAW,CAAC,MAAM;IAEtD,QACEC,gBAACC,UAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;;;AAIZ,QAAA,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,UAAU,EACnD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,YAAY;YACrD,eAAe,EAAE,eAAe,GAAG,iBAAiB,GAAG,WAAW;AACnE,SAAA,EAAA,GACGC,mBAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,eAACC,YAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["ItemVariant","_jsxs","Menu","focusRing","_jsx","Spacer","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAGA,0BAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAKA,0BAAW,CAAC,MAAM;IAEtD,QACEC,gBAACC,UAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;;;AAIZ,QAAA,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,UAAU,EACnD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS;;QAEhB,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EACpC,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,YAAY;YACrD,eAAe,EAAE,eAAe,GAAG,iBAAiB,GAAG,WAAW;AACnE,SAAA,EAAA,GACGC,mBAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,eAACC,YAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}

package/dist/components/Menu/MenuItem.mjs

@@ -11,7 +11,9 @@ const MenuItemImpl = ({ variant = ItemVariant.Default, value, children, icon, ri
         // Map item text/hover onto semantic tokens so they flip with the mode.
         // Was gray.1000 / hover gray.1500 / hover bg gray.50 — none flipped, so
         // items rendered dim and hover went near-black on a dark menu.
-        color: isDangerVariant ? 'danger.main' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer", _hover: {
+        color: isDangerVariant ? 'danger.main' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer", 
+        // Same as `Button`: the style prop outranks the recipe's disabled cursor.
+        _disabled: { cursor: 'not-allowed' }, _hover: {
             color: isDangerVariant ? 'danger.main' : 'fg.default',
             backgroundColor: isDangerVariant ? 'danger.lightest' : 'bg.subtle',
         }, ...focusRing, ...rest, children: [icon, children, rightIcon && jsx(Spacer, {}), rightIcon] }));

package/dist/components/Menu/MenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.mjs","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAG,WAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,WAAW,CAAC,MAAM;IAEtD,QACEA,KAAC,IAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;;;AAIZ,QAAA,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,UAAU,EACnD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,YAAY;YACrD,eAAe,EAAE,eAAe,GAAG,iBAAiB,GAAG,WAAW;AACnE,SAAA,EAAA,GACG,SAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,IAAC,MAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}
+{"version":3,"file":"MenuItem.mjs","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAG,WAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,WAAW,CAAC,MAAM;IAEtD,QACEA,KAAC,IAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;;;AAIZ,QAAA,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,UAAU,EACnD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS;;QAEhB,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EACpC,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,YAAY;YACrD,eAAe,EAAE,eAAe,GAAG,iBAAiB,GAAG,WAAW;AACnE,SAAA,EAAA,GACG,SAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,IAAC,MAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}

package/package.json

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

package/src/components/Button/Button.cursor.test.tsx

@@ -0,0 +1,60 @@
+import { ChakraProvider } from '@chakra-ui/react';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+
+import { system } from '../../theme';
+import { Button } from './Button';
+
+/**
+ * A disabled Button must not show the pointer.
+ *
+ * The Button sets `cursor="pointer"` as a style prop, which Chakra emits
+ * outside its cascade layers, while the recipe's disabled cursor sits inside
+ * `@layer recipes` — so the pointer won and a disabled button read as
+ * clickable (FactChat's 「현재 플랜」 button).
+ */
+const wrap = (ui: React.ReactNode) =>
+  render(<ChakraProvider value={system}>{ui}</ChakraProvider>);
+
+describe('Button disabled cursor', () => {
+  it('enabled keeps the pointer', () => {
+    wrap(<Button>on</Button>);
+    expect(getComputedStyle(screen.getByRole('button')).cursor).toBe('pointer');
+  });
+
+  it('disabled shows not-allowed', () => {
+    wrap(<Button disabled>off</Button>);
+    expect(getComputedStyle(screen.getByRole('button')).cursor).toBe(
+      'not-allowed'
+    );
+  });
+
+  it('a call-site _disabled does not drop it', () => {
+    wrap(
+      <Button disabled _disabled={{ opacity: 0.3 }}>
+        off
+      </Button>
+    );
+    expect(getComputedStyle(screen.getByRole('button')).cursor).toBe(
+      'not-allowed'
+    );
+  });
+
+  it('lift keeps it too', () => {
+    wrap(
+      <Button disabled lift>
+        off
+      </Button>
+    );
+    expect(getComputedStyle(screen.getByRole('button')).cursor).toBe(
+      'not-allowed'
+    );
+  });
+
+  it('loading shows progress, not not-allowed', () => {
+    wrap(<Button loading>busy</Button>);
+    const button = screen.getByRole('button');
+    expect(button).toBeDisabled();
+    expect(getComputedStyle(button).cursor).toBe('progress');
+  });
+});

package/src/components/Button/Button.tsx

@@ -2,6 +2,7 @@ import { forwardRef } from 'react';
 import { Button as ChakraButton } from '@chakra-ui/react';
 
 import { focusRing } from '@/utils/focusRing';
+import { mergeCss } from '@/utils/mergeCss';
 
 import { polymorphic } from '../../types/polymorphic';
 import { buttonTransition, getButtonStyles } from './Button.styles';
@@ -35,6 +36,7 @@ const ButtonImpl = forwardRef<HTMLButtonElement, ButtonProps>(
       children,
       _hover: hoverProp,
       _active: activeProp,
+      _disabled: disabledProp,
       ...rest
     },
     ref
@@ -91,9 +93,22 @@ const ButtonImpl = forwardRef<HTMLButtonElement, ButtonProps>(
         // FactChat puts on its quiz buttons — used to silently drop the
         // variant's pressed colour *and* the scale with it, and the button
         // stopped reading as pressed at all. Its own keys still win; it just
-        // no longer erases the ones it did not mention.
-        _hover={{ ...styles._hover, ...hoverProp }}
-        _active={{ ...styles._active, ...activeProp }}
+        // no longer erases the ones it did not mention. Deep, so a nested
+        // condition (lift's `_hover._dark`) survives a call site's own `_dark`.
+        _hover={mergeCss(styles._hover, hoverProp)}
+        _active={mergeCss(styles._active, activeProp)}
+        // `cursor` is a style prop, so it lands outside Chakra's
+        // `@layer recipes` and beat the recipe's disabled cursor — every
+        // disabled Button showed a pointer and read as clickable. The
+        // disabled cursor has to sit at this level, merged like the two above
+        // so a call site's `_disabled` cannot drop it.
+        _disabled={mergeCss(
+          '_disabled' in styles ? styles._disabled : undefined,
+          // Chakra disables a `loading` button too; it is working, not
+          // forbidden, so it gets `progress`.
+          { cursor: rest.loading ? 'progress' : 'not-allowed' },
+          disabledProp
+        )}
         {...focusRing}
         cursor="pointer"
         // Explicit identity so the press transitions from a definite value

package/src/components/Menu/MenuItem.tsx

@@ -27,6 +27,8 @@ const MenuItemImpl = ({
       fontWeight="semibold"
       gap={3}
       cursor="pointer"
+      // Same as `Button`: the style prop outranks the recipe's disabled cursor.
+      _disabled={{ cursor: 'not-allowed' }}
       _hover={{
         color: isDangerVariant ? 'danger.main' : 'fg.default',
         backgroundColor: isDangerVariant ? 'danger.lightest' : 'bg.subtle',