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

package/dist/components/FlyTo/FlyTo.js

@@ -0,0 +1,69 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var FlyTo_styles = require('./FlyTo.styles.js');
+
+/**
+ * Sends a ghost arcing from one rect to another — "this went there". A reward
+ * chip flying into a balance, a file into a folder, a row into a bin.
+ *
+ * Mount it to fly; it calls `onDone` on landing and the caller unmounts it. The
+ * caller owns the lifecycle because only the caller knows what the flight
+ * means: a reward that landed has to update a balance, and that has to happen
+ * when the ghost arrives rather than when it left.
+ *
+ * **JavaScript measures; CSS animates.** The two rects are only knowable at
+ * runtime, so the distance is computed here — but it is handed to the keyframe
+ * as three custom properties, and the arc itself runs on the compositor with no
+ * frame loop and no animation library. FactChat's version drives the same arc
+ * through framer-motion's `animate` arrays; the flight is identical and the
+ * dependency is not needed.
+ *
+ * Under reduced motion nothing flies and `onDone` fires on the next tick, so
+ * whatever the flight was sequencing still completes.
+ *
+ * **Adds nothing where you write it.** Unlike the wrapping primitives here, the
+ * ghost renders into a portal and is positioned against the viewport, so mounting
+ * it never moves the layout it was written into — and it is free to fly across
+ * ancestors that clip or scroll.
+ *
+ * ```tsx
+ * {flight && (
+ *   <FlyTo from={flight.from} to={flight.to} onDone={clearFlight}>
+ *     <RewardChip credit={flight.reward} />
+ *   </FlyTo>
+ * )}
+ * ```
+ */
+const FlyTo = React.forwardRef(({ from, to, lift = 46, onDone, children, css, ...rest }, ref) => {
+    const reduced = react.useBreakpointValue({ base: false, _motionReduce: true }, { ssr: false });
+    React.useEffect(() => {
+        if (reduced)
+            onDone?.();
+        // `onDone` is intentionally absent from the deps: a caller that passes an
+        // inline arrow would otherwise fire the landing again on every parent
+        // render, and the landing is what advances the sequence.
+    }, [reduced]);
+    if (reduced)
+        return null;
+    // Centre to centre. Corner to corner would land a chip that is wider than
+    // its target visibly off to one side.
+    const dx = to.left + to.width / 2 - (from.left + from.width / 2);
+    const dy = to.top + to.height / 2 - (from.top + from.height / 2);
+    return (jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.Box, { ref: ref, left: `${from.left}px`, top: `${from.top}px`, ...rest, css: [
+                FlyTo_styles.flyGhost,
+                {
+                    '--fly-dx': `${Math.round(dx)}px`,
+                    '--fly-dy': `${Math.round(dy)}px`,
+                    '--fly-lift': `${lift}px`,
+                },
+                css,
+            ], onAnimationEnd: onDone, children: children }) }));
+});
+FlyTo.displayName = 'FlyTo';
+
+exports.FlyTo = FlyTo;
+//# sourceMappingURL=FlyTo.js.map

