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

package/dist/components/Modal/Modal.mjs

@@ -4,9 +4,9 @@ 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 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, {}), jsx(ModalContext.Provider, { value: ctx, children: children })] }) }));
+const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, headerTone = 'default', ...rest }) => {
+    const ctx = useMemo(() => ({ fullScreenOnMobile, headerTone }), [fullScreenOnMobile, headerTone]);
+    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 })] }) }));
 };
 
 export { Modal };

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;IAEzE,QACEA,IAAC,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,aACrBD,GAAA,CAAC,MAAM,CAAC,QAAQ,EAAA,EAAA,CAAG,EACnBA,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":";;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,UAAU,GAAG,SAAS,EACtB,GAAG,IAAI,EACI,KAAI;IACf,MAAM,GAAG,GAAG,OAAO,CACjB,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC,EAC1C,CAAC,kBAAkB,EAAE,UAAU,CAAC,CACjC;AAED,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.styles.d.ts

@@ -12,4 +12,26 @@ export declare const footerStyles: {
         gap: number;
     };
 };
+/**
+ * The Modal's own enter and exit movement.
+ *
+ * Only the two keyframe *names* are here — the clock comes from the shared
+ * `presence` preset, which every surface with an open and a closed state
+ * carries. That split is what keeps the Modal on the house 2:1 enter/exit ratio
+ * without restating the numbers, while the movement itself stays bespoke: no
+ * other surface enters by rising toward the reader.
+ *
+ * Reduced motion is `presence`'s too — it swaps both names for a plain fade
+ * rather than zeroing the duration, because a surface that appears with no
+ * transition at all reads as a page swap. The movement is what has to go, not
+ * the fact that something changed.
+ */
+export declare const modalAnimation: {
+    _open: {
+        animationName: string;
+    };
+    _closed: {
+        animationName: string;
+    };
+};
 //# sourceMappingURL=Modal.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAaxB,CAAC"}
