@mindlogic-ai/logician-ui 4.0.0-alpha.8 → 4.0.0

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

@@ -0,0 +1,35 @@
+import { ShakeProps } from './Shake.types';
+/**
+ * Shakes once whenever `trigger` changes — the house "no, not that" gesture,
+ * for a rejected answer, an invalid field, a refused action.
+ *
+ * The counterpart to `Pulse`, and the pair has to be kept apart: both replay on
+ * a trigger, but a pulse draws the eye to something *good* that landed, and a
+ * shake refuses. A shake used as emphasis reads as an error the reader then goes
+ * looking for.
+ *
+ * Replays the same way `Pulse` does — two byte-identical keyframes alternating
+ * by play count, because a CSS animation restarts when its name changes. The
+ * DOM is left alone, which matters more here than anywhere: a shake fires on a
+ * refusal, so the earlier `key`-driven replay took the keyboard focus of the
+ * person who had just been told no. The first render never shakes.
+ *
+ * **Never let this be the only signal.** It is removed entirely under reduced
+ * motion, so for some readers nothing happens at all; pair it with colour, an
+ * icon, or copy that says the same thing.
+ *
+ * **Adds one `div` around `children`**, and layout props land on that wrapper
+ * rather than on the child. Usually the same result — but the child is no longer
+ * a *direct* child of what surrounds it, so animate the inner element instead of
+ * wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
+ * and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
+ * typeahead.
+ *
+ * ```tsx
+ * <Shake trigger={attempts}>
+ *   <Input aria-invalid={invalid} />
+ * </Shake>
+ * ```
+ */
+export declare const Shake: import("react").ForwardRefExoticComponent<ShakeProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Shake.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.d.ts","sourceRoot":"","sources":["../../../src/components/Shake/Shake.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,uGAoCjB,CAAC"}

package/dist/components/Shake/Shake.js

