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

package/dist/components/Banner/Banner.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+require('../Typography/Caption.js');
 require('../Typography/H1.js');
 require('../Typography/H2.js');
 require('../Typography/H3.js');
@@ -29,7 +30,7 @@ const Banner = React.forwardRef(({ children, variant = 'info', hideIcon = false,
             borderTopLeftRadius: 'lg',
             borderBottomLeftRadius: 'lg',
             ...Banner_styles.accentStyles[variant],
-        }, ...styles.container, ...Banner_styles.bannerStyles[variant], ref: ref, ...rest, children: jsxRuntime.jsxs(react.Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsx(Icon, { mr: 2, color: color, boxSize: "md" }) })), typeof children === 'string' ? (jsxRuntime.jsx(Text.Text, { w: "100%", ...styles.text, ...Banner_styles.textStyles[variant], children: children })) : (jsxRuntime.jsx(react.Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
+        }, ...styles.container, ...Banner_styles.bannerStyles[variant], ref: ref, ...rest, children: jsxRuntime.jsxs(react.Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsx(Icon, { mr: 2, color: color, boxSize: styles.icon.boxSize }) })), typeof children === 'string' ? (jsxRuntime.jsx(Text.Text, { w: "100%", ...styles.text, ...Banner_styles.textStyles[variant], children: children })) : (jsxRuntime.jsx(react.Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
 });
 Banner.displayName = 'Banner';
 

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["forwardRef","iconConfig","sizeStyles","_jsx","Box","accentStyles","bannerStyles","_jsxs","Flex","Text","textStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAGC,wBAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAGC,wBAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAGC,0BAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChBC,0BAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,YAERC,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzB,CAAC,QAAQ,KACRL,eAACC,SAAG,EAAA,EAAA,QAAA,EACFD,cAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACtC,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,cAAA,CAACM,SAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAMC,wBAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPP,cAAA,CAACK,UAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["forwardRef","iconConfig","sizeStyles","_jsx","Box","accentStyles","bannerStyles","_jsxs","Flex","Text","textStyles"],"mappings":";;;;;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAGC,wBAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAGC,wBAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAGC,0BAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChBC,0BAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,aACzB,CAAC,QAAQ,KACRL,cAAA,CAACC,SAAG,cACFD,cAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAA,CAAI,EAAA,CACvD,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,cAAA,CAACM,SAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAMC,wBAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPP,cAAA,CAACK,UAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Banner/Banner.mjs

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box, Flex } from '@chakra-ui/react';
+import '../Typography/Caption.mjs';
 import '../Typography/H1.mjs';
 import '../Typography/H2.mjs';
 import '../Typography/H3.mjs';
