@mindlogic-ai/logician-ui 5.0.0-alpha.3 → 5.0.0-alpha.30

package/dist/components/Button/Button.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button as Button$1 } from '@chakra-ui/react';
+import { useTranslate } from '../../hooks/useTranslate.mjs';
 import { focusRing } from '../../utils/focusRing.mjs';
 import { mergeCss } from '../../utils/mergeCss.mjs';
 import { polymorphic } from '../../types/polymorphic.mjs';
@@ -25,11 +26,18 @@ import { getButtonStyles, buttonTransition } from './Button.styles.mjs';
  * <Button as="a" href="/docs" target="_blank">문서</Button>
  * ```
  */
-const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestructiveProp = false, size, lift, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, css: cssProp, ...restWithLegacy }, ref) => {
+const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestructiveProp = false, size, lift, disabled, focusableWhenDisabled = false, onDisabledClick, onClick, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, css: cssProp, ...restWithLegacy }, ref) => {
     // 4.x callers (untyped JS, `as any`) can still hand us `colorPalette` and
     // an old variant name. Strip it so it never reaches Chakra's own recipe,
     // and map the pair onto a 5.0 role — see `Button.legacy.ts`.
-    const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
+    const { colorPalette: legacyPalette, loadingText: loadingTextProp, ...rest } = restWithLegacy;
+    // A busy button says what it is doing: 처리 중 unless the call site names
+    // the verb (저장 중). `loadingText={null}` opts out — spinner only, and the
+    // button keeps its width.
+    const translate = useTranslate();
+    const loadingText = loadingTextProp === undefined
+        ? translate('processing')
+        : (loadingTextProp ?? undefined);
     let variant = variantProp ?? 'subtle';
     let isDestructive = isDestructiveProp;
     if (isLegacyButtonProps('button', legacyPalette, variantProp)) {
@@ -39,6 +47,23 @@ const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestruct
         isDestructive = isDestructive || resolved.isDestructive;
     }
     const base = getButtonStyles(variant, isDestructive);
+    // `focusableWhenDisabled`: disabled by ARIA, not by the attribute, so the
+    // button stays focusable and can answer a press. `aria-disabled=true` is
+    // in Chakra's `_disabled` condition, so the disabled colours and cursor
+    // still apply; `data-disabled` is what `_hover` / `_active` exclude, so
+    // without it the button would still react to the pointer. `loading` keeps
+    // the native attribute (Chakra sets it) — see `focusableWhenDisabled`.
+    const softDisabled = !!disabled && focusableWhenDisabled && !rest.loading;
+    const handleClick = softDisabled
+        ? (event) => {
+            // Also what stops a `type="submit"` button from submitting.
+            event.preventDefault();
+            // A native disabled button sends no click to its ancestors either —
+            // a clickable row around it must not run its own action.
+            event.stopPropagation();
+            onDisabledClick?.(event);
+        }
+        : onClick;
     // Merged rather than spread after: each variant already owns `_hover` and
     // `_active` for its colours, and replacing either would drop them.
     const styles = lift
@@ -102,7 +127,10 @@ const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestruct
         // Two clocks on one element — the press is faster than the colour
         // change — so the shorthand is written out and only the reduced-motion
         // guard comes from the vocabulary.
-        transition: buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest, 
+        transition: buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, loadingText: loadingText, disabled: softDisabled ? undefined : disabled, onClick: handleClick, ...rest, ...(softDisabled && {
+            'aria-disabled': true,
+            'data-disabled': '',
+        }), 
         // The `action` icon rule lives in `css` (a nested selector cannot be a
         // style prop); merged so a call site's `css` adds to it.
         css: mergeCss(base.css, cssProp), children: children }));

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

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,GAAG,KAAK,EACxC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,OAAO,EACZ,GAAG,cAAc,EAClB,EACD,GAAG,KACD;;;;IAIF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAC5C,cAAoE;AAEtE,IAAA,IAAI,OAAO,GAAkB,WAAW,IAAI,QAAQ;IACpD,IAAI,aAAa,GAAG,iBAAiB;IACrC,IAAI,mBAAmB,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE;QAC7D,MAAM,QAAQ,GAAG,0BAA0B,CACzC,QAAQ,EACR,aAAa,EACb,WAAW,CACZ;QACD,qBAAqB,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC;AACrE,QAAA,OAAO,GAAG,QAAQ,CAAC,OAAO;AAC1B,QAAA,aAAa,GAAG,aAAa,IAAI,QAAQ,CAAC,aAAa;IACzD;IAEA,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC;;;IAIpD,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;;AAI9D,YAAA,SAAS,EAAE;gBACT,GAAI,IAAI,CAAC,SAAoB;AAC7B,gBAAA,SAAS,EAAE,KAAK;AAChB,gBAAA,MAAM,EAAE,MAAM;AACf,aAAA;AACF;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;;AAQV,QAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;AAM7C,QAAA,SAAS,EAAE,QAAQ,CACjB,WAAW,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS;;;QAGpD,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,aAAa,EAAE,EACrD,YAAY,CACb,KACG,SAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,kBACM,OAAO,EAAA,kBAAA,EACH,aAAa,IAAI,SAAS,KACxC,IAAI;;;AAGR,QAAA,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAoC,EAAE,OAAO,CAAC,EAAA,QAAA,EAEhE,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { ElementType } from 'react';
+import type { ElementType, MouseEvent } from 'react';
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
 import type { PolymorphicProps } from '../../types/polymorphic';
 /**
@@ -81,6 +81,43 @@ export type ButtonOwnProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' |
      * @default false
      */
     lift?: boolean;
+    /**
+     * Keeps a `disabled` button in the Tab order and lets it receive clicks, so
+     * the screen can say *why* it is disabled.
+     *
+     * A natively `disabled` `<button>` cannot be focused and swallows every
+     * click: a keyboard or screen reader user may never find it, and a mouse
+     * user who presses it gets no answer at all. With this prop, `disabled`
+     * renders as `aria-disabled="true"` (plus `data-disabled`) instead of the
+     * native attribute:
+     *
+     * - the disabled colours, the `not-allowed` cursor and the "no hover, no
+     *   press" behaviour are the same as a native disabled button;
+     * - Tab still reaches it and the focus ring shows;
+     * - activating it (click, Enter, Space) does **not** call `onClick`, and its
+     *   default action is cancelled, so a `type="submit"` button does not submit
+     *   its form; the click does not bubble to ancestors; `onDisabledClick` is
+     *   called instead.
+     *
+     * Only activation is blocked: other handlers (`onKeyDown`, `onPointerDown`,
+     * …) still run, as they would on any focusable element. Inside a trigger
+     * (`Menu.Trigger asChild`, `Popover.Trigger asChild`) disable the root as
+     * well. Meant for `<button>`: with `as="a"` the `href` stays, so middle-click
+     * still opens it.
+     *
+     * Has no effect unless `disabled` is set. `loading` keeps the native
+     * `disabled` — a busy button is working, not refusing.
+     *
+     * @default false
+     */
+    focusableWhenDisabled?: boolean;
+    /**
+     * Called when a `disabled` + `focusableWhenDisabled` button is activated
+     * (click, Enter, Space) — where `onClick` would have been. Use it to explain
+     * the reason or move focus to what is missing (an unticked consent box).
+     * Never called on a natively disabled button, and never while `loading`.
+     */
+    onDisabledClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
 /**
  * Props for `Button`, typed for whatever element `as` renders.

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7E,GAAG;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7E,GAAG;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC"}

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

@@ -3,7 +3,19 @@ import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
 import type { PolymorphicProps } from '../../types/polymorphic';
 export type CardVariant = 'default' | 'wash' | 'elevated';
 export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
+    /**
+     * The whole card is one target: pointer cursor, and on hover the ground
+     * steps to `bg.subtle` and the border to `border.strong`. Styling only —
+     * render it as the control with `as` (`as={NextLink}`, `as="button"`).
+     */
     clickable?: boolean;
+    /**
+     * `default`: `bg.surface` with a `border.subtle` hairline — most content.
+     * `wash`: `bg.muted`, no border — a block that summarises or concludes (an
+     * AI summary, a purchase total). `elevated`: a soft `sm` shadow — a
+     * standalone card that should read as a raised object.
+     * @default 'default'
+     */
     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,MAAM,GAAG,UAAU,CAAC;AAE1D,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,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,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/Code/shikiAdapter.d.ts

@@ -1,4 +1,6 @@
 import type { BundledLanguage } from 'shiki';
 export declare const BUNDLED_LANGUAGES: BundledLanguage[];
-export declare const shikiAdapter: import("@chakra-ui/react").CodeBlockAdapter;
+declare const baseAdapter: import("@chakra-ui/react").CodeBlockAdapter;
+export declare const shikiAdapter: typeof baseAdapter;
+export {};
 //# sourceMappingURL=shikiAdapter.d.ts.map

package/dist/components/Code/shikiAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shikiAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Code/shikiAdapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAoC,MAAM,OAAO,CAAC;AAE/E,eAAO,MAAM,iBAAiB,EAAE,eAAe,EA8B9C,CAAC;AAEF,eAAO,MAAM,YAAY,6CAWvB,CAAC"}
+{"version":3,"file":"shikiAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Code/shikiAdapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAoC,MAAM,OAAO,CAAC;AAE/E,eAAO,MAAM,iBAAiB,EAAE,eAAe,EA8B9C,CAAC;AA+BF,QAAA,MAAM,WAAW,6CAGf,CAAC;AAKH,eAAO,MAAM,YAAY,EAAE,OAAO,WAGjC,CAAC"}

package/dist/components/Code/shikiAdapter.js

@@ -34,16 +34,37 @@ const BUNDLED_LANGUAGES = [
     'xml',
     'yaml',
 ];
-const shikiAdapter = react.createShikiAdapter({
-    async load() {
-        const { createHighlighter } = await Promise.resolve().then(function () { return require('../../node_modules/shiki/dist/index.js'); });
-        return createHighlighter({
-            langs: BUNDLED_LANGUAGES,
-            themes: ['github-dark'],
-        });
-    },
+// One highlighter for the whole app. Every <Code> mounts its own
+// AdapterProvider, and Chakra calls `load()` once per provider. Without this
+// cache a chat with 136 code blocks built 136 highlighters, each compiling all
+// BUNDLED_LANGUAGES, and froze the tab for tens of seconds.
+let highlighterPromise = null;
+const loadHighlighter = () => {
+    highlighterPromise ?? (highlighterPromise = Promise.resolve().then(function () { return require('../../node_modules/shiki/dist/index.js'); })
+        .then(({ createHighlighter }) => createHighlighter({
+        langs: BUNDLED_LANGUAGES,
+        themes: ['github-dark'],
+    }))
+        .catch((error) => {
+        // Chakra does not catch a rejected load, so resolve to null instead: the
+        // block renders as plain text. Clear the cache so the next mount retries.
+        console.error('[logician-ui] Failed to load the Shiki highlighter', error);
+        highlighterPromise = null;
+        return null;
+    }));
+    return highlighterPromise;
+};
+const baseAdapter = react.createShikiAdapter({
+    load: loadHighlighter,
     theme: 'github-dark',
 });
+// Chakra's default `unloadContext` calls `dispose()` when a provider unmounts.
+// The highlighter is shared, so one block unmounting would break highlighting
+// in every other block. Keep it alive for the life of the page.
+const shikiAdapter = {
+    ...baseAdapter,
+    unloadContext: () => { },
+};
 
 exports.BUNDLED_LANGUAGES = BUNDLED_LANGUAGES;
 exports.shikiAdapter = shikiAdapter;

package/dist/components/Code/shikiAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"shikiAdapter.js","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":["createShikiAdapter"],"mappings":";;;;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAGD,MAAM,YAAY,GAAGA,wBAAkB,CAE5C;AACA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,oDAAO,wCAAO,KAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;;"}
+{"version":3,"file":"shikiAdapter.js","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":["createShikiAdapter"],"mappings":";;;;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAKR;AACA;AACA;AACA;AACA,IAAI,kBAAkB,GAAuC,IAAI;AAEjE,MAAM,eAAe,GAAG,MAAkC;AACxD,IAAA,kBAAkB,KAAlB,kBAAkB,GAAK,oDAAO,wCAAO;SAClC,IAAI,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAC1B,iBAAiB,CAAC;AAChB,QAAA,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,KAAA,CAAC;AAEH,SAAA,KAAK,CAAC,CAAC,KAAc,KAAI;;;AAGxB,QAAA,OAAO,CAAC,KAAK,CACX,oDAAoD,EACpD,KAAK,CACN;QACD,kBAAkB,GAAG,IAAI;AACzB,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC,CAAA;AACJ,IAAA,OAAO,kBAAkB;AAC3B,CAAC;AAED,MAAM,WAAW,GAAGA,wBAAkB,CAAqB;AACzD,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA,CAAC;AAEF;AACA;AACA;AACO,MAAM,YAAY,GAAuB;AAC9C,IAAA,GAAG,WAAW;AACd,IAAA,aAAa,EAAE,MAAK,EAAE,CAAC;;;;;;"}

package/dist/components/Code/shikiAdapter.mjs

@@ -32,16 +32,37 @@ const BUNDLED_LANGUAGES = [
     'xml',
     'yaml',
 ];
-const shikiAdapter = createShikiAdapter({
-    async load() {
-        const { createHighlighter } = await import('../../node_modules/shiki/dist/index.mjs');
-        return createHighlighter({
-            langs: BUNDLED_LANGUAGES,
-            themes: ['github-dark'],
-        });
-    },
+// One highlighter for the whole app. Every <Code> mounts its own
+// AdapterProvider, and Chakra calls `load()` once per provider. Without this
+// cache a chat with 136 code blocks built 136 highlighters, each compiling all
+// BUNDLED_LANGUAGES, and froze the tab for tens of seconds.
+let highlighterPromise = null;
+const loadHighlighter = () => {
+    highlighterPromise ?? (highlighterPromise = import('../../node_modules/shiki/dist/index.mjs')
+        .then(({ createHighlighter }) => createHighlighter({
+        langs: BUNDLED_LANGUAGES,
+        themes: ['github-dark'],
+    }))
+        .catch((error) => {
+        // Chakra does not catch a rejected load, so resolve to null instead: the
+        // block renders as plain text. Clear the cache so the next mount retries.
+        console.error('[logician-ui] Failed to load the Shiki highlighter', error);
+        highlighterPromise = null;
+        return null;
+    }));
+    return highlighterPromise;
+};
+const baseAdapter = createShikiAdapter({
+    load: loadHighlighter,
     theme: 'github-dark',
 });
+// Chakra's default `unloadContext` calls `dispose()` when a provider unmounts.
+// The highlighter is shared, so one block unmounting would break highlighting
+// in every other block. Keep it alive for the life of the page.
+const shikiAdapter = {
+    ...baseAdapter,
+    unloadContext: () => { },
+};
 
 export { BUNDLED_LANGUAGES, shikiAdapter };
 //# sourceMappingURL=shikiAdapter.mjs.map

package/dist/components/Code/shikiAdapter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shikiAdapter.mjs","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAGD,MAAM,YAAY,GAAG,kBAAkB,CAE5C;AACA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,OAAO,yCAAO,CAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;"}
+{"version":3,"file":"shikiAdapter.mjs","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAKR;AACA;AACA;AACA;AACA,IAAI,kBAAkB,GAAuC,IAAI;AAEjE,MAAM,eAAe,GAAG,MAAkC;AACxD,IAAA,kBAAkB,KAAlB,kBAAkB,GAAK,OAAO,yCAAO;SAClC,IAAI,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAC1B,iBAAiB,CAAC;AAChB,QAAA,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,KAAA,CAAC;AAEH,SAAA,KAAK,CAAC,CAAC,KAAc,KAAI;;;AAGxB,QAAA,OAAO,CAAC,KAAK,CACX,oDAAoD,EACpD,KAAK,CACN;QACD,kBAAkB,GAAG,IAAI;AACzB,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC,CAAA;AACJ,IAAA,OAAO,kBAAkB;AAC3B,CAAC;AAED,MAAM,WAAW,GAAG,kBAAkB,CAAqB;AACzD,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA,CAAC;AAEF;AACA;AACA;AACO,MAAM,YAAY,GAAuB;AAC9C,IAAA,GAAG,WAAW;AACd,IAAA,aAAa,EAAE,MAAK,EAAE,CAAC;;;;;"}

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

@@ -4,14 +4,15 @@
  * The code is highlighted with Shiki's `github-dark`, whose token colours are
  * written for a dark ground in BOTH app modes, so the surface must stay dark in
  * both too. `bg.inverse` does not: it is `tooltip.bg`, near-black in light but
- * light sand in dark, and the `fg.muted` text on it flipped as well (~1.4:1 in
+ * a light warm grey in dark, and the `fg.muted` text on it flipped as well (~1.4:1 in
  * light, ~1.1:1 in dark).
  *
  * `action.*` is the one role pair that is dark in every mode (BAZE ink:
- * #252525 light / #38332E dark, `action.fg` 12.5–13.2:1 on it, high contrast
+ * #252525 light / #2E2F2F dark, `action.fg` 10.8–13.4:1 on it, high contrast
  * included), so the chrome reads it. The unselected label is `action.fg` at
- * 70% — ≥ 7.0:1 on `action.bg` and ≥ 5.6:1 on `action.bgHover`, both schemes,
- * all four modes.
+ * 80% — ≥ 7.4:1 on `action.bg` and ≥ 6.7:1 on `action.bgHover`, both schemes,
+ * all four modes. (70% fell to 6.1:1 once dark `action.fg` became the
+ * off-white body text instead of pure white.)
  *
  * Borrowed rather than owned: `action.*` is the Run button's role. A dedicated
  * `code.*` role family (bg / fg / fgMuted / bgHover) would be the clean home.
@@ -21,7 +22,7 @@ export declare const CODE_CHROME: {
     readonly bgHover: "action.bgHover";
     readonly bgActive: "action.bgActive";
     readonly fg: "action.fg";
-    readonly fgMuted: "action.fg/70";
+    readonly fgMuted: "action.fg/80";
     readonly divider: "action.fg/15";
 };
 //# sourceMappingURL=CodeTabs.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeTabs/CodeTabs.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC"}
+{"version":3,"file":"CodeTabs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeTabs/CodeTabs.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC"}

package/dist/components/CodeTabs/CodeTabs.styles.js

@@ -7,14 +7,15 @@
  * The code is highlighted with Shiki's `github-dark`, whose token colours are
  * written for a dark ground in BOTH app modes, so the surface must stay dark in
  * both too. `bg.inverse` does not: it is `tooltip.bg`, near-black in light but
- * light sand in dark, and the `fg.muted` text on it flipped as well (~1.4:1 in
+ * a light warm grey in dark, and the `fg.muted` text on it flipped as well (~1.4:1 in
  * light, ~1.1:1 in dark).
  *
  * `action.*` is the one role pair that is dark in every mode (BAZE ink:
- * #252525 light / #38332E dark, `action.fg` 12.5–13.2:1 on it, high contrast
+ * #252525 light / #2E2F2F dark, `action.fg` 10.8–13.4:1 on it, high contrast
  * included), so the chrome reads it. The unselected label is `action.fg` at
- * 70% — ≥ 7.0:1 on `action.bg` and ≥ 5.6:1 on `action.bgHover`, both schemes,
- * all four modes.
+ * 80% — ≥ 7.4:1 on `action.bg` and ≥ 6.7:1 on `action.bgHover`, both schemes,
+ * all four modes. (70% fell to 6.1:1 once dark `action.fg` became the
+ * off-white body text instead of pure white.)
  *
  * Borrowed rather than owned: `action.*` is the Run button's role. A dedicated
  * `code.*` role family (bg / fg / fgMuted / bgHover) would be the clean home.
@@ -24,7 +25,7 @@ const CODE_CHROME = {
     bgHover: 'action.bgHover',
     bgActive: 'action.bgActive',
     fg: 'action.fg',
-    fgMuted: 'action.fg/70',
+    fgMuted: 'action.fg/80',
     divider: 'action.fg/15',
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.styles.js","sources":["../../../src/components/CodeTabs/CodeTabs.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,OAAO,EAAE,cAAc;;;;;"}
+{"version":3,"file":"CodeTabs.styles.js","sources":["../../../src/components/CodeTabs/CodeTabs.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,OAAO,EAAE,cAAc;;;;;"}

package/dist/components/CodeTabs/CodeTabs.styles.mjs

@@ -5,14 +5,15 @@
  * The code is highlighted with Shiki's `github-dark`, whose token colours are
  * written for a dark ground in BOTH app modes, so the surface must stay dark in
  * both too. `bg.inverse` does not: it is `tooltip.bg`, near-black in light but
- * light sand in dark, and the `fg.muted` text on it flipped as well (~1.4:1 in
+ * a light warm grey in dark, and the `fg.muted` text on it flipped as well (~1.4:1 in
  * light, ~1.1:1 in dark).
  *
  * `action.*` is the one role pair that is dark in every mode (BAZE ink:
- * #252525 light / #38332E dark, `action.fg` 12.5–13.2:1 on it, high contrast
+ * #252525 light / #2E2F2F dark, `action.fg` 10.8–13.4:1 on it, high contrast
  * included), so the chrome reads it. The unselected label is `action.fg` at
- * 70% — ≥ 7.0:1 on `action.bg` and ≥ 5.6:1 on `action.bgHover`, both schemes,
- * all four modes.
+ * 80% — ≥ 7.4:1 on `action.bg` and ≥ 6.7:1 on `action.bgHover`, both schemes,
+ * all four modes. (70% fell to 6.1:1 once dark `action.fg` became the
+ * off-white body text instead of pure white.)
  *
  * Borrowed rather than owned: `action.*` is the Run button's role. A dedicated
  * `code.*` role family (bg / fg / fgMuted / bgHover) would be the clean home.
@@ -22,7 +23,7 @@ const CODE_CHROME = {
     bgHover: 'action.bgHover',
     bgActive: 'action.bgActive',
     fg: 'action.fg',
-    fgMuted: 'action.fg/70',
+    fgMuted: 'action.fg/80',
     divider: 'action.fg/15',
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.styles.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,OAAO,EAAE,cAAc;;;;;"}
+{"version":3,"file":"CodeTabs.styles.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,OAAO,EAAE,cAAc;;;;;"}

package/dist/components/ColorMode/ColorModeToggle.d.ts

@@ -6,8 +6,13 @@ export interface ColorModeToggleProps extends Omit<IconButtonProps, 'children'>
  * A ready-made light/dark toggle button. Shared across products so each app
  * doesn't reinvent the control.
  *
- * Renders nothing until mounted on the client to avoid an SSR/CSR icon
- * mismatch (the resolved mode is only known after hydration).
+ * Shows the light-mode state (moon) until mounted on the client, to avoid an
+ * SSR/CSR icon mismatch (the resolved mode is only known after hydration).
+ * Toggles between `light` and `dark` only; to offer `system` as well, build a
+ * picker on `useColorMode().setColorMode`.
+ *
+ * The icon wrappers render as `<span>`: only phrasing content may sit inside
+ * a `<button>` (see ACCESSIBILITY.md §5).
  *
  * @example
  * ```tsx