package/dist/components/FlyTo/FlyTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlyTo.js","sources":["../../../src/components/FlyTo/FlyTo.tsx"],"sourcesContent":[null],"names":["forwardRef","useBreakpointValue","useEffect","_jsx","Portal","Box","flyGhost"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CACE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EACnE,GAAkC,KAChC;IACF,MAAM,OAAO,GAAGC,wBAAkB,CAChC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,EACpC,EAAE,GAAG,EAAE,KAAK,EAAE,CACf;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO;YAAE,MAAM,IAAI;;;;AAIzB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,IAAI,OAAO;AAAE,QAAA,OAAO,IAAI;;;IAIxB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IAChE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAEhE,IAAA,QACEC,cAAA,CAACC,YAAM,EAAA,EAAA,QAAA,EACLD,cAAA,CAACE,SAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI,EACtB,GAAG,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAA,EAAA,CAAI,EAAA,GAChB,IAAI,EACR,GAAG,EAAE;gBACHC,qBAAQ;AACR,gBAAA;oBACE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,EAAA,CAAI;oBACjC,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,EAAA,CAAI;oBACjC,YAAY,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AAC1B,iBAAA;gBACD,GAAG;aACJ,EACD,cAAc,EAAE,MAAM,EAAA,QAAA,EAErB,QAAQ,EAAA,CACL,EAAA,CACC;AAEb,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/FlyTo/FlyTo.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useEffect } from 'react';
+import { useBreakpointValue, Portal, Box } from '@chakra-ui/react';
+import { flyGhost } from './FlyTo.styles.mjs';
+
+/**
+ * Sends a ghost arcing from one rect to another — "this went there". A reward
+ * chip flying into a balance, a file into a folder, a row into a bin.
+ *
+ * Mount it to fly; it calls `onDone` on landing and the caller unmounts it. The
+ * caller owns the lifecycle because only the caller knows what the flight
+ * means: a reward that landed has to update a balance, and that has to happen
+ * when the ghost arrives rather than when it left.
+ *
+ * **JavaScript measures; CSS animates.** The two rects are only knowable at
+ * runtime, so the distance is computed here — but it is handed to the keyframe
+ * as three custom properties, and the arc itself runs on the compositor with no
+ * frame loop and no animation library. FactChat's version drives the same arc
+ * through framer-motion's `animate` arrays; the flight is identical and the
+ * dependency is not needed.
+ *
+ * Under reduced motion nothing flies and `onDone` fires on the next tick, so
+ * whatever the flight was sequencing still completes.
+ *
+ * **Adds nothing where you write it.** Unlike the wrapping primitives here, the
+ * ghost renders into a portal and is positioned against the viewport, so mounting
+ * it never moves the layout it was written into — and it is free to fly across
+ * ancestors that clip or scroll.
+ *
+ * ```tsx
+ * {flight && (
+ *   <FlyTo from={flight.from} to={flight.to} onDone={clearFlight}>
+ *     <RewardChip credit={flight.reward} />
+ *   </FlyTo>
+ * )}
+ * ```
+ */
+const FlyTo = forwardRef(({ from, to, lift = 46, onDone, children, css, ...rest }, ref) => {
+    const reduced = useBreakpointValue({ base: false, _motionReduce: true }, { ssr: false });
+    useEffect(() => {
+        if (reduced)
+            onDone?.();
+        // `onDone` is intentionally absent from the deps: a caller that passes an
+        // inline arrow would otherwise fire the landing again on every parent
+        // render, and the landing is what advances the sequence.
+    }, [reduced]);
+    if (reduced)
+        return null;
+    // Centre to centre. Corner to corner would land a chip that is wider than
+    // its target visibly off to one side.
+    const dx = to.left + to.width / 2 - (from.left + from.width / 2);
+    const dy = to.top + to.height / 2 - (from.top + from.height / 2);
+    return (jsx(Portal, { children: jsx(Box, { ref: ref, left: `${from.left}px`, top: `${from.top}px`, ...rest, css: [
+                flyGhost,
+                {
+                    '--fly-dx': `${Math.round(dx)}px`,
+                    '--fly-dy': `${Math.round(dy)}px`,
+                    '--fly-lift': `${lift}px`,
+                },
+                css,
+            ], onAnimationEnd: onDone, children: children }) }));
+});
+FlyTo.displayName = 'FlyTo';
+
+export { FlyTo };
+//# sourceMappingURL=FlyTo.mjs.map