+{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAaxB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;;;;;CAG1B,CAAC"}

package/dist/components/Modal/Modal.styles.js

@@ -0,0 +1,24 @@
+"use client";
+'use strict';
+
+/**
+ * The Modal's own enter and exit movement.
+ *
+ * Only the two keyframe *names* are here — the clock comes from the shared
+ * `presence` preset, which every surface with an open and a closed state
+ * carries. That split is what keeps the Modal on the house 2:1 enter/exit ratio
+ * without restating the numbers, while the movement itself stays bespoke: no
+ * other surface enters by rising toward the reader.
+ *
+ * Reduced motion is `presence`'s too — it swaps both names for a plain fade
+ * rather than zeroing the duration, because a surface that appears with no
+ * transition at all reads as a page swap. The movement is what has to go, not
+ * the fact that something changed.
+ */
+const modalAnimation = {
+    _open: { animationName: 'modal-in' },
+    _closed: { animationName: 'modal-out' },
+};
+
+exports.modalAnimation = modalAnimation;
+//# sourceMappingURL=Modal.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.js","sources":["../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAeA;;;;;;;;;;;;;AAaG;AACI,MAAM,cAAc,GAAG;AAC5B,IAAA,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE;AACpC,IAAA,OAAO,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE;;;;;"}

package/dist/components/Modal/Modal.styles.mjs

@@ -0,0 +1,22 @@
+"use client";
+/**
+ * The Modal's own enter and exit movement.
+ *
+ * Only the two keyframe *names* are here — the clock comes from the shared
+ * `presence` preset, which every surface with an open and a closed state
+ * carries. That split is what keeps the Modal on the house 2:1 enter/exit ratio
+ * without restating the numbers, while the movement itself stays bespoke: no
+ * other surface enters by rising toward the reader.
+ *
+ * Reduced motion is `presence`'s too — it swaps both names for a plain fade
+ * rather than zeroing the duration, because a surface that appears with no
+ * transition at all reads as a page swap. The movement is what has to go, not
+ * the fact that something changed.
+ */
+const modalAnimation = {
+    _open: { animationName: 'modal-in' },
+    _closed: { animationName: 'modal-out' },
+};
+
+export { modalAnimation };
+//# sourceMappingURL=Modal.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.mjs","sources":["../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAeA;;;;;;;;;;;;;AAaG;AACI,MAAM,cAAc,GAAG;AAC5B,IAAA,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE;AACpC,IAAA,OAAO,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE;;;;;"}

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

@@ -1,9 +1,29 @@
 import { Dialog, PortalProps } from '@chakra-ui/react';
+/**
+ * `'brand'` paints the header a neutral `layer.3` band with a
+ * `secondary.border` bottom rule (the subtitle stays `fg.muted`) for a modal that
+ * wants brand presence up top — an onboarding step, a celebratory confirm.
+ * `'default'` (the default) leaves the header unstyled, matching the body.
+ */
+export type ModalHeaderTone = 'default' | 'brand';
 export type ModalProps = Dialog.RootProps & {
     portalProps?: PortalProps;
     /**
-     * When true, the modal becomes fullscreen on mobile viewports.
-     * @default true
+     * Styles `ModalHeader` as a brand band instead of the plain default.
+     * @default 'default'
+     */
+    headerTone?: ModalHeaderTone;
+    /**
+     * 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;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,GAAG;IAG1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAezD,eAAO,MAAM,YAAY,GAAI,uBAAuB,iBAAiB,4CAgBpE,CAAC"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAezD,eAAO,MAAM,YAAY,GAAI,uBAAuB,iBAAiB,4CAwBpE,CAAC"}

package/dist/components/Modal/ModalContent/ModalContent.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 var ScaledContext = require('../../ScaledContext/ScaledContext.js');
+var Modal_styles = require('../Modal.styles.js');
 var ModalContext = require('../ModalContext.js');
 
 const fullScreenMobileStyles = {
@@ -22,7 +23,7 @@ const ModalContent = ({ children, ...rest }) => {
     const mobileStyles = fullScreenOnMobile
         ? fullScreenMobileStyles
         : inlineMobileStyles;
-    return (jsxRuntime.jsx(react.Dialog.Positioner, { children: jsxRuntime.jsx(react.Dialog.Content, { mdDown: mobileStyles, ...rest, children: jsxRuntime.jsx(ScaledContext.ScaledContext, { fontSize: "14px", css: { display: 'contents' }, children: children }) }) }));
+    return (jsxRuntime.jsx(react.Dialog.Positioner, { children: jsxRuntime.jsx(react.Dialog.Content, { animationStyle: "presence", css: Modal_styles.modalAnimation, mdDown: mobileStyles, ...rest, children: jsxRuntime.jsx(ScaledContext.ScaledContext, { fontSize: "14px", css: { display: 'contents' }, children: children }) }) }));
 };
 
 exports.ModalContent = ModalContent;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sources":["../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":[null],"names":["useModalContext","_jsx","Dialog","ScaledContext"],"mappings":";;;;;;;;AAOA,MAAM,sBAAsB,GAAG;AAC7B,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,CAAC,EAAE,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG;AACzB,IAAA,EAAE,EAAE,CAAC;CACN;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB,KAAI;AACvE,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAGA,4BAAe,EAAE;IAEhD,MAAM,YAAY,GAAG;AACnB,UAAE;UACA,kBAAkB;AAEtB,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,UAAU,cAChBD,cAAA,CAACC,YAAM,CAAC,OAAO,IAAC,MAAM,EAAE,YAAY,EAAA,GAAM,IAAI,EAAA,QAAA,EAC5CD,cAAA,CAACE,2BAAa,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACxD,QAAQ,GACK,EAAA,CACD,EAAA,CACC;AAExB;;;;"}
+{"version":3,"file":"ModalContent.js","sources":["../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":[null],"names":["useModalContext","_jsx","Dialog","modalAnimation","ScaledContext"],"mappings":";;;;;;;;;AAQA,MAAM,sBAAsB,GAAG;AAC7B,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,CAAC,EAAE,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG;AACzB,IAAA,EAAE,EAAE,CAAC;CACN;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB,KAAI;AACvE,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAGA,4BAAe,EAAE;IAEhD,MAAM,YAAY,GAAG;AACnB,UAAE;UACA,kBAAkB;IAEtB,QACEC,eAACC,YAAM,CAAC,UAAU,EAAA,EAAA,QAAA,EAIhBD,cAAA,CAACC,YAAM,CAAC,OAAO,IACb,cAAc,EAAC,UAAU,EACzB,GAAG,EAAEC,2BAAc,EACnB,MAAM,EAAE,YAAY,KAChB,IAAI,EAAA,QAAA,EAERF,eAACG,2BAAa,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACxD,QAAQ,EAAA,CACK,EAAA,CACD,EAAA,CACC;AAExB;;;;"}

package/dist/components/Modal/ModalContent/ModalContent.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Dialog } from '@chakra-ui/react';
 import { ScaledContext } from '../../ScaledContext/ScaledContext.mjs';
+import { modalAnimation } from '../Modal.styles.mjs';
 import { useModalContext } from '../ModalContext.mjs';
 
 const fullScreenMobileStyles = {
@@ -20,7 +21,7 @@ const ModalContent = ({ children, ...rest }) => {
     const mobileStyles = fullScreenOnMobile
         ? fullScreenMobileStyles
         : inlineMobileStyles;
-    return (jsx(Dialog.Positioner, { children: jsx(Dialog.Content, { mdDown: mobileStyles, ...rest, children: jsx(ScaledContext, { fontSize: "14px", css: { display: 'contents' }, children: children }) }) }));
+    return (jsx(Dialog.Positioner, { children: jsx(Dialog.Content, { animationStyle: "presence", css: modalAnimation, mdDown: mobileStyles, ...rest, children: jsx(ScaledContext, { fontSize: "14px", css: { display: 'contents' }, children: children }) }) }));
 };
 
 export { ModalContent };

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.mjs","sources":["../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOA,MAAM,sBAAsB,GAAG;AAC7B,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,CAAC,EAAE,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG;AACzB,IAAA,EAAE,EAAE,CAAC;CACN;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB,KAAI;AACvE,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,eAAe,EAAE;IAEhD,MAAM,YAAY,GAAG;AACnB,UAAE;UACA,kBAAkB;AAEtB,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,UAAU,cAChBA,GAAA,CAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,YAAY,EAAA,GAAM,IAAI,EAAA,QAAA,EAC5CA,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACxD,QAAQ,GACK,EAAA,CACD,EAAA,CACC;AAExB;;;;"}
+{"version":3,"file":"ModalContent.mjs","sources":["../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAQA,MAAM,sBAAsB,GAAG;AAC7B,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,CAAC,EAAE,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG;AACzB,IAAA,EAAE,EAAE,CAAC;CACN;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB,KAAI;AACvE,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,eAAe,EAAE;IAEhD,MAAM,YAAY,GAAG;AACnB,UAAE;UACA,kBAAkB;IAEtB,QACEA,IAAC,MAAM,CAAC,UAAU,EAAA,EAAA,QAAA,EAIhBA,GAAA,CAAC,MAAM,CAAC,OAAO,IACb,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,cAAc,EACnB,MAAM,EAAE,YAAY,KAChB,IAAI,EAAA,QAAA,EAERA,IAAC,aAAa,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACxD,QAAQ,EAAA,CACK,EAAA,CACD,EAAA,CACC;AAExB;;;;"}

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

@@ -1,5 +1,7 @@
+import { ModalHeaderTone } from './Modal.types';
 interface ModalContextValue {
     fullScreenOnMobile: boolean;
+    headerTone: ModalHeaderTone;
 }
 export declare const ModalContext: import("react").Context<ModalContextValue>;
 export declare const useModalContext: () => ModalContextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContext.ts"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,4CAEvB,CAAC;AAEH,eAAO,MAAM,eAAe,yBAAiC,CAAC"}
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContext.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,4CAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,yBAAiC,CAAC"}

package/dist/components/Modal/ModalContext.js

@@ -4,7 +4,8 @@
 var React = require('react');
 
 const ModalContext = React.createContext({
-    fullScreenOnMobile: true,
+    fullScreenOnMobile: false,
+    headerTone: 'default',
 });
 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":";;;;;AAWO,MAAM,YAAY,GAAGA,mBAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,UAAU,EAAE,SAAS;AACtB,CAAA;AAEM,MAAM,eAAe,GAAG,MAAMC,gBAAU,CAAC,YAAY;;;;;"}

package/dist/components/Modal/ModalContext.mjs

@@ -2,7 +2,8 @@
 import { createContext, useContext } from 'react';
 
 const ModalContext = createContext({
-    fullScreenOnMobile: true,
+    fullScreenOnMobile: false,
+    headerTone: 'default',
 });
 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":";;;AAWO,MAAM,YAAY,GAAG,aAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,UAAU,EAAE,SAAS;AACtB,CAAA;AAEM,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,YAAY;;;;"}

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

@@ -1,3 +1,22 @@
+import { ReactNode } from 'react';
 import { Dialog } from '@chakra-ui/react';
-export declare const ModalHeader: ({ ...rest }: Dialog.HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalHeaderProps = Dialog.HeaderProps & {
+    /**
+     * Optional line under the title, in `fg.muted` (on the brand band too —
+     * `secondary.fgStrong` on `layer.3` misses 7:1 in high-contrast dark). Rendered as the dialog's
+     * description, so the dialog gets `aria-describedby` pointing at it.
+     */
+    subtitle?: ReactNode;
+};
+/**
+ * The dialog header: the children are the dialog's title and `subtitle` sits
+ * under it.
+ *
+ * Children become `Dialog.Title`, which gives the dialog its accessible name
+ * (`aria-labelledby`). Text — a string, or text mixed with expressions — is
+ * rendered as the title heading (`h2`). A single element is the caller's own
+ * markup, possibly its own heading, so it is wrapped in a `div` carrying the
+ * title id instead of being nested inside an `h2`.
+ */
+export declare const ModalHeader: ({ subtitle, children, ...rest }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM,CAAC,WAAW,4CAW1D,CAAC"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,GAAG;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,iCAIzB,gBAAgB,4CA2ClB,CAAC"}

package/dist/components/Modal/ModalHeader.js

@@ -2,10 +2,54 @@
 'use strict';
 
 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');
+require('../Typography/H4.js');
+require('../Typography/H5.js');
+require('../Typography/Link.js');
+require('../Typography/Overline.js');
+var Subtext = require('../Typography/Subtext.js');
+require('../Typography/Subtitle.js');
+require('../Typography/Text.js');
+var ModalContext = require('./ModalContext.js');
 
-const ModalHeader = ({ ...rest }) => {
-    return (jsxRuntime.jsx(react.Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "l3", ...rest }));
+/**
+ * The title takes the header's own type (`textStyle="h4"`) instead of the
+ * recipe's `textStyle: lg` / `semibold`, so wrapping it changes nothing on
+ * screen.
+ */
+const inheritType = {
+    fontSize: 'inherit',
+    fontWeight: 'inherit',
+    lineHeight: 'inherit',
+    letterSpacing: 'inherit',
+};
+/**
+ * The dialog header: the children are the dialog's title and `subtitle` sits
+ * under it.
+ *
+ * Children become `Dialog.Title`, which gives the dialog its accessible name
+ * (`aria-labelledby`). Text — a string, or text mixed with expressions — is
+ * rendered as the title heading (`h2`). A single element is the caller's own
+ * markup, possibly its own heading, so it is wrapped in a `div` carrying the
+ * title id instead of being nested inside an `h2`.
+ */
+const ModalHeader = ({ subtitle, children, ...rest }) => {
+    const { headerTone } = ModalContext.useModalContext();
+    const isBrand = headerTone === 'brand';
+    const isOwnMarkup = React.isValidElement(children) && children.type !== React.Fragment;
+    return (jsxRuntime.jsxs(react.Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "l3", 
+        // The recipe lays the header out as a row (`display: flex`, `gap: 2`),
+        // which put the subtitle to the right of the title.
+        flexDirection: "column", alignItems: "flex-start", gap: 0, ...(isBrand && {
+            bg: 'layer.3',
+            borderBottomWidth: '1px',
+            borderBottomColor: 'secondary.border',
+        }), ...rest, children: [isOwnMarkup ? (jsxRuntime.jsx(react.Dialog.Title, { asChild: true, ...inheritType, children: jsxRuntime.jsx("div", { children: children }) })) : (jsxRuntime.jsx(react.Dialog.Title, { ...inheritType, children: children })), subtitle && (jsxRuntime.jsx(react.Dialog.Description, { asChild: true, children: jsxRuntime.jsx(Subtext.Subtext, { mt: 1, fontWeight: "normal", color: "fg.muted", children: subtitle }) }))] }));
 };
 
 exports.ModalHeader = ModalHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,QACEA,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,IAAI,EAAA,GAChB,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["useModalContext","isValidElement","Fragment","_jsxs","Dialog","_jsx","Subtext"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA;;;;AAIG;AACH,MAAM,WAAW,GAAG;AAClB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,aAAa,EAAE,SAAS;CAChB;AAEV;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGA,4BAAe,EAAE;AACxC,IAAA,MAAM,OAAO,GAAG,UAAU,KAAK,OAAO;AACtC,IAAA,MAAM,WAAW,GAAGC,oBAAc,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,KAAKC,cAAQ;IAE1E,QACEC,eAAA,CAACC,YAAM,CAAC,MAAM,IACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,IAAI;;;AAGpB,QAAA,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,GAAG,EAAE,CAAC,EAAA,IAID,OAAO,IAAI;AACd,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,iBAAiB,EAAE,KAAK;AACxB,YAAA,iBAAiB,EAAE,kBAAkB;AACtC,SAAA,CAAC,EAAA,GACE,IAAI,EAAA,QAAA,EAAA,CAEP,WAAW,IACVC,cAAA,CAACD,YAAM,CAAC,KAAK,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EACnCC,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAA,CAAO,EAAA,CACR,KAEfA,cAAA,CAACD,YAAM,CAAC,KAAK,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAgB,CACzD,EACA,QAAQ,KACPC,eAACD,YAAM,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACzBC,cAAA,CAACC,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACjD,QAAQ,EAAA,CACD,EAAA,CACS,CACtB,CAAA,EAAA,CACa;AAEpB;;;;"}

package/dist/components/Modal/ModalHeader.mjs

@@ -1,9 +1,53 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isValidElement, Fragment } from 'react';
 import { Dialog } from '@chakra-ui/react';
