@mindlogic-ai/logician-ui 4.0.0-alpha.33 → 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/dist/components/Modal/Modal.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var ModalContext = require('./ModalContext.js');
 
-const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = true, ...rest }) => {
+const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, ...rest }) => {
     const ctx = React.useMemo(() => ({ fullScreenOnMobile }), [fullScreenOnMobile]);
     return (jsxRuntime.jsx(react.Dialog.Root, { open: open, onOpenChange: onOpenChange, placement: "center", closeOnInteractOutside: true, ...rest, children: jsxRuntime.jsxs(react.Portal, { ...portalProps, children: [jsxRuntime.jsx(react.Dialog.Backdrop, { _open: { animationDuration: 'motion.base' }, _closed: { animationDuration: 'fast' } }), jsxRuntime.jsx(ModalContext.ModalContext.Provider, { value: ctx, children: children })] }) }));
 };

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["useMemo","_jsx","Dialog","_jsxs","Portal","ModalContext"],"mappings":";;;;;;;;MAMa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,IAAI,EACzB,GAAG,IAAI,EACI,KAAI;AACf,IAAA,MAAM,GAAG,GAAGA,aAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzE,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBH,cAAA,CAACC,YAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFD,cAAA,CAACI,yBAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["useMemo","_jsx","Dialog","_jsxs","Portal","ModalContext"],"mappings":";;;;;;;;MAMa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACI,KAAI;AACf,IAAA,MAAM,GAAG,GAAGA,aAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzE,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBH,cAAA,CAACC,YAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFD,cAAA,CAACI,yBAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}

package/dist/components/Modal/Modal.mjs

@@ -4,7 +4,7 @@ import { useMemo } from 'react';
 import { Dialog, Portal } from '@chakra-ui/react';
 import { ModalContext } from './ModalContext.mjs';
 
-const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = true, ...rest }) => {
+const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, ...rest }) => {
     const ctx = useMemo(() => ({ fullScreenOnMobile }), [fullScreenOnMobile]);
     return (jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, placement: "center", closeOnInteractOutside: true, ...rest, children: jsxs(Portal, { ...portalProps, children: [jsx(Dialog.Backdrop, { _open: { animationDuration: 'motion.base' }, _closed: { animationDuration: 'fast' } }), jsx(ModalContext.Provider, { value: ctx, children: children })] }) }));
 };

package/dist/components/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;MAMa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,IAAI,EACzB,GAAG,IAAI,EACI,KAAI;AACf,IAAA,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzE,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBD,GAAA,CAAC,MAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;MAMa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACI,KAAI;AACf,IAAA,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzE,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBD,GAAA,CAAC,MAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}

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

@@ -2,8 +2,16 @@ import { Dialog, PortalProps } from '@chakra-ui/react';
 export type ModalProps = Dialog.RootProps & {
     portalProps?: PortalProps;
     /**
-     * When true, the modal becomes fullscreen on mobile viewports.
-     * @default true
+     * When true, the modal becomes fullscreen on mobile viewports
+     * (100vw x 100dvh, no border-radius). When false it keeps the dialog
+     * shape and applies a horizontal margin instead.
+     *
+     * Defaults to false: a full-screen takeover suits long or immersive
+     * content (a file picker, a course switcher), not the confirm dialogs
+     * and short forms that make up most modals. Opt in where the takeover
+     * is the point.
+     *
+     * @default false
      */
     fullScreenOnMobile?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,GAAG;IAG1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,GAAG;IAG1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}

package/dist/components/Modal/ModalContext.js

@@ -4,7 +4,7 @@
 var React = require('react');
 
 const ModalContext = React.createContext({
-    fullScreenOnMobile: true,
+    fullScreenOnMobile: false,
 });
 const useModalContext = () => React.useContext(ModalContext);
 

package/dist/components/Modal/ModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":["createContext","useContext"],"mappings":";;;;;AAQO,MAAM,YAAY,GAAGA,mBAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,IAAI;AACzB,CAAA;AAEM,MAAM,eAAe,GAAG,MAAMC,gBAAU,CAAC,YAAY;;;;;"}
+{"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":["createContext","useContext"],"mappings":";;;;;AAQO,MAAM,YAAY,GAAGA,mBAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AAC1B,CAAA;AAEM,MAAM,eAAe,GAAG,MAAMC,gBAAU,CAAC,YAAY;;;;;"}

package/dist/components/Modal/ModalContext.mjs