package/dist/components/FlyTo/FlyTo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlyTo.mjs","sources":["../../../src/components/FlyTo/FlyTo.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EACnE,GAAkC,KAChC;IACF,MAAM,OAAO,GAAG,kBAAkB,CAChC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,EACpC,EAAE,GAAG,EAAE,KAAK,EAAE,CACf;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO;YAAE,MAAM,IAAI;;;;AAIzB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,IAAI,OAAO;AAAE,QAAA,OAAO,IAAI;;;IAIxB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IAChE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAEhE,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,GAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI,EACtB,GAAG,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAA,EAAA,CAAI,EAAA,GAChB,IAAI,EACR,GAAG,EAAE;gBACH,QAAQ;AACR,gBAAA;oBACE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,EAAA,CAAI;oBACjC,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,EAAA,CAAI;oBACjC,YAAY,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AAC1B,iBAAA;gBACD,GAAG;aACJ,EACD,cAAc,EAAE,MAAM,EAAA,QAAA,EAErB,QAAQ,EAAA,CACL,EAAA,CACC;AAEb,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,19 @@
+import type { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * The ghost in flight.
+ *
+ * `position: fixed` and a portal, so the flight is measured in the same
+ * coordinate space as the two `getBoundingClientRect()` calls that defined it,
+ * and so no ancestor's `overflow: hidden` clips a chip halfway across the page.
+ *
+ * `motion.slow`, the band for a move that carries the eye somewhere — the
+ * ghost has to be *followed* to do its job, which is longer than any transition
+ * and shorter than the celebration it usually precedes.
+ *
+ * `standard` rather than `emphasized`: the house ease-out covers 96% of the
+ * distance in the first half, which on an arc means the piece is already at the
+ * target while the curve is still lifting it. A symmetric curve keeps the two
+ * halves of the arc the same shape, which is what makes it read as thrown.
+ */
+export declare const flyGhost: SystemStyleObject;
+//# sourceMappingURL=FlyTo.styles.d.ts.map

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

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

package/dist/components/FlyTo/FlyTo.styles.js

@@ -0,0 +1,35 @@
+"use client";
+'use strict';
+
+/**
+ * The ghost in flight.
+ *
+ * `position: fixed` and a portal, so the flight is measured in the same
+ * coordinate space as the two `getBoundingClientRect()` calls that defined it,
+ * and so no ancestor's `overflow: hidden` clips a chip halfway across the page.
+ *
+ * `motion.slow`, the band for a move that carries the eye somewhere — the
+ * ghost has to be *followed* to do its job, which is longer than any transition
+ * and shorter than the celebration it usually precedes.
+ *
+ * `standard` rather than `emphasized`: the house ease-out covers 96% of the
+ * distance in the first half, which on an arc means the piece is already at the
+ * target while the curve is still lifting it. A symmetric curve keeps the two
+ * halves of the arc the same shape, which is what makes it read as thrown.
+ */
+const flyGhost = {
+    position: 'fixed',
+    zIndex: 'toast',
+    pointerEvents: 'none',
+    display: 'inline-flex',
+    animationName: 'fly-arc',
+    animationDuration: 'motion.slow',
+    animationTimingFunction: 'standard',
+    animationFillMode: 'forwards',
+    // The component returns `null` before this can apply — kept so the guard
+    // survives a future caller that renders the ghost some other way.
+    _motionReduce: { animationName: 'none', opacity: 0 },
+};
+
+exports.flyGhost = flyGhost;
+//# sourceMappingURL=FlyTo.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlyTo.styles.js","sources":["../../../src/components/FlyTo/FlyTo.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,QAAQ,GAAsB;AACzC,IAAA,QAAQ,EAAE,OAAO;AACjB,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,iBAAiB,EAAE,UAAU;;;IAG7B,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;;;;;"}

package/dist/components/FlyTo/FlyTo.styles.mjs

@@ -0,0 +1,33 @@
+"use client";
+/**
+ * The ghost in flight.
+ *
+ * `position: fixed` and a portal, so the flight is measured in the same
+ * coordinate space as the two `getBoundingClientRect()` calls that defined it,
+ * and so no ancestor's `overflow: hidden` clips a chip halfway across the page.
+ *
+ * `motion.slow`, the band for a move that carries the eye somewhere — the
+ * ghost has to be *followed* to do its job, which is longer than any transition
+ * and shorter than the celebration it usually precedes.
+ *
+ * `standard` rather than `emphasized`: the house ease-out covers 96% of the
+ * distance in the first half, which on an arc means the piece is already at the
+ * target while the curve is still lifting it. A symmetric curve keeps the two
+ * halves of the arc the same shape, which is what makes it read as thrown.
+ */
+const flyGhost = {
+    position: 'fixed',
+    zIndex: 'toast',
+    pointerEvents: 'none',
+    display: 'inline-flex',
+    animationName: 'fly-arc',
+    animationDuration: 'motion.slow',
+    animationTimingFunction: 'standard',
+    animationFillMode: 'forwards',
+    // The component returns `null` before this can apply — kept so the guard
+    // survives a future caller that renders the ghost some other way.
+    _motionReduce: { animationName: 'none', opacity: 0 },
+};
+
+export { flyGhost };
+//# sourceMappingURL=FlyTo.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlyTo.styles.mjs","sources":["../../../src/components/FlyTo/FlyTo.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,QAAQ,GAAsB;AACzC,IAAA,QAAQ,EAAE,OAAO;AACjB,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,iBAAiB,EAAE,UAAU;;;IAG7B,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;;;;;"}

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

@@ -0,0 +1,15 @@
+import type { BoxProps } from '@chakra-ui/react';
+export interface FlyToProps extends BoxProps {
+    /** Source rect in viewport coordinates, e.g. `el.getBoundingClientRect()`. */
+    from: DOMRect;
+    /** Target rect in viewport coordinates. */
+    to: DOMRect;
+    /**
+     * How high the arc rises above the straight line between the two rects.
+     * Defaults to 46px — enough to read as flight over a card-sized gap.
+     */
+    lift?: number;
+    /** Called once the ghost lands, or immediately under reduced motion. */
+    onDone?: () => void;
+}
+//# sourceMappingURL=FlyTo.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlyTo.types.d.ts","sourceRoot":"","sources":["../../../src/components/FlyTo/FlyTo.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,8EAA8E;IAC9E,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,EAAE,EAAE,OAAO,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB"}

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

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

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

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

package/dist/components/Form/FieldError/FieldError.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface FieldErrorProps {
+    /** Error message. Renders nothing when empty, so it is safe to mount always. */
+    children?: ReactNode;
+}
+/**
+ * Field-level error message. Renders through Chakra's `Field.ErrorText`, so it
+ * shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
+ * wired to the control via `aria-describedby` + `aria-invalid` automatically.
+ * Use it inside a `FieldRow` (which flips the field to invalid when an `error`
+ * is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
+ * rows scattered across the app.
+ */
+export declare const FieldError: ({ children }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldError.d.ts.map

package/dist/components/Form/FieldError/FieldError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,eAAe;IAC9B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc,eAAe,4CAGvD,CAAC"}

package/dist/components/Form/FieldError/FieldError.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+
+/**
+ * Field-level error message. Renders through Chakra's `Field.ErrorText`, so it
+ * shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
+ * wired to the control via `aria-describedby` + `aria-invalid` automatically.
+ * Use it inside a `FieldRow` (which flips the field to invalid when an `error`
+ * is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
+ * rows scattered across the app.
+ */
+const FieldError = ({ children }) => {
+    if (children == null || children === false || children === '')
+        return null;
+    return jsxRuntime.jsx(react.Field.ErrorText, { color: "danger.main", children: children });
+};
+
+exports.FieldError = FieldError;
+//# sourceMappingURL=FieldError.js.map

package/dist/components/Form/FieldError/FieldError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.js","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx","Field"],"mappings":";;;;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,cAAA,CAACC,WAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AAC1E;;;;"}

package/dist/components/Form/FieldError/FieldError.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Field } from '@chakra-ui/react';
+
+/**
+ * Field-level error message. Renders through Chakra's `Field.ErrorText`, so it
+ * shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
+ * wired to the control via `aria-describedby` + `aria-invalid` automatically.
+ * Use it inside a `FieldRow` (which flips the field to invalid when an `error`
+ * is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
+ * rows scattered across the app.
+ */
+const FieldError = ({ children }) => {
+    if (children == null || children === false || children === '')
+        return null;
+    return jsx(Field.ErrorText, { color: "danger.main", children: children });
+};
+
+export { FieldError };
+//# sourceMappingURL=FieldError.mjs.map

package/dist/components/Form/FieldError/FieldError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.mjs","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,GAAA,CAAC,KAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AAC1E;;;;"}

package/dist/components/Form/FieldError/index.d.ts

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

package/dist/components/Form/FieldError/index.d.ts.map

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

package/dist/components/Form/FieldHelp/FieldHelp.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface FieldHelpProps {
+    /** Helper text rendered under the control. */
+    children: ReactNode;
+}
+/**
+ * Inline helper text under a form control. Renders through Chakra's
+ * `Field.HelperText`, so it is associated with the control via
+ * `aria-describedby` when used inside a `FieldRow`/`FormControl`. For a hover
+ * info-popover instead of always-visible text, pass a logician `InfoSprinkle`
+ * into the `FieldRow` `endAdornment` slot.
+ */
+export declare const FieldHelp: ({ children }: FieldHelpProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldHelp.d.ts.map

package/dist/components/Form/FieldHelp/FieldHelp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHelp.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldHelp/FieldHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,cAAc,cAAc,4CAErD,CAAC"}

package/dist/components/Form/FieldHelp/FieldHelp.js

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+
+/**
+ * Inline helper text under a form control. Renders through Chakra's
+ * `Field.HelperText`, so it is associated with the control via
+ * `aria-describedby` when used inside a `FieldRow`/`FormControl`. For a hover
+ * info-popover instead of always-visible text, pass a logician `InfoSprinkle`
+ * into the `FieldRow` `endAdornment` slot.
+ */
+const FieldHelp = ({ children }) => {
+    return jsxRuntime.jsx(react.Field.HelperText, { children: children });
+};
+
+exports.FieldHelp = FieldHelp;
+//# sourceMappingURL=FieldHelp.js.map

package/dist/components/Form/FieldHelp/FieldHelp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHelp.js","sources":["../../../../src/components/Form/FieldHelp/FieldHelp.tsx"],"sourcesContent":[null],"names":["_jsx","Field"],"mappings":";;;;;;AAQA;;;;;;AAMG;MACU,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,KAAI;AACxD,IAAA,OAAOA,eAACC,WAAK,CAAC,UAAU,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAoB;AACxD;;;;"}

package/dist/components/Form/FieldHelp/FieldHelp.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Field } from '@chakra-ui/react';
+
+/**
+ * Inline helper text under a form control. Renders through Chakra's
+ * `Field.HelperText`, so it is associated with the control via
+ * `aria-describedby` when used inside a `FieldRow`/`FormControl`. For a hover
+ * info-popover instead of always-visible text, pass a logician `InfoSprinkle`
+ * into the `FieldRow` `endAdornment` slot.
+ */
+const FieldHelp = ({ children }) => {
+    return jsx(Field.HelperText, { children: children });
+};
+
+export { FieldHelp };
+//# sourceMappingURL=FieldHelp.mjs.map

package/dist/components/Form/FieldHelp/FieldHelp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHelp.mjs","sources":["../../../../src/components/Form/FieldHelp/FieldHelp.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAQA;;;;;;AAMG;MACU,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,KAAI;AACxD,IAAA,OAAOA,IAAC,KAAK,CAAC,UAAU,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAoB;AACxD;;;;"}

package/dist/components/Form/FieldHelp/index.d.ts

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

package/dist/components/Form/FieldHelp/index.d.ts.map

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

package/dist/components/Form/FieldLabel/FieldLabel.d.ts

@@ -0,0 +1,12 @@
+import { FieldLabelProps } from './FieldLabel.types';
+/**
+ * Label row for a form field: a semibold heading, an optional description, and
+ * an `endAdornment` slot on the right (count badge, action button, info-sprinkle
+ * trigger). The required asterisk is supplied automatically by the enclosing
+ * `Field` context when the field is `required` (see `FieldRow`).
+ *
+ * Presentational — pair it with `FieldRow` (or any logician `FormControl`) so
+ * the heading is programmatically associated with its control.
+ */
+export declare const FieldLabel: ({ heading, description, endAdornment, mb, htmlFor, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldLabel.d.ts.map

package/dist/components/Form/FieldLabel/FieldLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,GAAI,sDAMxB,eAAe,4CAuBjB,CAAC"}

package/dist/components/Form/FieldLabel/FieldLabel.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var FormLabel = require('../../FormLabel/FormLabel.js');
+require('../../Typography/Caption.js');
+require('../../Typography/H1.js');
+require('../../Typography/H2.js');
+require('../../Typography/H3.js');
+require('../../Typography/H4.js');
+require('../../Typography/H5.js');
+require('../../Typography/Link.js');
+require('../../Typography/Overline.js');
+var Subtext = require('../../Typography/Subtext.js');
+require('../../Typography/Subtitle.js');
+require('../../Typography/Text.js');
+
+/**
+ * Label row for a form field: a semibold heading, an optional description, and
+ * an `endAdornment` slot on the right (count badge, action button, info-sprinkle
+ * trigger). The required asterisk is supplied automatically by the enclosing
+ * `Field` context when the field is `required` (see `FieldRow`).
+ *
+ * Presentational — pair it with `FieldRow` (or any logician `FormControl`) so
+ * the heading is programmatically associated with its control.
+ */
+const FieldLabel = ({ heading, description, endAdornment, mb = 0, htmlFor, }) => {
+    return (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "space-between", gap: 2, mb: mb, w: "100%", children: [jsxRuntime.jsxs(react.Box, { children: [heading != null && (jsxRuntime.jsx(FormLabel.FormLabel, { mb: 0, fontWeight: "semibold", color: "fg.default", htmlFor: htmlFor, children: heading })), description && (jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "normal", color: "fg.muted", children: description }))] }), endAdornment] }));
+};
+
+exports.FieldLabel = FieldLabel;
+//# sourceMappingURL=FieldLabel.js.map