package/dist/components/ColorMode/ColorModeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8C1D,CAAC"}
+{"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}

package/dist/components/ColorMode/ColorModeToggle.js

@@ -13,8 +13,13 @@ var useColorMode = require('./useColorMode.js');
  * A ready-made light/dark toggle button. Shared across products so each app
  * doesn't reinvent the control.
  *
- * Renders nothing until mounted on the client to avoid an SSR/CSR icon
- * mismatch (the resolved mode is only known after hydration).
+ * Shows the light-mode state (moon) until mounted on the client, to avoid an
+ * SSR/CSR icon mismatch (the resolved mode is only known after hydration).
+ * Toggles between `light` and `dark` only; to offer `system` as well, build a
+ * picker on `useColorMode().setColorMode`.
+ *
+ * The icon wrappers render as `<span>`: only phrasing content may sit inside
+ * a `<button>` (see ACCESSIBILITY.md §5).
  *
  * @example
  * ```tsx
@@ -28,7 +33,7 @@ const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...res
         setMounted(true);
     }, []);
     const isDark = mounted && colorMode === 'dark';
-    return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxRuntime.jsxs(react.Box, { display: "grid", placeItems: "center", children: [jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.SunIcon, {}) }), jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.MoonIcon, {}) })] }) }));
+    return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxRuntime.jsxs(react.Box, { as: "span", display: "grid", placeItems: "center", children: [jsxRuntime.jsx(react.Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.SunIcon, {}) }), jsxRuntime.jsx(react.Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.MoonIcon, {}) })] }) }));
 };
 ColorModeToggle.displayName = 'ColorModeToggle';
 

package/dist/components/ColorMode/ColorModeToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","_jsxs","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;;;;;AAeA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,eAAA,CAACC,SAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrCH,cAAA,CAACG,SAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACI,aAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNJ,cAAA,CAACG,SAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACK,cAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","_jsxs","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,eAAA,CAACC,SAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC/CH,cAAA,CAACG,SAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACI,aAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNJ,cAAA,CAACG,SAAG,IACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACK,cAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/ColorMode/ColorModeToggle.mjs

@@ -11,8 +11,13 @@ import { useColorMode } from './useColorMode.mjs';
  * A ready-made light/dark toggle button. Shared across products so each app
  * doesn't reinvent the control.
  *
- * Renders nothing until mounted on the client to avoid an SSR/CSR icon
- * mismatch (the resolved mode is only known after hydration).
+ * Shows the light-mode state (moon) until mounted on the client, to avoid an
+ * SSR/CSR icon mismatch (the resolved mode is only known after hydration).
+ * Toggles between `light` and `dark` only; to offer `system` as well, build a
+ * picker on `useColorMode().setColorMode`.
+ *
+ * The icon wrappers render as `<span>`: only phrasing content may sit inside
+ * a `<button>` (see ACCESSIBILITY.md §5).
  *
  * @example
  * ```tsx
@@ -26,7 +31,7 @@ const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...res
         setMounted(true);
     }, []);
     const isDark = mounted && colorMode === 'dark';