@@ -27,7 +28,7 @@ const Banner = forwardRef(({ children, variant = 'info', hideIcon = false, size
             borderTopLeftRadius: 'lg',
             borderBottomLeftRadius: 'lg',
             ...accentStyles[variant],
-        }, ...styles.container, ...bannerStyles[variant], ref: ref, ...rest, children: jsxs(Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsx(Box, { children: jsx(Icon, { mr: 2, color: color, boxSize: "md" }) })), typeof children === 'string' ? (jsx(Text, { w: "100%", ...styles.text, ...textStyles[variant], children: children })) : (jsx(Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
+        }, ...styles.container, ...bannerStyles[variant], ref: ref, ...rest, children: jsxs(Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsx(Box, { children: jsx(Icon, { mr: 2, color: color, boxSize: styles.icon.boxSize }) })), typeof children === 'string' ? (jsx(Text, { w: "100%", ...styles.text, ...textStyles[variant], children: children })) : (jsx(Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
 });
 Banner.displayName = 'Banner';
 

package/dist/components/Banner/Banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.mjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAG,YAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChB,YAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,YAERC,IAAA,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzB,CAAC,QAAQ,KACRD,IAAC,GAAG,EAAA,EAAA,QAAA,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACtC,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAM,UAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPA,GAAA,CAAC,IAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Banner.mjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAG,YAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChB,YAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,aACzB,CAAC,QAAQ,KACRD,GAAA,CAAC,GAAG,cACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAA,CAAI,EAAA,CACvD,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAM,UAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPA,GAAA,CAAC,IAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -4,10 +4,14 @@ import { TypographyProps } from '../Typography';
 import { BannerProps, BannerSize } from './Banner.types';
 type VariantType = NonNullable<BannerProps['variant']>;
 /**
- * Banner variant styles using the Golden Ratio color system.
+ * Banner variant styles on the BAZE token set.
  *
- * Uses `lightest` backgrounds with `lighter` borders and `dark` text
- * for optimal readability and WCAG AA compliance.
+ * Every status variant is border `{s}.border` + bg `{s}.bg` + text/icon
+ * `{s}.fg`, with a `{s}.solid` left accent bar — `info` now reads its own
+ * `info.*` family instead of borrowing `primary.*`. `neutral` is the brand
+ * notice band: border `secondary.border`, bar `primary.main`, bg
+ * `bg.subtle` (neutral — the sand tint is not a background), text
+ * `fg.default`.
  */
 export declare const bannerStyles: Record<VariantType, BoxProps>;
 export declare const accentStyles: Record<VariantType, BoxProps['_before']>;

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEzD,KAAK,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAqBtD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAajE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,WAAW,EACX;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAMxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAa3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,UAAU,EACV;IACE,SAAS,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAkDF,CAAC"}
+{"version":3,"file":"Banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEzD,KAAK,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;AAEvD;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA0BtD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAgBjE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,WAAW,EACX;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAOxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAgB3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,UAAU,EACV;IACE,SAAS,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAkDF,CAAC"}

package/dist/components/Banner/Banner.styles.js

@@ -4,65 +4,81 @@
 var index = require('../Icon/index.js');
 
 /**
- * Banner variant styles using the Golden Ratio color system.
+ * Banner variant styles on the BAZE token set.
  *
- * Uses `lightest` backgrounds with `lighter` borders and `dark` text
- * for optimal readability and WCAG AA compliance.
+ * Every status variant is border `{s}.border` + bg `{s}.bg` + text/icon
+ * `{s}.fg`, with a `{s}.solid` left accent bar — `info` now reads its own
+ * `info.*` family instead of borrowing `primary.*`. `neutral` is the brand
+ * notice band: border `secondary.border`, bar `primary.main`, bg
+ * `bg.subtle` (neutral — the sand tint is not a background), text
+ * `fg.default`.
  */
 const bannerStyles = {
     info: {
-        bg: 'primary.extralight', // #E8EEFB
-        borderColor: 'primary.lighter', // #B9CBF3
-        color: 'primary.dark', // #0D317D
+        bg: 'info.bg',
+        borderColor: 'info.border',
+        color: 'info.fg',
     },
     success: {
-        bg: 'success.extralight', // #E9FBE8
-        borderColor: 'success.lighter', // #BDF3B9
-        color: 'success.dark', // #147D0D
+        bg: 'success.bg',
+        borderColor: 'success.border',
+        color: 'success.fg',
     },
     warning: {
-        bg: 'warning.extralight', // #FBF6E8
-        borderColor: 'warning.lighter', // #F3E4B9
-        color: 'warning.dark', // #7D610D
+        bg: 'warning.bg',
+        borderColor: 'warning.border',
+        color: 'warning.fg',
     },
     danger: {
-        bg: 'danger.extralight', // #FBE8E9
-        borderColor: 'danger.lighter', // #F3B9BD
-        color: 'danger.dark', // #7D0D14
+        bg: 'danger.bg',
+        borderColor: 'danger.border',
+        color: 'danger.fg',
+    },
+    neutral: {
+        bg: 'bg.subtle',
+        borderColor: 'secondary.border',
+        color: 'fg.default',
     },
 };
 const accentStyles = {
     info: {
-        bg: 'primary.main',
+        bg: 'info.solid',
     },
     success: {
-        bg: 'success.main',
+        bg: 'success.solid',
     },
     warning: {
-        bg: 'warning.main',
+        bg: 'warning.solid',
     },
     danger: {
-        bg: 'danger.dark',
+        bg: 'danger.solid',
+    },
+    neutral: {
+        bg: 'primary.main',
     },
 };
 const iconConfig = {
-    info: { Icon: index.LuInfo, color: 'primary.main' },
-    success: { Icon: index.IoIosCheckmarkCircle, color: 'success.main' },
-    warning: { Icon: index.IoWarning, color: 'warning.main' },
-    danger: { Icon: index.MdError, color: 'danger.main' },
+    info: { Icon: index.LuInfo, color: 'info.fg' },
+    success: { Icon: index.IoIosCheckmarkCircle, color: 'success.fg' },
+    warning: { Icon: index.IoWarning, color: 'warning.fg' },
+    danger: { Icon: index.MdError, color: 'danger.fg' },
+    neutral: { Icon: index.LuInfo, color: 'fg.default' },
 };
 const textStyles = {
     info: {
-        color: 'primary.dark',
+        color: 'info.fg',
     },
     success: {
-        color: 'success.dark',
+        color: 'success.fg',
     },
     warning: {
-        color: 'warning.dark',
+        color: 'warning.fg',
     },
     danger: {
-        color: 'danger.dark',
+        color: 'danger.fg',
+    },
+    neutral: {
+        color: 'fg.default',
     },
 };
 const sizeStyles = {

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.js","sources":["../../../src/components/Banner/Banner.styles.ts"],"sourcesContent":[null],"names":["LuInfo","IoIosCheckmarkCircle","IoWarning","MdError"],"mappings":"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"}
+{"version":3,"file":"Banner.styles.js","sources":["../../../src/components/Banner/Banner.styles.ts"],"sourcesContent":[null],"names":["LuInfo","IoIosCheckmarkCircle","IoWarning","MdError"],"mappings":"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"}

package/dist/components/Banner/Banner.styles.mjs

@@ -1,66 +1,82 @@
 "use client";
-import { MdError, IoWarning, IoIosCheckmarkCircle, LuInfo } from '../Icon/index.mjs';
+import { LuInfo, MdError, IoWarning, IoIosCheckmarkCircle } from '../Icon/index.mjs';
 
 /**
- * Banner variant styles using the Golden Ratio color system.
+ * Banner variant styles on the BAZE token set.
  *
- * Uses `lightest` backgrounds with `lighter` borders and `dark` text
- * for optimal readability and WCAG AA compliance.
+ * Every status variant is border `{s}.border` + bg `{s}.bg` + text/icon
+ * `{s}.fg`, with a `{s}.solid` left accent bar — `info` now reads its own
+ * `info.*` family instead of borrowing `primary.*`. `neutral` is the brand
+ * notice band: border `secondary.border`, bar `primary.main`, bg
+ * `bg.subtle` (neutral — the sand tint is not a background), text
+ * `fg.default`.
  */
 const bannerStyles = {
     info: {
-        bg: 'primary.extralight', // #E8EEFB
-        borderColor: 'primary.lighter', // #B9CBF3
-        color: 'primary.dark', // #0D317D
+        bg: 'info.bg',
+        borderColor: 'info.border',
+        color: 'info.fg',
     },
     success: {
-        bg: 'success.extralight', // #E9FBE8
-        borderColor: 'success.lighter', // #BDF3B9
-        color: 'success.dark', // #147D0D
+        bg: 'success.bg',
+        borderColor: 'success.border',
+        color: 'success.fg',
     },
     warning: {
-        bg: 'warning.extralight', // #FBF6E8
-        borderColor: 'warning.lighter', // #F3E4B9
-        color: 'warning.dark', // #7D610D
+        bg: 'warning.bg',
+        borderColor: 'warning.border',
+        color: 'warning.fg',
     },
     danger: {
-        bg: 'danger.extralight', // #FBE8E9
-        borderColor: 'danger.lighter', // #F3B9BD
-        color: 'danger.dark', // #7D0D14
+        bg: 'danger.bg',
+        borderColor: 'danger.border',
+        color: 'danger.fg',
+    },
+    neutral: {
+        bg: 'bg.subtle',
+        borderColor: 'secondary.border',
+        color: 'fg.default',
     },
 };
 const accentStyles = {
     info: {
-        bg: 'primary.main',
+        bg: 'info.solid',
     },
     success: {
-        bg: 'success.main',
+        bg: 'success.solid',
     },
     warning: {
-        bg: 'warning.main',
+        bg: 'warning.solid',
     },
     danger: {
-        bg: 'danger.dark',
+        bg: 'danger.solid',
+    },
+    neutral: {
+        bg: 'primary.main',
     },
 };
 const iconConfig = {
-    info: { Icon: LuInfo, color: 'primary.main' },
-    success: { Icon: IoIosCheckmarkCircle, color: 'success.main' },
-    warning: { Icon: IoWarning, color: 'warning.main' },
-    danger: { Icon: MdError, color: 'danger.main' },
+    info: { Icon: LuInfo, color: 'info.fg' },
+    success: { Icon: IoIosCheckmarkCircle, color: 'success.fg' },
+    warning: { Icon: IoWarning, color: 'warning.fg' },
+    danger: { Icon: MdError, color: 'danger.fg' },
+    neutral: { Icon: LuInfo, color: 'fg.default' },
 };
 const textStyles = {
     info: {
-        color: 'primary.dark',
+        color: 'info.fg',
     },
     success: {
-        color: 'success.dark',
+        color: 'success.fg',
     },
     warning: {
-        color: 'warning.dark',
+        color: 'warning.fg',
     },
     danger: {
-        color: 'danger.dark',
+        color: 'danger.fg',
+    },
+    neutral: {
+        color: 'fg.default',
     },
 };
 const sizeStyles = {

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.mjs","sources":["../../../src/components/Banner/Banner.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"Banner.styles.mjs","sources":["../../../src/components/Banner/Banner.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { BoxProps } from '@chakra-ui/react';
 export type BannerSize = 'sm' | 'md' | 'lg';
 export interface BannerProps extends BoxProps {
-    variant?: 'info' | 'success' | 'warning' | 'danger';
+    variant?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';
     hideIcon?: boolean;
     size?: BannerSize;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
+{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,28 @@
+import type { BottomSheetProps } from './BottomSheet.types';
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+export declare const BottomSheet: {
+    ({ children, portalProps, ...rest }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;yCAIrB,gBAAgB;;CAWlB,CAAC"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,38 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var BottomSheetContext = require('./BottomSheetContext.js');
+var BottomSheetOverlay = require('./BottomSheetOverlay.js');
+
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+const BottomSheet = ({ children, portalProps, ...rest }) => {
+    const isModal = rest.modal !== false;
+    return (jsxRuntime.jsx(BottomSheetContext.StyledRoot, { ...rest, children: jsxRuntime.jsxs(react.Portal, { ...portalProps, children: [isModal && jsxRuntime.jsx(BottomSheetOverlay.BottomSheetOverlay, {}), children] }) }));
+};
+BottomSheet.displayName = 'BottomSheet';
+
+exports.BottomSheet = BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":[null],"names":["_jsx","StyledRoot","_jsxs","Portal","BottomSheetOverlay"],"mappings":";;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK;IAEpC,QACEA,eAACC,6BAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAClBC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,aACpB,OAAO,IAAIH,eAACI,qCAAkB,EAAA,EAAA,CAAG,EACjC,QAAQ,CAAA,EAAA,CACF,EAAA,CACE;AAEjB;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Portal } from '@chakra-ui/react';
+import { StyledRoot } from './BottomSheetContext.mjs';
+import { BottomSheetOverlay } from './BottomSheetOverlay.mjs';
+
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+const BottomSheet = ({ children, portalProps, ...rest }) => {
+    const isModal = rest.modal !== false;
+    return (jsx(StyledRoot, { ...rest, children: jsxs(Portal, { ...portalProps, children: [isModal && jsx(BottomSheetOverlay, {}), children] }) }));
+};
+BottomSheet.displayName = 'BottomSheet';
+
+export { BottomSheet };
+//# sourceMappingURL=BottomSheet.mjs.map

package/dist/components/BottomSheet/BottomSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.mjs","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK;IAEpC,QACEA,IAAC,UAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAClBC,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,aACpB,OAAO,IAAID,IAAC,kBAAkB,EAAA,EAAA,CAAG,EACjC,QAAQ,CAAA,EAAA,CACF,EAAA,CACE;AAEjB;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -0,0 +1,32 @@
+/**
+ * Parts the sheet styles. Ark's drawer anatomy plus the three layout slots
+ * (`header` / `body` / `footer`) that have no machine behaviour of their own —
+ * the same extension Chakra makes for its dialog-backed `Drawer`.
+ */
+export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">;
+/**
+ * The BottomSheet's slot recipe.
+ *
+ * Passed to `createSlotRecipeContext({ recipe })` rather than registered in the
+ * theme under a key, so the sheet renders the same whether or not the consuming
+ * app built its system from `logicianConfig` — and an app that wants to restyle
+ * it can still pass style props per part.
+ *
+ * Two clocks move the content, and they are deliberately separate:
+ *
+ * - **Presence** (open / close) is a keyframe animation on `translate`, timed by
+ *   the shared `presence` preset — enter on `motion.base`, exit on `fast`.
+ * - **Snap / release** is a transition on `transform`. Zag drives `transform`
+ *   inline from `--drawer-translate-y` while the sheet is dragged (and zeroes the
+ *   transition duration during the drag), so the transition only runs when a
+ *   finger lets go or the snap point changes.
+ *
+ * `translate` and `transform` compose, so the entrance never fights the drag.
+ *
+ * Reduced motion: `presence` swaps the slide for a plain fade (restated below so
+ * the recipe's own `animationName` cannot outrank it), and the snap transition
+ * drops to `motion.instant` so the sheet lands on its snap point without
+ * travelling there.
+ */
+export declare const bottomSheetSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">>;
+//# sourceMappingURL=BottomSheet.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,uNAI9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,qBAAqB,6bA2HhC,CAAC"}