package/dist/components/Form/FieldLabel/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex","Box","_jsx","FormLabel","Subtext"],"mappings":";;;;;;;;;;;;;;;;;;AAOA;;;;;;;;AAQG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,WAAW,EACX,YAAY,EACZ,EAAE,GAAG,CAAC,EACN,OAAO,GACS,KAAI;AACpB,IAAA,QACEA,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EAAA,CACnED,eAAA,CAACE,SAAG,EAAA,EAAA,QAAA,EAAA,CACD,OAAO,IAAI,IAAI,KACdC,cAAA,CAACC,mBAAS,EAAA,EACR,EAAE,EAAE,CAAC,EACL,UAAU,EAAC,UAAU,EACrB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,YAEf,OAAO,EAAA,CACE,CACb,EACA,WAAW,KACVD,cAAA,CAACE,eAAO,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EAC1C,WAAW,GACJ,CACX,CAAA,EAAA,CACG,EACL,YAAY,CAAA,EAAA,CACR;AAEX;;;;"}

package/dist/components/Form/FieldLabel/FieldLabel.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Box } from '@chakra-ui/react';
+import { FormLabel } from '../../FormLabel/FormLabel.mjs';
+import '../../Typography/Caption.mjs';
+import '../../Typography/H1.mjs';
+import '../../Typography/H2.mjs';
+import '../../Typography/H3.mjs';
+import '../../Typography/H4.mjs';
+import '../../Typography/H5.mjs';
+import '../../Typography/Link.mjs';
+import '../../Typography/Overline.mjs';
+import { Subtext } from '../../Typography/Subtext.mjs';
+import '../../Typography/Subtitle.mjs';
+import '../../Typography/Text.mjs';
+
+/**
+ * Label row for a form field: a semibold heading, an optional description, and
+ * an `endAdornment` slot on the right (count badge, action button, info-sprinkle
+ * trigger). The required asterisk is supplied automatically by the enclosing
+ * `Field` context when the field is `required` (see `FieldRow`).
+ *
+ * Presentational — pair it with `FieldRow` (or any logician `FormControl`) so
+ * the heading is programmatically associated with its control.
+ */
+const FieldLabel = ({ heading, description, endAdornment, mb = 0, htmlFor, }) => {
+    return (jsxs(Flex, { align: "center", justify: "space-between", gap: 2, mb: mb, w: "100%", children: [jsxs(Box, { children: [heading != null && (jsx(FormLabel, { mb: 0, fontWeight: "semibold", color: "fg.default", htmlFor: htmlFor, children: heading })), description && (jsx(Subtext, { fontWeight: "normal", color: "fg.muted", children: description }))] }), endAdornment] }));
+};
+
+export { FieldLabel };
+//# sourceMappingURL=FieldLabel.mjs.map

