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

package/dist/components/Shake/Shake.styles.js

@@ -0,0 +1,35 @@
+"use client";
+'use strict';
+
+/**
+ * The refusal gesture.
+ *
+ * `motion.base` rather than FactChat's literal 360ms — 60ms adrift and on the
+ * scale. Its own comment names the ceiling this has to stay under: past ~450ms
+ * a shake stops saying "no" and starts saying "broken".
+ *
+ * `standard`, deliberately not `overshoot`. Overshoot passes the target and
+ * comes back, which reads as bounce, and a bouncy refusal reads as playful.
+ * The decay is in the keyframe instead, where it settles *to* centre rather
+ * than through it.
+ *
+ * Removed entirely under reduced motion — and that is why a shake must never be
+ * the only signal. Pair it with colour, an icon, or copy that says the same
+ * thing, because for some readers this simply will not happen.
+ */
+/**
+ * A function of the play count — see `pulsePop` for why. The stake is higher
+ * here: a shake fires on a refusal, so the remount the earlier version used to
+ * replay it would drop the keyboard focus of the person who just got told no.
+ */
+const shakeX = (play) => ({
+    animationName: play % 2 === 0 ? 'shake-x-alt' : 'shake-x',
+    animationDuration: 'motion.base',
+    animationTimingFunction: 'standard',
+    animationFillMode: 'both',
+    transformOrigin: 'center',
+    _motionReduce: { animationName: 'none' },
+});
+
+exports.shakeX = shakeX;
+//# sourceMappingURL=Shake.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.styles.js","sources":["../../../src/components/Shake/Shake.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;AAeG;AACH;;;;AAIG;MACU,MAAM,GAAG,CAAC,IAAY,MAAyB;AAC1D,IAAA,aAAa,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,GAAG,SAAS;AACzD,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;AACzC,CAAA;;;;"}

package/dist/components/Shake/Shake.styles.mjs

@@ -0,0 +1,33 @@
+"use client";
+/**
+ * The refusal gesture.
+ *
+ * `motion.base` rather than FactChat's literal 360ms — 60ms adrift and on the
+ * scale. Its own comment names the ceiling this has to stay under: past ~450ms
+ * a shake stops saying "no" and starts saying "broken".
+ *
+ * `standard`, deliberately not `overshoot`. Overshoot passes the target and
+ * comes back, which reads as bounce, and a bouncy refusal reads as playful.
+ * The decay is in the keyframe instead, where it settles *to* centre rather
+ * than through it.
+ *
+ * Removed entirely under reduced motion — and that is why a shake must never be
+ * the only signal. Pair it with colour, an icon, or copy that says the same
+ * thing, because for some readers this simply will not happen.
+ */
+/**
+ * A function of the play count — see `pulsePop` for why. The stake is higher
+ * here: a shake fires on a refusal, so the remount the earlier version used to
+ * replay it would drop the keyboard focus of the person who just got told no.
+ */
+const shakeX = (play) => ({
+    animationName: play % 2 === 0 ? 'shake-x-alt' : 'shake-x',
+    animationDuration: 'motion.base',
+    animationTimingFunction: 'standard',
+    animationFillMode: 'both',
+    transformOrigin: 'center',
+    _motionReduce: { animationName: 'none' },
+});
+
+export { shakeX };
+//# sourceMappingURL=Shake.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.styles.mjs","sources":["../../../src/components/Shake/Shake.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;AAeG;AACH;;;;AAIG;MACU,MAAM,GAAG,CAAC,IAAY,MAAyB;AAC1D,IAAA,aAAa,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,GAAG,SAAS;AACzD,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;AACzC,CAAA;;;;"}

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

@@ -0,0 +1,11 @@
+import type { BoxProps } from '@chakra-ui/react';
+export interface ShakeProps extends Omit<BoxProps, 'translate'> {
+    /**
+     * Change this to fire one shake. Any changing value works — an attempt
+     * counter, a verdict, a timestamp. The first render never shakes.
+     */
+    trigger: string | number;
+    /** Peak horizontal travel in px. Defaults to 6. */
+    distance?: number;
+}
+//# sourceMappingURL=Shake.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.types.d.ts","sourceRoot":"","sources":["../../../src/components/Shake/Shake.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Shake/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,wGAiClB,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,wGAgDlB,CAAC"}

package/dist/components/Slider/Slider.js

