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

package/dist/components/SwapTransition/SwapTransition.mjs

@@ -0,0 +1,80 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useEffect } from 'react';
+import { Box } from '@chakra-ui/react';
+import { mergeCss } from '../../utils/mergeCss.mjs';
+import { SWAP_OUT_MS, swapOut, swapIn } from './SwapTransition.styles.mjs';
+
+/**
+ * Swaps one piece of content for another with a directional slide — the house
+ * gesture for moving between steps of a sequence, or between records in the
+ * same frame.
+ *
+ * The outgoing content leaves *against* the travel direction, so the pair reads
+ * as one movement rather than as two things passing each other.
+ *
+ * ## One element, and the children are yours
+ *
+ * Two rules this has to keep, both learned by breaking them:
+ *
+ * **It renders a single box.** Everything the caller passes lands on the element
+ * that actually animates, so a wrapper told to fill — `display="flex" flex={1}
+ * minH={0}`, the shape a full-height pane needs — still fills. An earlier
+ * version stacked the two states in a grid cell and put the children one level
+ * further in; the sizing props stopped reaching them, and a pane that should
+ * have filled its column collapsed to content height with the action bar riding
+ * up under it. The two states are mutually exclusive anyway — only ever one of
+ * them is on screen — so the cell they were sharing bought nothing.
+ *
+ * **It renders `children` directly, never a copy.** The same earlier version
+ * held the subtree in state and rendered that instead, refreshing it from an
+ * effect keyed on `transitionKey` — so content that changed *without* a new key
+ * never reached the screen. A radio that was picked stayed unpicked, and the
+ * interface read as dead. A component that stands between a caller and its own
+ * children has to be transparent to every render that is not a swap.
+ *
+ * What it does keep is one snapshot of the outgoing subtree, for as long as the
+ * exit takes. That is unavoidable without an animation library: React has
+ * already been told to render the new content, and the old content still has to
+ * leave. It is fifteen lines and one `setTimeout`, and it is the only reason
+ * `framer-motion` looked necessary for this file.
+ *
+ * ```tsx
+ * <SwapTransition transitionKey={step}>
+ *   {STEPS[step]}
+ * </SwapTransition>
+ * ```
+ */
+const SwapTransition = forwardRef(({ transitionKey, distance = 24, animateInitial = false, children, css, ...rest }, ref) => {
+    const [phase, setPhase] = useState({ key: transitionKey, leaving: null, play: animateInitial ? 1 : 0 });
+    // The subtree as last committed, held only to hand to the exit. It is never
+    // rendered in place of `children` — see the note above.
+    const committed = useRef(children);
+    // Derived during render rather than in an effect, deliberately: the exit has
+    // to begin in the same commit the key changed, or the incoming content
+    // paints for a frame before the outgoing has started to leave.
+    if (phase.key !== transitionKey) {
+        setPhase({
+            key: transitionKey,
+            leaving: committed.current,
+            play: phase.play + 1,
+        });
+    }
+    // No dependency array: this has to see every commit, because the snapshot it
+    // keeps is "whatever was on screen last", not "whatever was there when the
+    // key last changed".
+    useEffect(() => {
+        if (phase.leaving === null) {
+            committed.current = children;
+            return;
+        }
+        const timer = setTimeout(() => setPhase((p) => ({ ...p, leaving: null })), SWAP_OUT_MS);
+        return () => clearTimeout(timer);
+    });
+    const exiting = phase.leaving !== null;
+    return (jsx(Box, { ref: ref, ...rest, "aria-hidden": exiting || undefined, pointerEvents: exiting ? 'none' : undefined, css: mergeCss({ '--swap-distance': `${distance}px` }, exiting ? swapOut : phase.play === 0 ? undefined : swapIn, css), children: exiting ? phase.leaving : children }));
+});
+SwapTransition.displayName = 'SwapTransition';
+
+export { SwapTransition };
+//# sourceMappingURL=SwapTransition.mjs.map

