@mindlogic-ai/logician-ui 4.0.0-alpha.34 → 4.0.0-alpha.35

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwC5C,eAAO,MAAM,IAAI,2DAA6C,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAyC5C,eAAO,MAAM,IAAI,2DAA6C,CAAC"}

package/dist/components/Card/Card.js

@@ -15,7 +15,8 @@ const CardImpl = React.forwardRef(({ clickable, variant = 'default', _hover, ...
         // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
         // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
         // so cards blended into the canvas. default gives the card a discernible
-        // edge in both modes. The `gradient` variant keeps its primary.light border.
+        // edge in both modes. The `wash` variant softens it back to
+        // border.subtle because its `bg.subtle` fill already separates it.
         borderColor: "border.default", borderRadius: "lg", 
         // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.
         // It fell through as a literal, `transition-duration: normal` is invalid

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;AAKlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAGC,uBAAW,CAAsB,QAAQ;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;;AAMlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAGC,uBAAW,CAAsB,QAAQ;;;;"}

package/dist/components/Card/Card.mjs

@@ -13,7 +13,8 @@ const CardImpl = forwardRef(({ clickable, variant = 'default', _hover, ...rest }
         // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
         // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
         // so cards blended into the canvas. default gives the card a discernible
-        // edge in both modes. The `gradient` variant keeps its primary.light border.
+        // edge in both modes. The `wash` variant softens it back to
+        // border.subtle because its `bg.subtle` fill already separates it.
         borderColor: "border.default", borderRadius: "lg", 
         // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.
         // It fell through as a literal, `transition-duration: normal` is invalid

package/dist/components/Card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAOA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;AAKlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAG,WAAW,CAAsB,QAAQ;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAOA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;;AAMlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAG,WAAW,CAAsB,QAAQ;;;;"}

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

@@ -1,17 +1,36 @@
 /**
  * Card styles using the Golden Ratio color system.
  */
+/**
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
+ * shadow. A raised hover said "this floats", and a card in a list does not;
+ * the tier step and the border say "this is the one under the pointer" with
+ * no elevation, and both tokens invert, so the state reads in dark mode where
+ * a neutral tint would vanish.
+ */
 export declare const clickableStyles: {
     cursor: string;
     _hover: {
-        boxShadow: string;
+        bg: string;
+        borderColor: string;
     };
 };
 export declare const variantStyles: {
     default: {};
+    wash: {
+        bg: {
+            base: string;
+            _dark: string;
+        };
+        borderColor: string;
+    };
+    /** @deprecated Renders as `wash`; use `variant="wash"`. */
     gradient: {
-        bg: string;
-        border: string;
+        bg: {
+            base: string;
+            _dark: string;
+        };
         borderColor: string;
     };
     elevated: {

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;CAezB,CAAC"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAmBF,eAAO,MAAM,aAAa;;;;;;;;;IAGxB,2DAA2D;;;;;;;;;;;;CAU5D,CAAC"}

package/dist/components/Card/Card.styles.js

@@ -4,19 +4,42 @@
 /**
  * Card styles using the Golden Ratio color system.
  */
+/**
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
+ * shadow. A raised hover said "this floats", and a card in a list does not;
+ * the tier step and the border say "this is the one under the pointer" with
+ * no elevation, and both tokens invert, so the state reads in dark mode where
+ * a neutral tint would vanish.
+ */
 const clickableStyles = {
     cursor: 'pointer',
     _hover: {
-        boxShadow: 'lg',
+        bg: 'bg.subtle',
+        borderColor: 'border.strong',
     },
 };
+/**
+ * The wash card: one tier off the page with a hairline. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted). It is what `gradient` used to paint with a
+ * 180deg wash and a brand-tinted border; the gradient read as decoration and
+ * the tinted border claimed brand for a surface that is not an action.
+ *
+ * The tier is `bg.subtle` in light but `bg.muted` in dark: `bg.subtle` sits
+ * one grayDark step above `bg.surface` there, too close to read as a different
+ * surface, and `border.subtle` resolves to the same step, so the hairline would
+ * vanish. `border.default` keeps the edge in both modes.
+ */
+const washStyles = {
+    bg: { base: 'bg.subtle', _dark: 'bg.muted' },
+    borderColor: 'border.default',
+};
 const variantStyles = {
     default: {},
-    gradient: {
-        bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
-        border: '1px solid',
-        borderColor: 'primary.light',
-    },
+    wash: washStyles,
+    /** @deprecated Renders as `wash`; use `variant="wash"`. */
+    gradient: washStyles,
     // Soft resting elevation — a gentle shadow does the separating, so the border
     // can soften to `border.subtle` (which alone would be too faint, especially in
     // dark mode). Use for standalone content cards that should read as raised

package/dist/components/Card/Card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;AAKD,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEH;;;;;;;AAOG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGH;;;;;;;;;;;AAWG;AACH,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC5C,IAAA,WAAW,EAAE,gBAAgB;CAC9B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;AAEhB,IAAA,QAAQ,EAAE,UAAU;;;;;AAKpB,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}

package/dist/components/Card/Card.styles.mjs

@@ -2,19 +2,42 @@
 /**
  * Card styles using the Golden Ratio color system.
  */
+/**
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
+ * shadow. A raised hover said "this floats", and a card in a list does not;
+ * the tier step and the border say "this is the one under the pointer" with
+ * no elevation, and both tokens invert, so the state reads in dark mode where
+ * a neutral tint would vanish.
+ */
 const clickableStyles = {
     cursor: 'pointer',
     _hover: {
-        boxShadow: 'lg',
+        bg: 'bg.subtle',
+        borderColor: 'border.strong',
     },
 };
+/**
+ * The wash card: one tier off the page with a hairline. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted). It is what `gradient` used to paint with a
+ * 180deg wash and a brand-tinted border; the gradient read as decoration and
+ * the tinted border claimed brand for a surface that is not an action.
+ *
+ * The tier is `bg.subtle` in light but `bg.muted` in dark: `bg.subtle` sits
+ * one grayDark step above `bg.surface` there, too close to read as a different
+ * surface, and `border.subtle` resolves to the same step, so the hairline would
+ * vanish. `border.default` keeps the edge in both modes.
+ */
+const washStyles = {
+    bg: { base: 'bg.subtle', _dark: 'bg.muted' },
+    borderColor: 'border.default',
+};
 const variantStyles = {
     default: {},
-    gradient: {
-        bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
-        border: '1px solid',
-        borderColor: 'primary.light',
-    },
+    wash: washStyles,
+    /** @deprecated Renders as `wash`; use `variant="wash"`. */
+    gradient: washStyles,
     // Soft resting elevation — a gentle shadow does the separating, so the border
     // can soften to `border.subtle` (which alone would be too faint, especially in
     // dark mode). Use for standalone content cards that should read as raised

package/dist/components/Card/Card.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;AAKD,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;"}
+{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEH;;;;;;;AAOG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGH;;;;;;;;;;;AAWG;AACH,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC5C,IAAA,WAAW,EAAE,gBAAgB;CAC9B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;AAEhB,IAAA,QAAQ,EAAE,UAAU;;;;;AAKpB,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;"}

package/dist/components/Card/Card.types.d.ts

@@ -1,7 +1,11 @@
 import type { ElementType } from 'react';
 import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
 import type { PolymorphicProps } from '../../types/polymorphic';
-export type CardVariant = 'default' | 'gradient' | 'elevated';
+/**
+ * `gradient` is a deprecated alias of `wash` and renders identically; it stays
+ * so consumers on the alpha line keep compiling while they migrate.
+ */
+export type CardVariant = 'default' | 'wash' | 'gradient' | 'elevated';
 export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
     clickable?: boolean;
     variant?: CardVariant;

package/dist/components/Card/Card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}

package/package.json

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

package/src/components/Card/Card.stories.tsx

@@ -16,10 +16,10 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {};
 
-export const Gradient: Story = {
+export const Wash: Story = {
   args: {
-    variant: 'gradient',
-    children: 'Gradient Card',
+    variant: 'wash',
+    children: 'Wash Card',
   },
 };
 

package/src/components/Card/Card.styles.ts

@@ -2,20 +2,44 @@
  * Card styles using the Golden Ratio color system.
  */
 
+/**
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
+ * shadow. A raised hover said "this floats", and a card in a list does not;
+ * the tier step and the border say "this is the one under the pointer" with
+ * no elevation, and both tokens invert, so the state reads in dark mode where
+ * a neutral tint would vanish.
+ */
 export const clickableStyles = {
   cursor: 'pointer',
   _hover: {
-    boxShadow: 'lg',
+    bg: 'bg.subtle',
+    borderColor: 'border.strong',
   },
 };
 
+/**
+ * The wash card: one tier off the page with a hairline. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted). It is what `gradient` used to paint with a
+ * 180deg wash and a brand-tinted border; the gradient read as decoration and
+ * the tinted border claimed brand for a surface that is not an action.
+ *
+ * The tier is `bg.subtle` in light but `bg.muted` in dark: `bg.subtle` sits
+ * one grayDark step above `bg.surface` there, too close to read as a different
+ * surface, and `border.subtle` resolves to the same step, so the hairline would
+ * vanish. `border.default` keeps the edge in both modes.
+ */
+const washStyles = {
+  bg: { base: 'bg.subtle', _dark: 'bg.muted' },
+  borderColor: 'border.default',
+};
+
 export const variantStyles = {
   default: {},
-  gradient: {
-    bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
-    border: '1px solid',
-    borderColor: 'primary.light',
-  },
+  wash: washStyles,
+  /** @deprecated Renders as `wash`; use `variant="wash"`. */
+  gradient: washStyles,
   // Soft resting elevation — a gentle shadow does the separating, so the border
   // can soften to `border.subtle` (which alone would be too faint, especially in
   // dark mode). Use for standalone content cards that should read as raised

package/src/components/Card/Card.tsx

@@ -22,7 +22,8 @@ const CardImpl = forwardRef<HTMLDivElement, CardOwnProps>(
         // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
         // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
         // so cards blended into the canvas. default gives the card a discernible
-        // edge in both modes. The `gradient` variant keeps its primary.light border.
+        // edge in both modes. The `wash` variant softens it back to
+        // border.subtle because its `bg.subtle` fill already separates it.
         borderColor="border.default"
         borderRadius="lg"
         // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.

package/src/components/Card/Card.types.ts

@@ -4,7 +4,11 @@ import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
 // Relative, NOT `@/types/*` — see `src/types/polymorphic.ts`.
 import type { PolymorphicProps } from '../../types/polymorphic';
 
-export type CardVariant = 'default' | 'gradient' | 'elevated';
+/**
+ * `gradient` is a deprecated alias of `wash` and renders identically; it stays
+ * so consumers on the alpha line keep compiling while they migrate.
+ */
+export type CardVariant = 'default' | 'wash' | 'gradient' | 'elevated';
 
 export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
   clickable?: boolean;