package/dist/components/Form/FieldLabel/FieldLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.mjs","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAOA;;;;;;;;AAQG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,WAAW,EACX,YAAY,EACZ,EAAE,GAAG,CAAC,EACN,OAAO,GACS,KAAI;AACpB,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EAAA,CACnEA,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACD,OAAO,IAAI,IAAI,KACdC,GAAA,CAAC,SAAS,EAAA,EACR,EAAE,EAAE,CAAC,EACL,UAAU,EAAC,UAAU,EACrB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,YAEf,OAAO,EAAA,CACE,CACb,EACA,WAAW,KACVA,GAAA,CAAC,OAAO,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EAC1C,WAAW,GACJ,CACX,CAAA,EAAA,CACG,EACL,YAAY,CAAA,EAAA,CACR;AAEX;;;;"}

package/dist/components/Form/FieldLabel/FieldLabel.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface FieldLabelProps {
+    /** Label heading. */
+    heading: ReactNode;
+    /** Secondary description rendered under the heading. */
+    description?: ReactNode;
+    /**
+     * Inline element rendered to the right of the heading row (e.g. button, count
+     * badge, info-sprinkle popover trigger).
+     */
+    endAdornment?: ReactNode;
+    /**
+     * Associates the label with a control by id. Normally supplied by the
+     * enclosing `Field` context (via `FieldRow`/`FormControl`); pass it explicitly
+     * only when using `FieldLabel` outside that context.
+     */
+    htmlFor?: string;
+    /** Bottom margin in spacing units. */
+    mb?: number;
+}
+//# sourceMappingURL=FieldLabel.types.d.ts.map