package/dist/components/SwapTransition/SwapTransition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.mjs","sources":["../../../src/components/SwapTransition/SwapTransition.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCG;AACI,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EACE,aAAa,EACb,QAAQ,GAAG,EAAE,EACb,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACa,EACtB,GAAkC,KAChC;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAM/B,EAAE,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;;;AAIvE,IAAA,MAAM,SAAS,GAAG,MAAM,CAAY,QAAQ,CAAC;;;;AAK7C,IAAA,IAAI,KAAK,CAAC,GAAG,KAAK,aAAa,EAAE;AAC/B,QAAA,QAAQ,CAAC;AACP,YAAA,GAAG,EAAE,aAAa;YAClB,OAAO,EAAE,SAAS,CAAC,OAAO;AAC1B,YAAA,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;AACrB,SAAA,CAAC;IACJ;;;;IAKA,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE;AAC1B,YAAA,SAAS,CAAC,OAAO,GAAG,QAAQ;YAC5B;QACF;AACA,QAAA,MAAM,KAAK,GAAG,UAAU,CACtB,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAChD,WAAW,CACZ;AACD,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI;AAEtC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,aAAA,EAKK,OAAO,IAAI,SAAS,EACjC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EAC3C,GAAG,EAAE,QAAQ,CACX,EAAE,iBAAiB,EAAE,CAAA,EAAG,QAAQ,IAAI,EAAE,EACtC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,SAAS,GAAG,MAAM,EACzD,GAAG,CACJ,EAAA,QAAA,EAEA,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,QAAQ,EAAA,CAC/B;AAEV,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -0,0 +1,24 @@
+import type { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * The two halves of a directional swap, run in series.
+ *
+ * `moderate` in and `fast` out — 200 and 150 against FactChat's 220 and 160, so
+ * the ratio and the feel survive and both numbers are on the scale.
+ *
+ * Out is quicker than in, the same asymmetry `presence` enforces and for the
+ * same reason: the outgoing content is already understood and only has to clear
+ * the stage, while the incoming content is what has to be read.
+ *
+ * But the pair is 350ms rather than `presence`'s 450ms, because here the two
+ * halves run *in series* — the reader waits out both before the new content is
+ * on screen, so the sum is the latency they actually feel. That is why this is
+ * its own timing rather than the presence preset.
+ *
+ * Under reduced motion both halves collapse to nothing. The swap still happens,
+ * instantly, which is the correct answer for a change the reader asked for.
+ */
+export declare const swapIn: SystemStyleObject;
+export declare const swapOut: SystemStyleObject;
+/** Matches `swapOut`'s duration — the JS timer and the CSS clock are one value. */
+export declare const SWAP_OUT_MS = 150;
+//# sourceMappingURL=SwapTransition.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SwapTransition/SwapTransition.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,EAAE,iBAMpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,iBAMrB,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,WAAW,MAAM,CAAC"}

package/dist/components/SwapTransition/SwapTransition.styles.js

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+/**
+ * The two halves of a directional swap, run in series.
+ *
+ * `moderate` in and `fast` out — 200 and 150 against FactChat's 220 and 160, so
+ * the ratio and the feel survive and both numbers are on the scale.
+ *
+ * Out is quicker than in, the same asymmetry `presence` enforces and for the
+ * same reason: the outgoing content is already understood and only has to clear
+ * the stage, while the incoming content is what has to be read.
+ *
+ * But the pair is 350ms rather than `presence`'s 450ms, because here the two
+ * halves run *in series* — the reader waits out both before the new content is
+ * on screen, so the sum is the latency they actually feel. That is why this is
+ * its own timing rather than the presence preset.
+ *
+ * Under reduced motion both halves collapse to nothing. The swap still happens,
+ * instantly, which is the correct answer for a change the reader asked for.
+ */
+const swapIn = {
+    animationName: 'swap-in',
+    animationDuration: 'moderate',
+    animationTimingFunction: 'emphasized',
+    animationFillMode: 'both',
+    _motionReduce: { animationDuration: 'motion.instant' },
+};
+const swapOut = {
+    animationName: 'swap-out',
+    animationDuration: 'fast',
+    animationTimingFunction: 'standard',
+    animationFillMode: 'both',
+    _motionReduce: { animationDuration: 'motion.instant' },
+};
+/** Matches `swapOut`'s duration — the JS timer and the CSS clock are one value. */
+const SWAP_OUT_MS = 150;
+
+exports.SWAP_OUT_MS = SWAP_OUT_MS;
+exports.swapIn = swapIn;
+exports.swapOut = swapOut;
+//# sourceMappingURL=SwapTransition.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.styles.js","sources":["../../../src/components/SwapTransition/SwapTransition.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,MAAM,GAAsB;AACvC,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,iBAAiB,EAAE,UAAU;AAC7B,IAAA,uBAAuB,EAAE,YAAY;AACrC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;;AAGjD,MAAM,OAAO,GAAsB;AACxC,IAAA,aAAa,EAAE,UAAU;AACzB,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;;AAGxD;AACO,MAAM,WAAW,GAAG;;;;;;"}

package/dist/components/SwapTransition/SwapTransition.styles.mjs

@@ -0,0 +1,38 @@
+"use client";
+/**
+ * The two halves of a directional swap, run in series.
+ *
+ * `moderate` in and `fast` out — 200 and 150 against FactChat's 220 and 160, so
+ * the ratio and the feel survive and both numbers are on the scale.
+ *
+ * Out is quicker than in, the same asymmetry `presence` enforces and for the
+ * same reason: the outgoing content is already understood and only has to clear
+ * the stage, while the incoming content is what has to be read.
+ *
+ * But the pair is 350ms rather than `presence`'s 450ms, because here the two
+ * halves run *in series* — the reader waits out both before the new content is
+ * on screen, so the sum is the latency they actually feel. That is why this is
+ * its own timing rather than the presence preset.
+ *
+ * Under reduced motion both halves collapse to nothing. The swap still happens,
+ * instantly, which is the correct answer for a change the reader asked for.
+ */
+const swapIn = {
+    animationName: 'swap-in',
+    animationDuration: 'moderate',
+    animationTimingFunction: 'emphasized',
+    animationFillMode: 'both',
+    _motionReduce: { animationDuration: 'motion.instant' },
+};
+const swapOut = {
+    animationName: 'swap-out',
+    animationDuration: 'fast',
+    animationTimingFunction: 'standard',
+    animationFillMode: 'both',
+    _motionReduce: { animationDuration: 'motion.instant' },
+};
+/** Matches `swapOut`'s duration — the JS timer and the CSS clock are one value. */
+const SWAP_OUT_MS = 150;
+
+export { SWAP_OUT_MS, swapIn, swapOut };
+//# sourceMappingURL=SwapTransition.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.styles.mjs","sources":["../../../src/components/SwapTransition/SwapTransition.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,MAAM,GAAsB;AACvC,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,iBAAiB,EAAE,UAAU;AAC7B,IAAA,uBAAuB,EAAE,YAAY;AACrC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;;AAGjD,MAAM,OAAO,GAAsB;AACxC,IAAA,aAAa,EAAE,UAAU;AACzB,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;;AAGxD;AACO,MAAM,WAAW,GAAG;;;;"}

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

@@ -0,0 +1,22 @@
+import type { BoxProps } from '@chakra-ui/react';
+export interface SwapTransitionProps extends Omit<BoxProps, 'translate'> {
+    /**
+     * Identity of the content on screen. Changing it swaps: the old subtree
+     * leaves, the new one enters. Use what genuinely identifies the content — a
+     * step index, a record id — never a value that changes on unrelated
+     * re-renders, or the content swaps with itself.
+     */
+    transitionKey: string | number;
+    /**
+     * Horizontal travel in px. Positive means the new content enters from the
+     * right (going forward); pass a negative value to run the swap backwards.
+     * Defaults to 24.
+     */
+    distance?: number;
+    /**
+     * Animate the first render too. Off by default — a stepper mounting on step 1
+     * should already be there, not slide in from nowhere.
+     */
+    animateInitial?: boolean;
+}
+//# sourceMappingURL=SwapTransition.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.types.d.ts","sourceRoot":"","sources":["../../../src/components/SwapTransition/SwapTransition.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IACtE;;;;;OAKG;IACH,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}

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

@@ -0,0 +1,3 @@
+export { SwapTransition } from './SwapTransition';
+export type { SwapTransitionProps } from './SwapTransition.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwapTransition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/Switch/SwitchControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAI9E,eAAO,MAAM,aAAa,uHAiBzB,CAAC"}
+{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAK9E,eAAO,MAAM,aAAa,uHAkCzB,CAAC"}

package/dist/components/Switch/SwitchControl.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var disabledControl = require('../../utils/disabledControl.js');
 var focusRing = require('../../utils/focusRing.js');
 
 const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref, 
@@ -12,7 +13,24 @@ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Swi
     // only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
     // there; bg.track (gray.300) reads as a filled track on any background.
     // The checked state is the self-defining primary.main fill.
-    bg: "bg.track", _checked: { bg: 'primary.main' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb, {}) })));
+    bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb
+    // A toggle is the metaphor of a physical switch, so the thumb settles
+    // slightly past its stop rather than easing to a halt. Chakra's default
+    // is `translate` over `fast` on a plain curve; `overshoot` is the one
+    // curve that stays legible over the thumb's ~16px of travel, because it
+    // reverses direction — `standard` vs `emphasized` would not.
+    , { 
+        // A toggle is the metaphor of a physical switch, so the thumb settles
+        // slightly past its stop rather than easing to a halt. Chakra's default
+        // is `translate` over `fast` on a plain curve; `overshoot` is the one
+        // curve that stays legible over the thumb's ~16px of travel, because it
+        // reverses direction — `standard` vs `emphasized` would not.
+        animationStyle: "spring", transitionProperty: "translate", 
+        // Chakra's default is a raw `white` thumb that stays `white` when
+        // checked via an undefined `colorPalette.contrast`. bg.surface reads
+        // as the same near-white in light and flips correctly in dark; the
+        // checked thumb is fg.onPrimary (cream) to match Checkbox/Radio.
+        bg: "bg.surface", _checked: { bg: 'fg.onPrimary' } }) })));
 SwitchControl.displayName = 'Switch.Control';
 
 exports.SwitchControl = SwitchControl;