@@ -15,14 +15,14 @@ var SliderControl = require('./SliderControl/SliderControl.js');
  *
  * Automatically wraps children in SliderControl if not already wrapped.
  */
-const Slider = React.forwardRef(({ value, defaultValue, onValueChange, children, ...rest }, ref) => {
+const Slider = React.forwardRef(({ value, defaultValue, onValueChange, ariaLabel, children, ...rest }, ref) => {
     // Check if children already contains SliderControl
     const hasSliderControl = React.Children.toArray(children).some((child) => React.isValidElement(child) &&
         (child.type === SliderControl.SliderControl ||
             child.type?.displayName === 'SliderControl'));
     // Wrap children in SliderControl if not already wrapped
     const wrappedChildren = hasSliderControl ? (children) : (jsxRuntime.jsx(SliderControl.SliderControl, { children: children }));
-    return (jsxRuntime.jsx(react.Slider.Root, { isolation: "isolate", ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange, ...rest, children: wrappedChildren }));
+    return (jsxRuntime.jsxs(react.Slider.Root, { isolation: "isolate", ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange, ...rest, children: [ariaLabel && (jsxRuntime.jsx(react.Slider.Label, { srOnly: true, children: ariaLabel })), wrappedChildren] }));
 });
 Slider.displayName = 'Slider';
 

package/dist/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["forwardRef","Children","isValidElement","SliderControl","_jsx","ChakraSlider"],"mappings":";;;;;;;;AAMA;;;;;;;;AAQG;MACU,MAAM,GAAGA,gBAAU,CAC9B,CACE,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAe,EACtE,GAAkC,KAChC;;AAEF,IAAA,MAAM,gBAAgB,GAAGC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACtD,CAAC,KAAK,KACJC,oBAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAKC,2BAAa;YAC1B,KAAK,CAAC,IAAY,EAAE,WAAW,KAAK,eAAe,CAAC,CAC1D;;AAGD,IAAA,MAAM,eAAe,GAAG,gBAAgB,IACtC,QAAQ,KAERC,cAAA,CAACD,2BAAa,cAAE,QAAQ,EAAA,CAAiB,CAC1C;AAED,IAAA,QACEC,cAAA,CAACC,YAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EAAA,QAAA,EAEP,eAAe,EAAA,CACE;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["forwardRef","Children","isValidElement","SliderControl","_jsx","_jsxs","ChakraSlider"],"mappings":";;;;;;;;AAMA;;;;;;;;AAQG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;;AAEF,IAAA,MAAM,gBAAgB,GAAGC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACtD,CAAC,KAAK,KACJC,oBAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAKC,2BAAa;YAC1B,KAAK,CAAC,IAAY,EAAE,WAAW,KAAK,eAAe,CAAC,CAC1D;;AAGD,IAAA,MAAM,eAAe,GAAG,gBAAgB,IACtC,QAAQ,KAERC,cAAA,CAACD,2BAAa,cAAE,QAAQ,EAAA,CAAiB,CAC1C;IAED,QACEE,gBAACC,YAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,KACxB,IAAI,EAAA,QAAA,EAAA,CAOP,SAAS,KACRF,eAACE,YAAY,CAAC,KAAK,EAAA,EAAC,MAAM,kBAAE,SAAS,EAAA,CAAsB,CAC5D,EACA,eAAe,CAAA,EAAA,CACE;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Slider/Slider.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, Children, isValidElement } from 'react';
 import { Slider as Slider$1 } from '@chakra-ui/react';
 import { SliderControl } from './SliderControl/SliderControl.mjs';
@@ -13,14 +13,14 @@ import { SliderControl } from './SliderControl/SliderControl.mjs';
  *
  * Automatically wraps children in SliderControl if not already wrapped.
  */
-const Slider = forwardRef(({ value, defaultValue, onValueChange, children, ...rest }, ref) => {
+const Slider = forwardRef(({ value, defaultValue, onValueChange, ariaLabel, children, ...rest }, ref) => {
     // Check if children already contains SliderControl
     const hasSliderControl = Children.toArray(children).some((child) => isValidElement(child) &&
         (child.type === SliderControl ||
             child.type?.displayName === 'SliderControl'));
     // Wrap children in SliderControl if not already wrapped
     const wrappedChildren = hasSliderControl ? (children) : (jsx(SliderControl, { children: children }));
-    return (jsx(Slider$1.Root, { isolation: "isolate", ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange, ...rest, children: wrappedChildren }));
+    return (jsxs(Slider$1.Root, { isolation: "isolate", ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange, ...rest, children: [ariaLabel && (jsx(Slider$1.Label, { srOnly: true, children: ariaLabel })), wrappedChildren] }));
 });
 Slider.displayName = 'Slider';
 

package/dist/components/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSlider"],"mappings":";;;;;;AAMA;;;;;;;;AAQG;MACU,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAe,EACtE,GAAkC,KAChC;;AAEF,IAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACtD,CAAC,KAAK,KACJ,cAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAK,aAAa;YAC1B,KAAK,CAAC,IAAY,EAAE,WAAW,KAAK,eAAe,CAAC,CAC1D;;AAGD,IAAA,MAAM,eAAe,GAAG,gBAAgB,IACtC,QAAQ,KAERA,GAAA,CAAC,aAAa,cAAE,QAAQ,EAAA,CAAiB,CAC1C;AAED,IAAA,QACEA,GAAA,CAACC,QAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EAAA,QAAA,EAEP,eAAe,EAAA,CACE;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.mjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","ChakraSlider"],"mappings":";;;;;;AAMA;;;;;;;;AAQG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;;AAEF,IAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACtD,CAAC,KAAK,KACJ,cAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAK,aAAa;YAC1B,KAAK,CAAC,IAAY,EAAE,WAAW,KAAK,eAAe,CAAC,CAC1D;;AAGD,IAAA,MAAM,eAAe,GAAG,gBAAgB,IACtC,QAAQ,KAERA,GAAA,CAAC,aAAa,cAAE,QAAQ,EAAA,CAAiB,CAC1C;IAED,QACEC,KAACC,QAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,KACxB,IAAI,EAAA,QAAA,EAAA,CAOP,SAAS,KACRF,IAACE,QAAY,CAAC,KAAK,EAAA,EAAC,MAAM,kBAAE,SAAS,EAAA,CAAsB,CAC5D,EACA,eAAe,CAAA,EAAA,CACE;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -7,6 +7,21 @@ export interface SliderProps extends Omit<Slider.RootProps, 'value' | 'defaultVa
     defaultValue?: number[];
     /** Callback when slider value changes */
     onValueChange?: Slider.RootProps['onValueChange'];
+    /**
+     * Accessible name for the slider, when no visible `Slider.Label` is composed
+     * in — a seek bar next to a time display, a volume control beside a mute
+     * button.
+     *
+     * Without it the thumb has **no accessible name**: Zag points each thumb's
+     * `aria-labelledby` at a label part, and a composition that does not render
+     * one leaves that reference dangling — the control announces as a bare
+     * "slider" (KWCAG 2.1 5.3.4.1 레이블 제공, axe `aria-input-field-name`).
+     *
+     * Rendered as a visually hidden label rather than an `aria-label` array so it
+     * works the same whether the slider has one thumb or several, and so the name
+     * is in the server-rendered markup.
+     */
+    ariaLabel?: string;
     children?: ReactNode;
 }
 //# sourceMappingURL=Slider.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,MAAM,CAAC,SAAS,EAChB,OAAO,GAAG,cAAc,GAAG,eAAe,CAC3C;IACC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,MAAM,CAAC,SAAS,EAChB,OAAO,GAAG,cAAc,GAAG,eAAe,CAC3C;IACC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAClD;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/Slider/SliderThumb/SliderThumb.js

@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
 var focusRing = require('../../../utils/focusRing.js');
 
 const SliderThumb = React.forwardRef(({ index = 0, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Slider.Thumb, { index: index, boxSize: 4, bg: "white", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
+    return (jsxRuntime.jsx(react.Slider.Thumb, { index: index, boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
             bg: 'bg.muted',
             borderColor: 'border.default',
             cursor: 'not-allowed',

package/dist/components/Slider/SliderThumb/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACGC,mBAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"SliderThumb.js","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACGC,mBAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/Slider/SliderThumb/SliderThumb.mjs

@@ -5,7 +5,7 @@ import { Slider } from '@chakra-ui/react';
 import { focusRing } from '../../../utils/focusRing.mjs';
 
 const SliderThumb = forwardRef(({ index = 0, ...rest }, ref) => {
-    return (jsx(Slider.Thumb, { index: index, boxSize: 4, bg: "white", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
+    return (jsx(Slider.Thumb, { index: index, boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
             bg: 'bg.muted',
             borderColor: 'border.default',
             cursor: 'not-allowed',

package/dist/components/Slider/SliderThumb/SliderThumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.mjs","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACG,SAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"SliderThumb.mjs","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACG,SAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/Slider/SliderThumbs/SliderThumbs.js

@@ -25,7 +25,7 @@ var react = require('@chakra-ui/react');
  * </Slider>
  */
 const SliderThumbs = React.forwardRef((props, _ref) => {
-    return (jsxRuntime.jsx(react.Slider.Thumbs, { boxSize: 4, bg: "white", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", ...props }));
+    return (jsxRuntime.jsx(react.Slider.Thumbs, { boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", ...props }));
 });
 SliderThumbs.displayName = 'SliderThumbs';
 

package/dist/components/Slider/SliderThumbs/SliderThumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumbs.js","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"SliderThumbs.js","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs

@@ -23,7 +23,7 @@ import { Slider } from '@chakra-ui/react';
  * </Slider>
  */
 const SliderThumbs = forwardRef((props, _ref) => {
-    return (jsx(Slider.Thumbs, { boxSize: 4, bg: "white", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", ...props }));
+    return (jsx(Slider.Thumbs, { boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", ...props }));
 });
 SliderThumbs.displayName = 'SliderThumbs';
 

package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumbs.mjs","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"SliderThumbs.mjs","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGAiBnB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGAuBnB,CAAC"}

package/dist/components/Spinner/Spinner.js

@@ -5,15 +5,20 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var mergeCss = require('../../utils/mergeCss.js');
+var Spinner_styles = require('./Spinner.styles.js');
 
 const Spinner = React.forwardRef(({ css, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, 
+    return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", ref: ref, ...rest, 
         // The track ring is the only non-animated affordance and can't take a
         // box outline (SVG-style track), so its color carries the contrast.
         // bg.muted (gray.100) is ~1.03:1 against the bg.sunken page wash
         // (gray.50) and vanishes there; bg.track (gray.300) reads on any
         // background and stays mode-aware.
-        css: mergeCss.mergeCss({ '--spinner-track-color': 'colors.bg.track' }, css) }));
+        // Was a literal `animationDuration="0.65s"`. `spinAnimation` keeps that
+        // period exactly and adds the two things the literal could not say:
+        // `linear`, and a reduced-motion branch that slows the turn instead of
+        // stopping it.
+        css: mergeCss.mergeCss({ ...Spinner_styles.spinAnimation, '--spinner-track-color': 'colors.bg.track' }, css) }));
 });
 Spinner.displayName = 'Spinner';
 

package/dist/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSpinner","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEC,cAAA,CAACC,aAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,KACJ,IAAI;;;;;;AAMR,QAAA,GAAG,EAAEC,iBAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSpinner","mergeCss","spinAnimation"],"mappings":";;;;;;;;;AAQO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEC,cAAA,CAACC,aAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI;;;;;;;;;;AAUR,QAAA,GAAG,EAAEC,iBAAQ,CACX,EAAE,GAAGC,4BAAa,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAChE,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/dist/components/Spinner/Spinner.mjs

@@ -3,15 +3,20 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Spinner as Spinner$1 } from '@chakra-ui/react';
 import { mergeCss } from '../../utils/mergeCss.mjs';
+import { spinAnimation } from './Spinner.styles.mjs';
 
 const Spinner = forwardRef(({ css, ...rest }, ref) => {
-    return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, 
+    return (jsx(Spinner$1, { color: "primary.main", ref: ref, ...rest, 
         // The track ring is the only non-animated affordance and can't take a
         // box outline (SVG-style track), so its color carries the contrast.
         // bg.muted (gray.100) is ~1.03:1 against the bg.sunken page wash
         // (gray.50) and vanishes there; bg.track (gray.300) reads on any
         // background and stays mode-aware.
-        css: mergeCss({ '--spinner-track-color': 'colors.bg.track' }, css) }));
+        // Was a literal `animationDuration="0.65s"`. `spinAnimation` keeps that
+        // period exactly and adds the two things the literal could not say:
+        // `linear`, and a reduced-motion branch that slows the turn instead of
+        // stopping it.
+        css: mergeCss({ ...spinAnimation, '--spinner-track-color': 'colors.bg.track' }, css) }));
 });
 Spinner.displayName = 'Spinner';
 

package/dist/components/Spinner/Spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.mjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSpinner"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEA,GAAA,CAACC,SAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,KACJ,IAAI;;;;;;AAMR,QAAA,GAAG,EAAE,QAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Spinner.mjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSpinner"],"mappings":";;;;;;;AAQO,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEA,GAAA,CAACC,SAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI;;;;;;;;;;AAUR,QAAA,GAAG,EAAE,QAAQ,CACX,EAAE,GAAG,aAAa,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAChE,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

@@ -0,0 +1,23 @@
+import type { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * The spinner's turn.
+ *
+ * Lives here rather than in `theme/animationStyles` because a rotation on a
+ * loop is this component's business and nothing else's — the shared vocabulary
+ * is for the intents more than one component reaches for. The tokens it reads
+ * (`motion.loop.*`) are still the global scale; it is the *composition* that is
+ * local.
+ *
+ * `linear`, and this is the one place where the curve is not a preference: an
+ * eased rotation decelerates into 360° and accelerates out of 0°, but those are
+ * the same position, so the eye sees a stutter once per turn. A loop that
+ * returns to its own start has no seam only if the rate is constant.
+ *
+ * Under reduced motion it keeps turning, at roughly a third of the speed.
+ * Reduced motion for a loop is not `duration: 0` — a finite transition can be
+ * zeroed because its end state survives, but a frozen spinner reads as a hung
+ * request rather than a working one, and it is the only thing on screen
+ * asserting the request is still alive. Slower is the concession.
+ */
+export declare const spinAnimation: SystemStyleObject;
+//# sourceMappingURL=Spinner.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa,EAAE,iBAS3B,CAAC"}

package/dist/components/Spinner/Spinner.styles.js

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+/**
+ * The spinner's turn.
+ *
+ * Lives here rather than in `theme/animationStyles` because a rotation on a
+ * loop is this component's business and nothing else's — the shared vocabulary
+ * is for the intents more than one component reaches for. The tokens it reads
+ * (`motion.loop.*`) are still the global scale; it is the *composition* that is
+ * local.
+ *
+ * `linear`, and this is the one place where the curve is not a preference: an
+ * eased rotation decelerates into 360° and accelerates out of 0°, but those are
+ * the same position, so the eye sees a stutter once per turn. A loop that
+ * returns to its own start has no seam only if the rate is constant.
+ *
+ * Under reduced motion it keeps turning, at roughly a third of the speed.
+ * Reduced motion for a loop is not `duration: 0` — a finite transition can be
+ * zeroed because its end state survives, but a frozen spinner reads as a hung
+ * request rather than a working one, and it is the only thing on screen
+ * asserting the request is still alive. Slower is the concession.
+ */
+const spinAnimation = {
+    // Chakra's `spin` keyframe (0deg → 360deg) rather than one of ours: it is
+    // already exactly right, and redefining a keyframe we did not author would
+    // silently retime every Chakra component that reaches for it.
+    animationName: 'spin',
+    animationDuration: 'motion.loop.turn',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+    _motionReduce: { animationDuration: 'motion.loop.sweep' },
+};
+
+exports.spinAnimation = spinAnimation;
+//# sourceMappingURL=Spinner.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.js","sources":["../../../src/components/Spinner/Spinner.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,aAAa,GAAsB;;;;AAI9C,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,iBAAiB,EAAE,kBAAkB;AACrC,IAAA,uBAAuB,EAAE,QAAQ;AACjC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,aAAa,EAAE,EAAE,iBAAiB,EAAE,mBAAmB,EAAE;;;;;"}

package/dist/components/Spinner/Spinner.styles.mjs

@@ -0,0 +1,34 @@
+"use client";
+/**
+ * The spinner's turn.
+ *
+ * Lives here rather than in `theme/animationStyles` because a rotation on a
+ * loop is this component's business and nothing else's — the shared vocabulary
+ * is for the intents more than one component reaches for. The tokens it reads
+ * (`motion.loop.*`) are still the global scale; it is the *composition* that is
+ * local.
+ *
+ * `linear`, and this is the one place where the curve is not a preference: an
+ * eased rotation decelerates into 360° and accelerates out of 0°, but those are
+ * the same position, so the eye sees a stutter once per turn. A loop that
+ * returns to its own start has no seam only if the rate is constant.
+ *
+ * Under reduced motion it keeps turning, at roughly a third of the speed.
+ * Reduced motion for a loop is not `duration: 0` — a finite transition can be
+ * zeroed because its end state survives, but a frozen spinner reads as a hung
+ * request rather than a working one, and it is the only thing on screen
+ * asserting the request is still alive. Slower is the concession.
+ */
+const spinAnimation = {
+    // Chakra's `spin` keyframe (0deg → 360deg) rather than one of ours: it is
+    // already exactly right, and redefining a keyframe we did not author would
+    // silently retime every Chakra component that reaches for it.
+    animationName: 'spin',
+    animationDuration: 'motion.loop.turn',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+    _motionReduce: { animationDuration: 'motion.loop.sweep' },
+};
+
+export { spinAnimation };
+//# sourceMappingURL=Spinner.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.mjs","sources":["../../../src/components/Spinner/Spinner.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,aAAa,GAAsB;;;;AAI9C,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,iBAAiB,EAAE,kBAAkB;AACrC,IAAA,uBAAuB,EAAE,QAAQ;AACjC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,aAAa,EAAE,EAAE,iBAAiB,EAAE,mBAAmB,EAAE;;;;;"}

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

@@ -0,0 +1,43 @@
+import { SwapTransitionProps } from './SwapTransition.types';
+/**
+ * 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>
+ * ```
+ */
+export declare const SwapTransition: import("react").ForwardRefExoticComponent<SwapTransitionProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SwapTransition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.d.ts","sourceRoot":"","sources":["../../../src/components/SwapTransition/SwapTransition.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,cAAc,gHAwE1B,CAAC"}

package/dist/components/SwapTransition/SwapTransition.js

@@ -0,0 +1,82 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var mergeCss = require('../../utils/mergeCss.js');
+var SwapTransition_styles = require('./SwapTransition.styles.js');
+
+/**
+ * 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 = React.forwardRef(({ transitionKey, distance = 24, animateInitial = false, children, css, ...rest }, ref) => {
+    const [phase, setPhase] = React.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 = React.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".
+    React.useEffect(() => {
+        if (phase.leaving === null) {
+            committed.current = children;
+            return;
+        }
+        const timer = setTimeout(() => setPhase((p) => ({ ...p, leaving: null })), SwapTransition_styles.SWAP_OUT_MS);
+        return () => clearTimeout(timer);
+    });
+    const exiting = phase.leaving !== null;
+    return (jsxRuntime.jsx(react.Box, { ref: ref, ...rest, "aria-hidden": exiting || undefined, pointerEvents: exiting ? 'none' : undefined, css: mergeCss.mergeCss({ '--swap-distance': `${distance}px` }, exiting ? SwapTransition_styles.swapOut : phase.play === 0 ? undefined : SwapTransition_styles.swapIn, css), children: exiting ? phase.leaving : children }));
+});
+SwapTransition.displayName = 'SwapTransition';
+
+exports.SwapTransition = SwapTransition;
+//# sourceMappingURL=SwapTransition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTransition.js","sources":["../../../src/components/SwapTransition/SwapTransition.tsx"],"sourcesContent":[null],"names":["forwardRef","useState","useRef","useEffect","SWAP_OUT_MS","_jsx","Box","mergeCss","swapOut","swapIn"],"mappings":";;;;;;;;;AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCG;AACI,MAAM,cAAc,GAAGA,gBAAU,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,GAAGC,cAAQ,CAM/B,EAAE,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;;;AAIvE,IAAA,MAAM,SAAS,GAAGC,YAAM,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;;;;IAKAC,eAAS,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,EAChDC,iCAAW,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,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,aAAA,EAKK,OAAO,IAAI,SAAS,EACjC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EAC3C,GAAG,EAAEC,iBAAQ,CACX,EAAE,iBAAiB,EAAE,CAAA,EAAG,QAAQ,IAAI,EAAE,EACtC,OAAO,GAAGC,6BAAO,GAAG,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,SAAS,GAAGC,4BAAM,EACzD,GAAG,CACJ,EAAA,QAAA,EAEA,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,QAAQ,EAAA,CAC/B;AAEV,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}