package/dist/components/Form/FieldLabel/FieldLabel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/components/Form/FieldLabel/index.d.ts

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

package/dist/components/Form/FieldLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Form/FieldRow/FieldRow.d.ts

@@ -0,0 +1,15 @@
+import { FieldRowProps } from './FieldRow.types';
+/**
+ * The composition keystone for a form field: wraps a control in a logician
+ * `FormControl` (Chakra `Field.Root`) and lays out its label, optional
+ * description/help, and error consistently. Because it delegates to the `Field`
+ * context, the label↔control association, the `required` asterisk, `aria-invalid`
+ * and the error/helper `aria-describedby` wiring are all handled automatically —
+ * callers never thread ids by hand.
+ *
+ * It is form-library agnostic: pass `value`/`onChange` controls directly (media
+ * forms) or render a form-connected adapter as the child (studio/admin forms). Set
+ * `error` to flip the field to invalid and surface the message.
+ */
+export declare const FieldRow: ({ label, description, endAdornment, helperText, error, invalid, children, labelProps, ...rootProps }: FieldRowProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldRow.d.ts.map

package/dist/components/Form/FieldRow/FieldRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldRow/FieldRow.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,sGAUtB,aAAa,4CAgBf,CAAC"}

package/dist/components/Form/FieldRow/FieldRow.js

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var FormControl = require('../../FormControl/FormControl.js');
+var FieldError = require('../FieldError/FieldError.js');
+var FieldHelp = require('../FieldHelp/FieldHelp.js');
+var FieldLabel = require('../FieldLabel/FieldLabel.js');
+
+/**
+ * The composition keystone for a form field: wraps a control in a logician
+ * `FormControl` (Chakra `Field.Root`) and lays out its label, optional
+ * description/help, and error consistently. Because it delegates to the `Field`
+ * context, the label↔control association, the `required` asterisk, `aria-invalid`
+ * and the error/helper `aria-describedby` wiring are all handled automatically —
+ * callers never thread ids by hand.
+ *
+ * It is form-library agnostic: pass `value`/`onChange` controls directly (media
+ * forms) or render a form-connected adapter as the child (studio/admin forms). Set
+ * `error` to flip the field to invalid and surface the message.
+ */
+const FieldRow = ({ label, description, endAdornment, helperText, error, invalid, children, labelProps, ...rootProps }) => {
+    return (jsxRuntime.jsxs(FormControl.FormControl, { invalid: invalid ?? Boolean(error), ...rootProps, children: [(label != null || endAdornment != null) && (jsxRuntime.jsx(FieldLabel.FieldLabel, { heading: label, description: description, endAdornment: endAdornment, ...labelProps })), children, helperText != null && jsxRuntime.jsx(FieldHelp.FieldHelp, { children: helperText }), jsxRuntime.jsx(FieldError.FieldError, { children: error })] }));
+};
+
+exports.FieldRow = FieldRow;
+//# sourceMappingURL=FieldRow.js.map

package/dist/components/Form/FieldRow/FieldRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.js","sources":["../../../../src/components/Form/FieldRow/FieldRow.tsx"],"sourcesContent":[null],"names":["_jsxs","FormControl","_jsx","FieldLabel","FieldHelp","FieldError"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;AAWG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACE,KAAI;AAClB,IAAA,QACEA,eAAA,CAACC,uBAAW,EAAA,EAAC,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,KAAM,SAAS,EAAA,QAAA,EAAA,CAC3D,CAAC,KAAK,IAAI,IAAI,IAAI,YAAY,IAAI,IAAI,MACrCC,cAAA,CAACC,qBAAU,EAAA,EACT,OAAO,EAAE,KAAK,EACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAAA,GACtB,UAAU,EAAA,CACd,CACH,EACA,QAAQ,EACR,UAAU,IAAI,IAAI,IAAID,cAAA,CAACE,mBAAS,EAAA,EAAA,QAAA,EAAE,UAAU,EAAA,CAAa,EAC1DF,cAAA,CAACG,qBAAU,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAc,CAAA,EAAA,CACpB;AAElB;;;;"}