package/dist/components/Switch/SwitchControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":";;;;;;;;MAKa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5BC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETF,cAAA,CAACC,YAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","disabledControl","focusRing"],"mappings":";;;;;;;;;MAMa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;AAMR,IAAA,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EACrC,SAAS,EAAE,EAAE,GAAGC,+BAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GACpDC,mBAAS,EAAA,GACT,KAAK,YAETH,cAAA,CAACC,YAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;;AAK9B,QAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Switch/SwitchControl.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Switch } from '@chakra-ui/react';
+import { disabledControl } from '../../utils/disabledControl.mjs';
 import { focusRing } from '../../utils/focusRing.mjs';
 
 const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref, 
@@ -10,7 +11,24 @@ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref
     // only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
     // there; bg.track (gray.300) reads as a filled track on any background.
     // The checked state is the self-defining primary.main fill.
-    bg: "bg.track", _checked: { bg: 'primary.main' }, ...focusRing, ...props, children: jsx(Switch.Thumb, {}) })));
+    bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", _disabled: { ...disabledControl, cursor: 'not-allowed' }, ...focusRing, ...props, children: jsx(Switch.Thumb
+    // A toggle is the metaphor of a physical switch, so the thumb settles
+    // slightly past its stop rather than easing to a halt. Chakra's default
+    // is `translate` over `fast` on a plain curve; `overshoot` is the one
+    // curve that stays legible over the thumb's ~16px of travel, because it
+    // reverses direction — `standard` vs `emphasized` would not.
+    , { 
+        // A toggle is the metaphor of a physical switch, so the thumb settles
+        // slightly past its stop rather than easing to a halt. Chakra's default
+        // is `translate` over `fast` on a plain curve; `overshoot` is the one
+        // curve that stays legible over the thumb's ~16px of travel, because it
+        // reverses direction — `standard` vs `emphasized` would not.
+        animationStyle: "spring", transitionProperty: "translate", 
+        // Chakra's default is a raw `white` thumb that stays `white` when
+        // checked via an undefined `colorPalette.contrast`. bg.surface reads
+        // as the same near-white in light and flips correctly in dark; the
+        // checked thumb is fg.onPrimary (cream) to match Checkbox/Radio.
+        bg: "bg.surface", _checked: { bg: 'fg.onPrimary' } }) })));
 SwitchControl.displayName = 'Switch.Control';
 
 export { SwitchControl };