+import '../Typography/Caption.mjs';
+import '../Typography/H1.mjs';
+import '../Typography/H2.mjs';
+import '../Typography/H3.mjs';
+import '../Typography/H4.mjs';
+import '../Typography/H5.mjs';
+import '../Typography/Link.mjs';
+import '../Typography/Overline.mjs';
+import { Subtext } from '../Typography/Subtext.mjs';
+import '../Typography/Subtitle.mjs';
+import '../Typography/Text.mjs';
+import { useModalContext } from './ModalContext.mjs';
 
-const ModalHeader = ({ ...rest }) => {
-    return (jsx(Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "l3", ...rest }));
+/**
+ * The title takes the header's own type (`textStyle="h4"`) instead of the
+ * recipe's `textStyle: lg` / `semibold`, so wrapping it changes nothing on
+ * screen.
+ */
+const inheritType = {
+    fontSize: 'inherit',
+    fontWeight: 'inherit',
+    lineHeight: 'inherit',
+    letterSpacing: 'inherit',
+};
+/**
+ * The dialog header: the children are the dialog's title and `subtitle` sits
+ * under it.
+ *
+ * Children become `Dialog.Title`, which gives the dialog its accessible name
+ * (`aria-labelledby`). Text — a string, or text mixed with expressions — is
+ * rendered as the title heading (`h2`). A single element is the caller's own
+ * markup, possibly its own heading, so it is wrapped in a `div` carrying the
+ * title id instead of being nested inside an `h2`.
+ */
+const ModalHeader = ({ subtitle, children, ...rest }) => {
+    const { headerTone } = useModalContext();
+    const isBrand = headerTone === 'brand';
+    const isOwnMarkup = isValidElement(children) && children.type !== Fragment;
+    return (jsxs(Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "l3", 
+        // The recipe lays the header out as a row (`display: flex`, `gap: 2`),
+        // which put the subtitle to the right of the title.
+        flexDirection: "column", alignItems: "flex-start", gap: 0, ...(isBrand && {
+            bg: 'layer.3',
+            borderBottomWidth: '1px',
+            borderBottomColor: 'secondary.border',
+        }), ...rest, children: [isOwnMarkup ? (jsx(Dialog.Title, { asChild: true, ...inheritType, children: jsx("div", { children: children }) })) : (jsx(Dialog.Title, { ...inheritType, children: children })), subtitle && (jsx(Dialog.Description, { asChild: true, children: jsx(Subtext, { mt: 1, fontWeight: "normal", color: "fg.muted", children: subtitle }) }))] }));
 };
 
 export { ModalHeader };

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

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,IAAI,EAAA,GAChB,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAeA;;;;AAIG;AACH,MAAM,WAAW,GAAG;AAClB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,aAAa,EAAE,SAAS;CAChB;AAEV;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE;AACxC,IAAA,MAAM,OAAO,GAAG,UAAU,KAAK,OAAO;AACtC,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ;IAE1E,QACEA,IAAA,CAAC,MAAM,CAAC,MAAM,IACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,IAAI;;;AAGpB,QAAA,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,GAAG,EAAE,CAAC,EAAA,IAID,OAAO,IAAI;AACd,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,iBAAiB,EAAE,KAAK;AACxB,YAAA,iBAAiB,EAAE,kBAAkB;AACtC,SAAA,CAAC,EAAA,GACE,IAAI,EAAA,QAAA,EAAA,CAEP,WAAW,IACVC,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAA,CAAO,EAAA,CACR,KAEfA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAgB,CACzD,EACA,QAAQ,KACPA,IAAC,MAAM,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACzBA,GAAA,CAAC,OAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACjD,QAAQ,EAAA,CACD,EAAA,CACS,CACtB,CAAA,EAAA,CACa;AAEpB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,eAAO,MAAM,YAAY,GAAI,aAAa,MAAM,CAAC,aAAa,4CAE7D,CAAC"}
+{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,eAAO,MAAM,YAAY,GAAI,aAAa,MAAM,CAAC,aAAa,4CAU7D,CAAC"}

package/dist/components/Modal/ModalOverlay.js

@@ -5,7 +5,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
 const ModalOverlay = ({ ...rest }) => {
-    return jsxRuntime.jsx(react.Dialog.Backdrop, { ...rest });
+    // Chakra's backdrop leaves over 200ms while the content now leaves over 150,
+    // so the scrim would linger after the dialog is gone. Same clock, both ways.
+    return (jsxRuntime.jsx(react.Dialog.Backdrop, { _open: { animationDuration: 'motion.base' }, _closed: { animationDuration: 'fast' }, ...rest }));
 };
 
 exports.ModalOverlay = ModalOverlay;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.js","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAwB,KAAI;AAChE,IAAA,OAAOA,eAACC,YAAM,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,GAAI;AACtC;;;;"}
+{"version":3,"file":"ModalOverlay.js","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAwB,KAAI;;;IAGhE,QACEA,cAAA,CAACC,YAAM,CAAC,QAAQ,IACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,GAClC,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/Modal/ModalOverlay.mjs

@@ -3,7 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { Dialog } from '@chakra-ui/react';
 
 const ModalOverlay = ({ ...rest }) => {
-    return jsx(Dialog.Backdrop, { ...rest });
+    // Chakra's backdrop leaves over 200ms while the content now leaves over 150,
+    // so the scrim would linger after the dialog is gone. Same clock, both ways.
+    return (jsx(Dialog.Backdrop, { _open: { animationDuration: 'motion.base' }, _closed: { animationDuration: 'fast' }, ...rest }));
 };
 
 export { ModalOverlay };

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

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.mjs","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAwB,KAAI;AAChE,IAAA,OAAOA,IAAC,MAAM,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,GAAI;AACtC;;;;"}
+{"version":3,"file":"ModalOverlay.mjs","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAwB,KAAI;;;IAGhE,QACEA,GAAA,CAAC,MAAM,CAAC,QAAQ,IACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,GAClC,IAAI,EAAA,CACR;AAEN;;;;"}

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

@@ -1,10 +1,10 @@
 export { Modal } from './Modal';
-export { type ModalProps } from './Modal.types';
+export { type ModalHeaderTone, type ModalProps } from './Modal.types';
 export { ModalBody } from './ModalBody';
 export { ModalCloseButton } from './ModalCloseButton';
 export { ModalContent } from './ModalContent';
 export { useModalContext } from './ModalContext';
 export { ModalFooter } from './ModalFooter';
-export { ModalHeader } from './ModalHeader';
+export { ModalHeader, type ModalHeaderProps } from './ModalHeader';
 export { ModalOverlay } from './ModalOverlay';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/MonthPicker/MonthButton/MonthButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthButton.d.ts","sourceRoot":"","sources":["../../../../src/components/MonthPicker/MonthButton/MonthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAgBpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+FlD,CAAC"}
+{"version":3,"file":"MonthButton.d.ts","sourceRoot":"","sources":["../../../../src/components/MonthPicker/MonthButton/MonthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8FlD,CAAC"}

package/dist/components/MonthPicker/MonthButton/MonthButton.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var Button = require('../../Button/Button.js');
+require('../../Button/Button.styles.js');
 var isMonthDisabled = require('../_utils/isMonthDisabled.js');
 var isMonthInPreviewRange = require('../_utils/isMonthInPreviewRange.js');
 var isMonthInRange = require('../_utils/isMonthInRange.js');
@@ -28,26 +29,26 @@ const MonthButton = React.memo(({ month, year, monthName, selectedRange, selecti
         }
     };
     const getMonthButtonStyle = (month, year, selectedRange, selectionStart, hoveredMonth) => {
-        // Selected months get solid primary
+        // Selected months get the primary fill
         if (isMonthSelected.isMonthSelected(month, year, selectedRange)) {
-            return { colorScheme: 'primary', variant: 'solid' };
+            return { variant: 'primary' };
         }
         if (isSelectionStart.isSelectionStart(month, year, selectionStart)) {
-            return { colorScheme: 'primary', variant: 'solid' };
+            return { variant: 'primary' };
         }
-        // In-range months get soft primary
+        // In-range months get the subtle wash
         if (isMonthInRange.isMonthInRange(month, year, selectedRange)) {
-            return { colorScheme: 'primary', variant: 'soft' };
+            return { variant: 'subtle' };
         }
         // Preview range when hovering with a selection start
         if (isMonthInPreviewRange.isMonthInPreviewRange(month, year, selectionStart || null, hoveredMonth || null)) {
-            return { colorScheme: 'primary', variant: 'soft' };
+            return { variant: 'subtle' };
         }
-        // Default: ghost neutral
-        return { colorScheme: 'neutral', variant: 'outline' };
+        // Default: outlined
+        return { variant: 'secondary' };
     };
     const style = getMonthButtonStyle(month, year, selectedRange, selectionStart, hoveredMonth);
-    return (jsxRuntime.jsx(Button.Button, { size: "sm", colorPalette: style.colorScheme, variant: style.variant, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, disabled: disabled, opacity: disabled ? 0.4 : 1, ...buttonProps, children: monthName }));
+    return (jsxRuntime.jsx(Button.Button, { size: "sm", variant: style.variant, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, disabled: disabled, opacity: disabled ? 0.4 : 1, ...buttonProps, children: monthName }));
 });
 MonthButton.displayName = 'MonthButton';
 

package/dist/components/MonthPicker/MonthButton/MonthButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthButton.js","sources":["../../../../src/components/MonthPicker/MonthButton/MonthButton.tsx"],"sourcesContent":[null],"names":["memo","isMonthDisabled","isMonthSelected","isSelectionStart","isMonthInRange","isMonthInPreviewRange","_jsx","Button"],"mappings":";;;;;;;;;;;;AAuBO,MAAM,WAAW,GAA+BA,UAAI,CACzD,CAAC,EACC,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,GAAG,WAAW,EACf,KAAI;AACH,IAAA,MAAM,QAAQ,GAAGC,+BAAe,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;QACvB,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;QACtB;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;AAC7B,YAAA,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;QAC3B;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,EAAE;QAChB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,CAC1B,KAAa,EACb,IAAY,EACZ,aAAiC,EACjC,cAA4B,EAC5B,YAAqD,KACjC;;QAEpB,IAAIC,+BAAe,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;YAC/C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE;QACrD;QACA,IAAIC,iCAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,EAAE;YACjD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE;QACrD;;QAGA,IAAIC,6BAAc,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;YAC9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;QACpD;;AAGA,QAAA,IACEC,2CAAqB,CACnB,KAAK,EACL,IAAI,EACJ,cAAc,IAAI,IAAI,EACtB,YAAY,IAAI,IAAI,CACrB,EACD;YACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;QACpD;;QAGA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;AACvD,IAAA,CAAC;AAED,IAAA,MAAM,KAAK,GAAG,mBAAmB,CAC/B,KAAK,EACL,IAAI,EACJ,aAAa,EACb,cAAc,EACd,YAAY,CACb;IAED,QACEC,cAAA,CAACC,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,KAAK,CAAC,WAAW,EAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,EAAA,GACvB,WAAW,EAAA,QAAA,EAEd,SAAS,EAAA,CACH;AAEb,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"MonthButton.js","sources":["../../../../src/components/MonthPicker/MonthButton/MonthButton.tsx"],"sourcesContent":[null],"names":["memo","isMonthDisabled","isMonthSelected","isSelectionStart","isMonthInRange","isMonthInPreviewRange","_jsx","Button"],"mappings":";;;;;;;;;;;;;AAmBO,MAAM,WAAW,GAA+BA,UAAI,CACzD,CAAC,EACC,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,GAAG,WAAW,EACf,KAAI;AACH,IAAA,MAAM,QAAQ,GAAGC,+BAAe,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;QACvB,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;QACtB;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;AAC7B,YAAA,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;QAC3B;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,EAAE;QAChB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,CAC1B,KAAa,EACb,IAAY,EACZ,aAAiC,EACjC,cAA4B,EAC5B,YAAqD,KACjC;;QAEpB,IAAIC,+BAAe,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;AAC/C,YAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B;QACA,IAAIC,iCAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,EAAE;AACjD,YAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B;;QAGA,IAAIC,6BAAc,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;AAC9C,YAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B;;AAGA,QAAA,IACEC,2CAAqB,CACnB,KAAK,EACL,IAAI,EACJ,cAAc,IAAI,IAAI,EACtB,YAAY,IAAI,IAAI,CACrB,EACD;AACA,YAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B;;AAGA,QAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE;AACjC,IAAA,CAAC;AAED,IAAA,MAAM,KAAK,GAAG,mBAAmB,CAC/B,KAAK,EACL,IAAI,EACJ,aAAa,EACb,cAAc,EACd,YAAY,CACb;IAED,QACEC,eAACC,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,EAAA,GACvB,WAAW,EAAA,QAAA,EAEd,SAAS,EAAA,CACH;AAEb,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/MonthPicker/MonthButton/MonthButton.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { Button } from '../../Button/Button.mjs';
+import '../../Button/Button.styles.mjs';
 import { isMonthDisabled } from '../_utils/isMonthDisabled.mjs';
 import { isMonthInPreviewRange } from '../_utils/isMonthInPreviewRange.mjs';
 import { isMonthInRange } from '../_utils/isMonthInRange.mjs';
@@ -26,26 +27,26 @@ const MonthButton = memo(({ month, year, monthName, selectedRange, selectionStar
         }
     };
     const getMonthButtonStyle = (month, year, selectedRange, selectionStart, hoveredMonth) => {
-        // Selected months get solid primary
+        // Selected months get the primary fill
         if (isMonthSelected(month, year, selectedRange)) {
-            return { colorScheme: 'primary', variant: 'solid' };
+            return { variant: 'primary' };
         }
         if (isSelectionStart(month, year, selectionStart)) {
-            return { colorScheme: 'primary', variant: 'solid' };
+            return { variant: 'primary' };
         }
-        // In-range months get soft primary
+        // In-range months get the subtle wash
         if (isMonthInRange(month, year, selectedRange)) {
-            return { colorScheme: 'primary', variant: 'soft' };
+            return { variant: 'subtle' };
         }
         // Preview range when hovering with a selection start
         if (isMonthInPreviewRange(month, year, selectionStart || null, hoveredMonth || null)) {
-            return { colorScheme: 'primary', variant: 'soft' };
+            return { variant: 'subtle' };
         }
-        // Default: ghost neutral
-        return { colorScheme: 'neutral', variant: 'outline' };
+        // Default: outlined
+        return { variant: 'secondary' };
     };
     const style = getMonthButtonStyle(month, year, selectedRange, selectionStart, hoveredMonth);
-    return (jsx(Button, { size: "sm", colorPalette: style.colorScheme, variant: style.variant, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, disabled: disabled, opacity: disabled ? 0.4 : 1, ...buttonProps, children: monthName }));
+    return (jsx(Button, { size: "sm", variant: style.variant, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, disabled: disabled, opacity: disabled ? 0.4 : 1, ...buttonProps, children: monthName }));
 });
 MonthButton.displayName = 'MonthButton';
 

package/dist/components/MonthPicker/MonthButton/MonthButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthButton.mjs","sources":["../../../../src/components/MonthPicker/MonthButton/MonthButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;AAuBO,MAAM,WAAW,GAA+B,IAAI,CACzD,CAAC,EACC,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,GAAG,WAAW,EACf,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;QACvB,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;QACtB;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;AAC7B,YAAA,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;QAC3B;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,EAAE;QAChB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,CAC1B,KAAa,EACb,IAAY,EACZ,aAAiC,EACjC,cAA4B,EAC5B,YAAqD,KACjC;;QAEpB,IAAI,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;YAC/C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE;QACrD;QACA,IAAI,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,EAAE;YACjD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE;QACrD;;QAGA,IAAI,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;YAC9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;QACpD;;AAGA,QAAA,IACE,qBAAqB,CACnB,KAAK,EACL,IAAI,EACJ,cAAc,IAAI,IAAI,EACtB,YAAY,IAAI,IAAI,CACrB,EACD;YACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;QACpD;;QAGA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;AACvD,IAAA,CAAC;AAED,IAAA,MAAM,KAAK,GAAG,mBAAmB,CAC/B,KAAK,EACL,IAAI,EACJ,aAAa,EACb,cAAc,EACd,YAAY,CACb;IAED,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,KAAK,CAAC,WAAW,EAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,EAAA,GACvB,WAAW,EAAA,QAAA,EAEd,SAAS,EAAA,CACH;AAEb,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"MonthButton.mjs","sources":["../../../../src/components/MonthPicker/MonthButton/MonthButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;AAmBO,MAAM,WAAW,GAA+B,IAAI,CACzD,CAAC,EACC,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,GAAG,WAAW,EACf,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;QACvB,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;QACtB;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;AAC7B,YAAA,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;QAC3B;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,EAAE;QAChB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,CAC1B,KAAa,EACb,IAAY,EACZ,aAAiC,EACjC,cAA4B,EAC5B,YAAqD,KACjC;;QAEpB,IAAI,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;AAC/C,YAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B;QACA,IAAI,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,EAAE;AACjD,YAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B;;QAGA,IAAI,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE;AAC9C,YAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B;;AAGA,QAAA,IACE,qBAAqB,CACnB,KAAK,EACL,IAAI,EACJ,cAAc,IAAI,IAAI,EACtB,YAAY,IAAI,IAAI,CACrB,EACD;AACA,YAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B;;AAGA,QAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE;AACjC,IAAA,CAAC;AAED,IAAA,MAAM,KAAK,GAAG,mBAAmB,CAC/B,KAAK,EACL,IAAI,EACJ,aAAa,EACb,cAAc,EACd,YAAY,CACb;IAED,QACEA,IAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,EAAA,GACvB,WAAW,EAAA,QAAA,EAEd,SAAS,EAAA,CACH;AAEb,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}