@@ -2,7 +2,7 @@
 import { createContext, useContext } from 'react';
 
 const ModalContext = createContext({
-    fullScreenOnMobile: true,
+    fullScreenOnMobile: false,
 });
 const useModalContext = () => useContext(ModalContext);
 

package/dist/components/Modal/ModalContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.mjs","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAQO,MAAM,YAAY,GAAG,aAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,IAAI;AACzB,CAAA;AAEM,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,YAAY;;;;"}
+{"version":3,"file":"ModalContext.mjs","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAQO,MAAM,YAAY,GAAG,aAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AAC1B,CAAA;AAEM,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,YAAY;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "4.0.0-alpha.33",
+  "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;

package/src/components/Modal/Modal.stories.tsx

@@ -482,13 +482,14 @@ export const PreventOutsideClick: Story = {
 /**
  * 모바일 풀스크린 모달 (기본값)
  *
- * fullScreenOnMobile이 true(기본값)이면 모바일 뷰포트에서
+ * fullScreenOnMobile을 true로 주면 모바일 뷰포트에서
  * 모달이 전체 화면으로 표시됩니다 (100vw × 100dvh, border-radius 0).
+ * 기본값은 false이니 전체 화면이 필요한 곳에서만 켜세요.
  * 브라우저를 좁혀서 확인해보세요.
  */
 export const FullScreenOnMobile: Story = {
   args: {
-    headerTitle: 'Full Screen on Mobile (Default)',
+    headerTitle: 'Full Screen on Mobile (opt-in)',
   },
   render: (args) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -507,7 +508,7 @@ export const FullScreenOnMobile: Story = {
             <ModalCloseButton />
             <ModalBody>
               모바일에서 이 모달은 전체 화면으로 표시됩니다. 브라우저 창을 좁혀서
-              확인해보세요. fullScreenOnMobile은 기본값이 true입니다.
+              확인해보세요. fullScreenOnMobile은 기본값이 false라 직접 켜야 합니다.
             </ModalBody>
             <ModalFooter>
               <Button variant="ghost" onClick={() => setIsOpen(false)}>
@@ -527,13 +528,13 @@ export const FullScreenOnMobile: Story = {
 /**
  * 모바일에서 인라인 모달
  *
- * fullScreenOnMobile={false}이면 모바일에서도 풀스크린이 아닌
+ * fullScreenOnMobile={false}(기본값)이면 모바일에서도 풀스크린이 아닌
  * 일반 모달로 표시되며, 좌우 마진(mx: 4)이 적용됩니다.
- * Confirm 모달 등 작은 모달에 적합합니다.
+ * Confirm 모달 등 대부분의 모달이 여기에 해당합니다.
  */
 export const NoFullScreenOnMobile: Story = {
   args: {
-    headerTitle: 'Inline on Mobile',
+    headerTitle: 'Inline on Mobile (default)',
   },
   render: (args) => {
     const [isOpen, setIsOpen] = useState(false);

package/src/components/Modal/Modal.tsx

@@ -9,7 +9,7 @@ export const Modal = ({
   open,
   onOpenChange,
   portalProps,
-  fullScreenOnMobile = true,
+  fullScreenOnMobile = false,
   ...rest
 }: ModalProps) => {
   const ctx = useMemo(() => ({ fullScreenOnMobile }), [fullScreenOnMobile]);

package/src/components/Modal/Modal.types.ts

@@ -5,8 +5,16 @@ export type ModalProps = Dialog.RootProps & {
   // Added for backwards compatibility.
   portalProps?: PortalProps;
   /**
-   * When true, the modal becomes fullscreen on mobile viewports.
-   * @default true
+   * When true, the modal becomes fullscreen on mobile viewports
+   * (100vw x 100dvh, no border-radius). When false it keeps the dialog
+   * shape and applies a horizontal margin instead.
+   *
+   * Defaults to false: a full-screen takeover suits long or immersive
+   * content (a file picker, a course switcher), not the confirm dialogs
+   * and short forms that make up most modals. Opt in where the takeover
+   * is the point.
+   *
+   * @default false
    */
   fullScreenOnMobile?: boolean;
 };

package/src/components/Modal/ModalContext.ts

@@ -7,7 +7,7 @@ interface ModalContextValue {
 }
 
 export const ModalContext = createContext<ModalContextValue>({
-  fullScreenOnMobile: true,
+  fullScreenOnMobile: false,
 });
 
 export const useModalContext = () => useContext(ModalContext);