package/dist/components/Switch/SwitchControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;MAKa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5B,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,MAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;;MAMa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;AAMR,IAAA,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EACrC,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GACpD,SAAS,EAAA,GACT,KAAK,YAETD,GAAA,CAACC,MAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;;AAK9B,QAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -12,7 +12,7 @@ export type TableRowState = 'selected' | 'invalid' | 'highlighted';
 export interface TableRowProps extends Table.RowProps {
     /**
      * Row background tint, driven by the table recipe's semantic tokens
-     * (`bg.selected` / `bg.invalid.subtle` / `bg.highlighted`) so it renders
+     * (`primary.selected` / `bg.invalid.subtle` / `bg.highlighted`) so it renders
      * correctly in both light and dark mode.
      */
     state?: TableRowState;

package/dist/components/Table/TableContext.d.ts

@@ -7,6 +7,14 @@ export interface TableScrollState {
 interface TableContextValue extends TableScrollState {
     setContainerRef: (node: HTMLDivElement | null) => void;
     registerStickyColumn: (direction: 'left' | 'right', index: number, width: number) => void;
+    /**
+     * Whether a width is already known for this sticky column.
+     *
+     * Reads a ref, not state, so a caller can ask without subscribing to width
+     * changes — body cells use it to skip measuring a column the header has
+     * already measured. See {@link useRegisterStickyWidth}.
+     */
+    hasStickyWidth: (direction: 'left' | 'right', index: number) => boolean;
     getStickyOffset: (direction: 'left' | 'right', index: number) => number;
     isLastStickyColumn: (direction: 'left' | 'right', index: number) => boolean;
 }

package/dist/components/Table/TableContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AAOD,UAAU,iBAAkB,SAAQ,gBAAgB;IAClD,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,GAAG,OAAO,EAC3B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7E;AAID,eAAO,MAAM,eAAe,yBAM3B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4ItD,CAAC"}
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AASD,UAAU,iBAAkB,SAAQ,gBAAgB;IAClD,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,GAAG,OAAO,EAC3B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV;;;;;;OAMG;IACH,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxE,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7E;AAID,eAAO,MAAM,eAAe,yBAM3B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmMtD,CAAC"}

package/dist/components/Table/TableContext.js

@@ -19,9 +19,15 @@ const TableProvider = ({ children }) => {
         isScrollEnd: false,
         isScrolling: false,
     });
-    const stickyColumnsRef = React.useRef({
-        leftColumnWidths: new Map(),
-        rightColumnWidths: new Map(),
+    // Column widths live in state (not a ref) so that a width change — a font
+    // swap, a window/sidebar resize, or the columns re-flowing when the table
+    // goes from fitting to overflowing — triggers a re-render and the sticky
+    // offsets are recomputed. Storing them in a ref (the previous approach) meant
+    // the offsets were computed once at mount and then went stale, detaching the
+    // sticky columns from their real positions.
+    const [stickyColumns, setStickyColumns] = React.useState({
+        left: {},
+        right: {},
     });
     // 스크롤 상태 업데이트
     const updateScrollState = React.useCallback(() => {
@@ -52,41 +58,59 @@ const TableProvider = ({ children }) => {
             updateScrollState();
         }
     }, [updateScrollState]);
-    // Register a sticky column with its width
+    /*
+     * A ref mirror of the widths above, so `hasStickyWidth` can answer without
+     * making its caller a subscriber. Every body cell subscribing to width state
+     * would re-render the whole table on the first measurement of any column.
+     */
+    const stickyColumnsRef = React.useRef({ left: {}, right: {} });
+    const hasStickyWidth = React.useCallback((direction, index) => stickyColumnsRef.current[direction][index] !== undefined, []);
+    // Register a sticky column with its (measured) width. Rounds to whole pixels
+    // and bails when unchanged so the ResizeObserver-driven callers can't
+    // ping-pong on sub-pixel differences and spin the render loop.
     const registerStickyColumn = React.useCallback((direction, index, width) => {
-        if (direction === 'left') {
-            stickyColumnsRef.current.leftColumnWidths.set(index, width);
-        }
-        else {
-            stickyColumnsRef.current.rightColumnWidths.set(index, width);
-        }
+        const rounded = Math.round(width);
+        // The ref is written here rather than in an effect so `hasStickyWidth` is
+        // already true for the next cell that mounts in the same commit — without
+        // that, every cell of a column measures before the first state update
+        // lands, which is exactly the cost this is meant to avoid.
+        stickyColumnsRef.current = {
+            ...stickyColumnsRef.current,
+            [direction]: {
+                ...stickyColumnsRef.current[direction],
+                [index]: rounded,
+            },
+        };
+        setStickyColumns((prev) => {
+            const side = prev[direction];
+            if (side[index] === rounded)
+                return prev;
+            return { ...prev, [direction]: { ...side, [index]: rounded } };
+        });
     }, []);
     // Get the offset for a sticky column based on its index and direction
     const getStickyOffset = React.useCallback((direction, index) => {
         if (index === 0)
             return 0;
-        const widthsMap = direction === 'left'
-            ? stickyColumnsRef.current.leftColumnWidths
-            : stickyColumnsRef.current.rightColumnWidths;
+        const widths = stickyColumns[direction];
         let offset = 0;
         for (let i = 0; i < index; i++) {
-            offset += widthsMap.get(i) || 0;
+            offset += widths[i] || 0;
         }
         return offset;
-    }, []);
+    }, [stickyColumns]);
     // Check if a column is the last sticky column on its side
     const isLastStickyColumn = React.useCallback((direction, index) => {
-        const widthsMap = direction === 'left'
-            ? stickyColumnsRef.current.leftColumnWidths
-            : stickyColumnsRef.current.rightColumnWidths;
-        // Find the highest index in the map
+        const widths = stickyColumns[direction];
+        // Find the highest registered index on this side
         let maxIndex = -1;
-        for (const idx of widthsMap.keys()) {
+        for (const key of Object.keys(widths)) {
+            const idx = Number(key);
             if (idx > maxIndex)
                 maxIndex = idx;
         }
         return index === maxIndex;
-    }, []);
+    }, [stickyColumns]);
     // 단일 useEffect에서 모든 이벤트 리스너 관리
     React.useEffect(() => {
         const container = containerRef.current;
@@ -107,13 +131,40 @@ const TableProvider = ({ children }) => {
             window.removeEventListener('resize', handleResize);
         };
     }, [updateScrollState]);