-    return (jsx(IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxs(Box, { display: "grid", placeItems: "center", children: [jsx(Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(SunIcon, {}) }), jsx(Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(MoonIcon, {}) })] }) }));
+    return (jsx(IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxs(Box, { as: "span", display: "grid", placeItems: "center", children: [jsx(Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(SunIcon, {}) }), jsx(Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(MoonIcon, {}) })] }) }));
 };
 ColorModeToggle.displayName = 'ColorModeToggle';
 

package/dist/components/ColorMode/ColorModeToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeToggle.mjs","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAeA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrCD,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"ColorModeToggle.mjs","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC/CD,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNA,GAAA,CAAC,GAAG,IACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

@@ -2,7 +2,11 @@ import type { BoxProps } from '@chakra-ui/react';
 export interface ConfettiProps extends BoxProps {
     /** How many pieces. Defaults to 50. */
     pieceCount?: number;
-    /** Colour token names to pick from. Defaults to the palette's five accents. */
+    /**
+     * Colours to pick from: any CSS colour string or colour token. Defaults to ten
+     * decorative colours — coral, beige and the eight system hues with no status
+     * meaning — as light-mode hex, so they do not follow dark mode.
+     */
     colors?: string[];
     /**
      * Changes the scatter. The generator is seeded rather than `Math.random()` so

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

@@ -1 +1 @@
-{"version":3,"file":"Confetti.types.d.ts","sourceRoot":"","sources":["../../../src/components/Confetti/Confetti.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"Confetti.types.d.ts","sourceRoot":"","sources":["../../../src/components/Confetti/Confetti.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/Confetti/confettiColors.d.ts

@@ -1,9 +1,9 @@
 /**
- * Hues that carry meaning elsewhere in the system and so never colour a piece
- * by default: red, yellow and green are the danger, warning and success
- * solids, and blue is info and links. The same rule as the chart series
- * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
- * burst says something the screen does not.
+ * Hues left out of the *default* pieces: red, yellow and green are the
+ * danger, warning and success solids, and blue is info and links. This is a
+ * default, not a ban — a caller may pass them through `colors`, since a burst
+ * lasting under two seconds on a success moment cannot be read as a status
+ * (Confetti.usage.mdx).
  */
 export declare const CONFETTI_EXCLUDED_HUES: readonly ["red", "yellow", "green", "blue"];
 /**

package/dist/components/Confetti/confettiColors.js

@@ -4,11 +4,11 @@
 var palette_generated = require('../../theme/palette.generated.js');
 
 /**
- * Hues that carry meaning elsewhere in the system and so never colour a piece
- * by default: red, yellow and green are the danger, warning and success
- * solids, and blue is info and links. The same rule as the chart series
- * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
- * burst says something the screen does not.
+ * Hues left out of the *default* pieces: red, yellow and green are the
+ * danger, warning and success solids, and blue is info and links. This is a
+ * default, not a ban — a caller may pass them through `colors`, since a burst
+ * lasting under two seconds on a success moment cannot be read as a status
+ * (Confetti.usage.mdx).
  */
 const CONFETTI_EXCLUDED_HUES = [
     'red',

package/dist/components/Confetti/confettiColors.mjs

@@ -2,11 +2,11 @@
 import { SYSTEM_HUES, CORAL, RAMPS } from '../../theme/palette.generated.mjs';
 
 /**
- * Hues that carry meaning elsewhere in the system and so never colour a piece
- * by default: red, yellow and green are the danger, warning and success
- * solids, and blue is info and links. The same rule as the chart series
- * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
- * burst says something the screen does not.
+ * Hues left out of the *default* pieces: red, yellow and green are the
+ * danger, warning and success solids, and blue is info and links. This is a
+ * default, not a ban — a caller may pass them through `colors`, since a burst
+ * lasting under two seconds on a success moment cannot be read as a status
+ * (Confetti.usage.mdx).
  */
 const CONFETTI_EXCLUDED_HUES = [
     'red',

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

@@ -0,0 +1,12 @@
+import type { ButtonProps } from '../Button';
+export interface DatePickerSizeProps {
+    /**
+     * Size of the trigger, on the shared control scale (`controlSizes`): the
+     * same height, type and icon size as a `Button` / `Input` of that size, so
+     * a date filter lines up in a row of controls. A `size` in
+     * `propsConfigs.triggerBtnProps` still wins.
+     * @default 'md'
+     */
+    size?: ButtonProps['size'];
+}
+//# sourceMappingURL=DatePicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B"}

package/dist/components/DatePicker/RangeDatePicker.d.ts

@@ -1,3 +1,4 @@
 import { RangeDatepickerProps } from 'chakra-dayzed-datepicker';
-export declare const RangeDatePicker: ({ propsConfigs, configs, usePortal, ...rest }: RangeDatepickerProps) => import("react/jsx-runtime").JSX.Element;
+import type { DatePickerSizeProps } from './DatePicker.types';
+export declare const RangeDatePicker: ({ propsConfigs, configs, usePortal, size, ...rest }: RangeDatepickerProps & DatePickerSizeProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RangeDatePicker.d.ts.map

package/dist/components/DatePicker/RangeDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAclC,eAAO,MAAM,eAAe,GAAI,+CAK7B,oBAAoB,4CA8JtB,CAAC"}
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAclC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,eAAe,GAAI,qDAM7B,oBAAoB,GAAG,mBAAmB,4CAiK5C,CAAC"}