@@ -0,0 +1,61 @@
+"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 Shake_styles = require('./Shake.styles.js');
+
+/**
+ * Shakes once whenever `trigger` changes — the house "no, not that" gesture,
+ * for a rejected answer, an invalid field, a refused action.
+ *
+ * The counterpart to `Pulse`, and the pair has to be kept apart: both replay on
+ * a trigger, but a pulse draws the eye to something *good* that landed, and a
+ * shake refuses. A shake used as emphasis reads as an error the reader then goes
+ * looking for.
+ *
+ * Replays the same way `Pulse` does — two byte-identical keyframes alternating
+ * by play count, because a CSS animation restarts when its name changes. The
+ * DOM is left alone, which matters more here than anywhere: a shake fires on a
+ * refusal, so the earlier `key`-driven replay took the keyboard focus of the
+ * person who had just been told no. The first render never shakes.
+ *
+ * **Never let this be the only signal.** It is removed entirely under reduced
+ * motion, so for some readers nothing happens at all; pair it with colour, an
+ * icon, or copy that says the same thing.
+ *
+ * **Adds one `div` around `children`**, and layout props land on that wrapper
+ * rather than on the child. Usually the same result — but the child is no longer
+ * a *direct* child of what surrounds it, so animate the inner element instead of
+ * wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
+ * and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
+ * typeahead.
+ *
+ * ```tsx
+ * <Shake trigger={attempts}>
+ *   <Input aria-invalid={invalid} />
+ * </Shake>
+ * ```
+ */
+const Shake = React.forwardRef(({ trigger, distance, children, css, ...rest }, ref) => {
+    // A play counter rather than the trigger itself, so a value that returns to
+    // one it held before still fires — two rejections of the same answer are
+    // two events, and keying on the value would swallow the second.
+    const plays = React.useRef(0);
+    const previous = React.useRef(trigger);
+    if (previous.current !== trigger) {
+        previous.current = trigger;
+        plays.current += 1;
+    }
+    return (jsxRuntime.jsx(react.Box, { ref: ref, display: "inline-flex", ...rest, css: plays.current === 0
+            ? css
+            : mergeCss.mergeCss(Shake_styles.shakeX(plays.current), distance === undefined
+                ? undefined
+                : { '--shake-distance': `${distance}px` }, css), children: children }));
+});
+Shake.displayName = 'Shake';
+
+exports.Shake = Shake;
+//# sourceMappingURL=Shake.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.js","sources":["../../../src/components/Shake/Shake.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","_jsx","Box","mergeCss","shakeX"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;MACU,KAAK,GAAGA,gBAAU,CAC7B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EACzD,GAAkC,KAChC;;;;AAIF,IAAA,MAAM,KAAK,GAAGC,YAAM,CAAC,CAAC,CAAC;AACvB,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAC,OAAO,CAAC;AAChC,IAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE;AAChC,QAAA,QAAQ,CAAC,OAAO,GAAG,OAAO;AAC1B,QAAA,KAAK,CAAC,OAAO,IAAI,CAAC;IACpB;IAEA,QACEC,eAACC,SAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EACR,GAAG,EACD,KAAK,CAAC,OAAO,KAAK;AAChB,cAAE;AACF,cAAEC,iBAAQ,CACNC,mBAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EACrB,QAAQ,KAAK;AACX,kBAAE;AACF,kBAAE,EAAE,kBAAkB,EAAE,GAAG,QAAQ,CAAA,EAAA,CAAI,EAAE,EAC3C,GAAG,CACJ,EAAA,QAAA,EAGN,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Shake/Shake.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import { Box } from '@chakra-ui/react';
+import { mergeCss } from '../../utils/mergeCss.mjs';
+import { shakeX } from './Shake.styles.mjs';
+
+/**
+ * Shakes once whenever `trigger` changes — the house "no, not that" gesture,
+ * for a rejected answer, an invalid field, a refused action.
+ *
+ * The counterpart to `Pulse`, and the pair has to be kept apart: both replay on
+ * a trigger, but a pulse draws the eye to something *good* that landed, and a
+ * shake refuses. A shake used as emphasis reads as an error the reader then goes
+ * looking for.
+ *
+ * Replays the same way `Pulse` does — two byte-identical keyframes alternating
+ * by play count, because a CSS animation restarts when its name changes. The
+ * DOM is left alone, which matters more here than anywhere: a shake fires on a
+ * refusal, so the earlier `key`-driven replay took the keyboard focus of the
+ * person who had just been told no. The first render never shakes.
+ *
+ * **Never let this be the only signal.** It is removed entirely under reduced
+ * motion, so for some readers nothing happens at all; pair it with colour, an
+ * icon, or copy that says the same thing.
+ *
+ * **Adds one `div` around `children`**, and layout props land on that wrapper
+ * rather than on the child. Usually the same result — but the child is no longer
+ * a *direct* child of what surrounds it, so animate the inner element instead of
+ * wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
+ * and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
+ * typeahead.
+ *
+ * ```tsx
+ * <Shake trigger={attempts}>
+ *   <Input aria-invalid={invalid} />
+ * </Shake>
+ * ```
+ */
+const Shake = forwardRef(({ trigger, distance, children, css, ...rest }, ref) => {
+    // A play counter rather than the trigger itself, so a value that returns to
+    // one it held before still fires — two rejections of the same answer are
+    // two events, and keying on the value would swallow the second.
+    const plays = useRef(0);
+    const previous = useRef(trigger);
+    if (previous.current !== trigger) {
+        previous.current = trigger;
+        plays.current += 1;
+    }
+    return (jsx(Box, { ref: ref, display: "inline-flex", ...rest, css: plays.current === 0
+            ? css
+            : mergeCss(shakeX(plays.current), distance === undefined
+                ? undefined
+                : { '--shake-distance': `${distance}px` }, css), children: children }));
+});
+Shake.displayName = 'Shake';
+
+export { Shake };
+//# sourceMappingURL=Shake.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.mjs","sources":["../../../src/components/Shake/Shake.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;MACU,KAAK,GAAG,UAAU,CAC7B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EACzD,GAAkC,KAChC;;;;AAIF,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACvB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAChC,IAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE;AAChC,QAAA,QAAQ,CAAC,OAAO,GAAG,OAAO;AAC1B,QAAA,KAAK,CAAC,OAAO,IAAI,CAAC;IACpB;IAEA,QACEA,IAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EACR,GAAG,EACD,KAAK,CAAC,OAAO,KAAK;AAChB,cAAE;AACF,cAAE,QAAQ,CACN,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EACrB,QAAQ,KAAK;AACX,kBAAE;AACF,kBAAE,EAAE,kBAAkB,EAAE,GAAG,QAAQ,CAAA,EAAA,CAAI,EAAE,EAC3C,GAAG,CACJ,EAAA,QAAA,EAGN,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,24 @@
+import type { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * 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.
+ */
+export declare const shakeX: (play: number) => SystemStyleObject;
+//# sourceMappingURL=Shake.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Shake/Shake.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,MAAM,MAAM,KAAG,iBAOpC,CAAC"}

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/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"}