-    return (jsxRuntime.jsx(TableContext.Provider, { value: {
-            ...scrollState,
-            setContainerRef,
-            registerStickyColumn,
-            getStickyOffset,
-            isLastStickyColumn,
-        }, children: children }));
+    /*
+     * Memoised, because an object literal here is a new value on *every* render of
+     * this provider, and a new context value re-renders every consumer —
+     * `Th`/`Td`/`Tr` all call `useTableContext()`. React propagates a context
+     * change into subtrees that `React.memo` has already bailed out of, so a
+     * memoised row does not stop it: the cells inside re-render anyway.
+     *
+     * In a virtualised table that is the dominant cost of scrolling. Measured on a
+     * consumer's 12,000-row admin table (production build): one scroll step that
+     * mounted a single new row re-rendered `Td` **794 times** — every cell of every
+     * rendered row, each one re-running Chakra's runtime style resolution. Wall
+     * time was ~1,050ms per step and did not depend on how many rows the step
+     * actually brought in (1.8 rows and 7.3 rows cost the same), which is the
+     * signature of a whole-table re-render rather than incremental work.
+     *
+     * With this memo the value changes only when `scrollState` or the registered
+     * sticky widths change, so a scroll that alters neither costs nothing.
+     */
+    const value = React.useMemo(() => ({
+        ...scrollState,
+        setContainerRef,
+        registerStickyColumn,
+        hasStickyWidth,
+        getStickyOffset,
+        isLastStickyColumn,
+    }), [
+        scrollState,
+        setContainerRef,
+        registerStickyColumn,
+        hasStickyWidth,
+        getStickyOffset,
+        isLastStickyColumn,
+    ]);
+    return (jsxRuntime.jsx(TableContext.Provider, { value: value, children: children }));
 };
 
 exports.TableProvider = TableProvider;

package/dist/components/Table/TableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sources":["../../../src/components/Table/TableContext.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useRef","useState","useCallback","useEffect","_jsx"],"mappings":"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"}
+{"version":3,"file":"TableContext.js","sources":["../../../src/components/Table/TableContext.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useRef","useState","useCallback","useEffect","useMemo","_jsx"],"mappings":"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"}