@mindlogic-ai/logician-ui 4.0.0-alpha.13 → 4.0.0-alpha.14

package/dist/components/Form/FormSection/FlatFormSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatFormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection/FlatFormSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,oBAAoB,GAAG,IAAI,CAC9B,gBAAgB,EAChB,aAAa,GAAG,aAAa,GAAG,UAAU,CAC3C,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,eAAe,GAAI,qFAS7B,oBAAoB,4CAoBtB,CAAC"}

package/dist/components/Form/FormSection/FlatFormSection.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var FormSectionHeader = require('../FormSectionHeader/FormSectionHeader.js');
+
+/** The flat (non-collapsible) `FormSection` variant. */
+const FlatFormSection = ({ title, titleAdornment, description, action, divider = false, gap = 4, children, ...boxProps }) => (jsxRuntime.jsxs(react.Box, { w: "100%", pt: divider ? 4 : undefined, borderTopWidth: divider ? '1px' : undefined, borderColor: divider ? 'border.subtle' : undefined, ...boxProps, children: [(title || titleAdornment || description || action) && (jsxRuntime.jsx(FormSectionHeader.FormSectionHeader, { title: title, titleAdornment: titleAdornment, description: description, action: action })), jsxRuntime.jsx(react.VStack, { align: "stretch", gap: gap, w: "100%", children: children })] }));
+
+exports.FlatFormSection = FlatFormSection;
+//# sourceMappingURL=FlatFormSection.js.map

package/dist/components/Form/FormSection/FlatFormSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatFormSection.js","sources":["../../../../src/components/Form/FormSection/FlatFormSection.tsx"],"sourcesContent":[null],"names":["_jsxs","Box","_jsx","FormSectionHeader","VStack"],"mappings":";;;;;;;AAUA;AACO,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,GAAG,KAAK,EACf,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,GAAG,QAAQ,EACU,MACrBA,eAAA,CAACC,SAAG,EAAA,EACF,CAAC,EAAC,MAAM,EACR,EAAE,EAAE,OAAO,GAAG,CAAC,GAAG,SAAS,EAC3B,cAAc,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,EAC3C,WAAW,EAAE,OAAO,GAAG,eAAe,GAAG,SAAS,EAAA,GAC9C,QAAQ,EAAA,QAAA,EAAA,CAEX,CAAC,KAAK,IAAI,cAAc,IAAI,WAAW,IAAI,MAAM,MAChDC,cAAA,CAACC,mCAAiB,EAAA,EAChB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EAAA,CACd,CACH,EACDD,cAAA,CAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,CAAA,EAAA,CACL;;;;"}

package/dist/components/Form/FormSection/FlatFormSection.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, VStack } from '@chakra-ui/react';
+import { FormSectionHeader } from '../FormSectionHeader/FormSectionHeader.mjs';
+
+/** The flat (non-collapsible) `FormSection` variant. */
+const FlatFormSection = ({ title, titleAdornment, description, action, divider = false, gap = 4, children, ...boxProps }) => (jsxs(Box, { w: "100%", pt: divider ? 4 : undefined, borderTopWidth: divider ? '1px' : undefined, borderColor: divider ? 'border.subtle' : undefined, ...boxProps, children: [(title || titleAdornment || description || action) && (jsx(FormSectionHeader, { title: title, titleAdornment: titleAdornment, description: description, action: action })), jsx(VStack, { align: "stretch", gap: gap, w: "100%", children: children })] }));
+
+export { FlatFormSection };
+//# sourceMappingURL=FlatFormSection.mjs.map

package/dist/components/Form/FormSection/FlatFormSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatFormSection.mjs","sources":["../../../../src/components/Form/FormSection/FlatFormSection.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAUA;AACO,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,GAAG,KAAK,EACf,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,GAAG,QAAQ,EACU,MACrBA,IAAA,CAAC,GAAG,EAAA,EACF,CAAC,EAAC,MAAM,EACR,EAAE,EAAE,OAAO,GAAG,CAAC,GAAG,SAAS,EAC3B,cAAc,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,EAC3C,WAAW,EAAE,OAAO,GAAG,eAAe,GAAG,SAAS,EAAA,GAC9C,QAAQ,EAAA,QAAA,EAAA,CAEX,CAAC,KAAK,IAAI,cAAc,IAAI,WAAW,IAAI,MAAM,MAChDC,GAAA,CAAC,iBAAiB,EAAA,EAChB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EAAA,CACd,CACH,EACDA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,CAAA,EAAA,CACL;;;;"}

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

@@ -0,0 +1,13 @@
+import { FormSectionProps } from './FormSection.types';
+/**
+ * A titled group of form fields with one consistent rhythm — the shared
+ * replacement for the studio panels' ad-hoc `GroupHeader`/`ModeSection` +
+ * per-tab `VStack` gaps (8/6/12) and the workflow inspector's per-node section
+ * headers. Renders flat by default; set `collapsible` (with a `title`) to render
+ * the logician `CollapsibleSection` accordion. `gap` standardizes the field
+ * spacing so sections read the same everywhere.
+ *
+ * Thin dispatcher over the two single-purpose variants so each has one return.
+ */
+export declare const FormSection: ({ collapsible, defaultOpen, hasError, ...rest }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection/FormSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,iDAKzB,gBAAgB,4CAahB,CAAC"}

package/dist/components/Form/FormSection/FormSection.js

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CollapsibleFormSection = require('./CollapsibleFormSection.js');
+var FlatFormSection = require('./FlatFormSection.js');
+
+/**
+ * A titled group of form fields with one consistent rhythm — the shared
+ * replacement for the studio panels' ad-hoc `GroupHeader`/`ModeSection` +
+ * per-tab `VStack` gaps (8/6/12) and the workflow inspector's per-node section
+ * headers. Renders flat by default; set `collapsible` (with a `title`) to render
+ * the logician `CollapsibleSection` accordion. `gap` standardizes the field
+ * spacing so sections read the same everywhere.
+ *
+ * Thin dispatcher over the two single-purpose variants so each has one return.
+ */
+const FormSection = ({ collapsible = false, defaultOpen = true, hasError = false, ...rest }) => collapsible && rest.title ? (jsxRuntime.jsx(CollapsibleFormSection.CollapsibleFormSection, { title: rest.title, action: rest.action, gap: rest.gap, defaultOpen: defaultOpen, hasError: hasError, children: rest.children })) : (jsxRuntime.jsx(FlatFormSection.FlatFormSection, { ...rest }));
+
+exports.FormSection = FormSection;
+//# sourceMappingURL=FormSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.js","sources":["../../../../src/components/Form/FormSection/FormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleFormSection","FlatFormSection"],"mappings":";;;;;;;AAIA;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACU,KACjB,WAAW,IAAI,IAAI,CAAC,KAAK,IACvBA,cAAA,CAACC,6CAAsB,IACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAEjB,IAAI,CAAC,QAAQ,GACS,KAEzBD,cAAA,CAACE,+BAAe,OAAK,IAAI,EAAA,CAAI;;;;"}

package/dist/components/Form/FormSection/FormSection.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { CollapsibleFormSection } from './CollapsibleFormSection.mjs';
+import { FlatFormSection } from './FlatFormSection.mjs';
+
+/**
+ * A titled group of form fields with one consistent rhythm — the shared
+ * replacement for the studio panels' ad-hoc `GroupHeader`/`ModeSection` +
+ * per-tab `VStack` gaps (8/6/12) and the workflow inspector's per-node section
+ * headers. Renders flat by default; set `collapsible` (with a `title`) to render
+ * the logician `CollapsibleSection` accordion. `gap` standardizes the field
+ * spacing so sections read the same everywhere.
+ *
+ * Thin dispatcher over the two single-purpose variants so each has one return.
+ */
+const FormSection = ({ collapsible = false, defaultOpen = true, hasError = false, ...rest }) => collapsible && rest.title ? (jsx(CollapsibleFormSection, { title: rest.title, action: rest.action, gap: rest.gap, defaultOpen: defaultOpen, hasError: hasError, children: rest.children })) : (jsx(FlatFormSection, { ...rest }));
+
+export { FormSection };
+//# sourceMappingURL=FormSection.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.mjs","sources":["../../../../src/components/Form/FormSection/FormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIA;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACU,KACjB,WAAW,IAAI,IAAI,CAAC,KAAK,IACvBA,GAAA,CAAC,sBAAsB,IACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAEjB,IAAI,CAAC,QAAQ,GACS,KAEzBA,GAAA,CAAC,eAAe,OAAK,IAAI,EAAA,CAAI;;;;"}

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '@chakra-ui/react';
+export interface FormSectionProps extends Omit<BoxProps, 'title'> {
+    /** Section heading. */
+    title?: string;
+    /**
+     * Inline element rendered immediately after the heading (e.g. an
+     * `InfoSprinkle`). Flat variant only — the collapsible variant owns its own
+     * header. Distinct from `action`, which sits at the far right.
+     */
+    titleAdornment?: ReactNode;
+    /** Secondary description under the heading. */
+    description?: ReactNode;
+    /** Right-aligned header slot (e.g. an add button or info-sprinkle trigger). */
+    action?: ReactNode;
+    /** Draw a top divider to separate this section from the previous one. */
+    divider?: boolean;
+    /**
+     * Render as a collapsible accordion (delegates to logician `CollapsibleSection`).
+     * Requires `title`.
+     */
+    collapsible?: boolean;
+    /** Initial expanded state when `collapsible`. Defaults to open. */
+    defaultOpen?: boolean;
+    /**
+     * Flag a section that contains errors. When `collapsible` and collapsed, the
+     * chevron is replaced by a danger glyph so hidden errors aren't missed.
+     */
+    hasError?: boolean;
+    /** Vertical gap between child fields. Defaults to the standard field rhythm. */
+    gap?: BoxProps['gap'];
+    children: ReactNode;
+}
+//# sourceMappingURL=FormSection.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection/FormSection.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC/D,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,GAAG,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { FormSectionHeaderProps } from './FormSectionHeader.types';
+/**
+ * The standardized section (fieldset) header — the section-level counterpart to
+ * {@link FieldLabel}. A heading, an optional inline adornment, a description,
+ * and a right-aligned action, laid out with one consistent rhythm (`H5` over a
+ * muted `Subtext`). Shared by `FormSection` and the studio `GroupHeader` so
+ * every titled field group reads the same everywhere.
+ *
+ * The description sits inside the left column so a tall `action` centers against
+ * the whole heading+description block, matching the prior studio `GroupHeader`.
+ */
+export declare const FormSectionHeader: ({ title, titleAdornment, description, action, mb, ...flexProps }: FormSectionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormSectionHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSectionHeader/FormSectionHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,kEAO/B,sBAAsB,4CAwBxB,CAAC"}

package/dist/components/Form/FormSectionHeader/FormSectionHeader.js

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+require('../../Typography/H1.js');
+require('../../Typography/H2.js');
+require('../../Typography/H3.js');
+require('../../Typography/H4.js');
+var H5 = 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');
+
+/**
+ * The standardized section (fieldset) header — the section-level counterpart to
+ * {@link FieldLabel}. A heading, an optional inline adornment, a description,
+ * and a right-aligned action, laid out with one consistent rhythm (`H5` over a
+ * muted `Subtext`). Shared by `FormSection` and the studio `GroupHeader` so
+ * every titled field group reads the same everywhere.
+ *
+ * The description sits inside the left column so a tall `action` centers against
+ * the whole heading+description block, matching the prior studio `GroupHeader`.
+ */
+const FormSectionHeader = ({ title, titleAdornment, description, action, mb = 3, ...flexProps }) => (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "space-between", gap: 2, mb: mb, w: "100%", ...flexProps, children: [jsxRuntime.jsxs(react.Box, { children: [(title || titleAdornment) && (jsxRuntime.jsxs(react.Flex, { align: "center", gap: 1, mb: description ? 1 : 0, children: [title && jsxRuntime.jsx(H5.H5, { children: title }), titleAdornment] })), description && (jsxRuntime.jsx(Subtext.Subtext, { color: "fg.muted", fontWeight: "normal", children: description }))] }), action] }));
+
+exports.FormSectionHeader = FormSectionHeader;
+//# sourceMappingURL=FormSectionHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSectionHeader.js","sources":["../../../../src/components/Form/FormSectionHeader/FormSectionHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex","Box","_jsx","H5","Subtext"],"mappings":";;;;;;;;;;;;;;;;AAMA;;;;;;;;;AASG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,cAAc,EACd,WAAW,EACX,MAAM,EACN,EAAE,GAAG,CAAC,EACN,GAAG,SAAS,EACW,MACvBA,eAAA,CAACC,UAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAC,MAAM,EAAA,GACJ,SAAS,EAAA,QAAA,EAAA,CAEbD,eAAA,CAACE,SAAG,EAAA,EAAA,QAAA,EAAA,CACD,CAAC,KAAK,IAAI,cAAc,MACvBF,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CACjD,KAAK,IAAIE,cAAA,CAACC,KAAE,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EACzB,cAAc,CAAA,EAAA,CACV,CACR,EACA,WAAW,KACVD,cAAA,CAACE,eAAO,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAC1C,WAAW,EAAA,CACJ,CACX,CAAA,EAAA,CACG,EACL,MAAM,CAAA,EAAA,CACF;;;;"}

package/dist/components/Form/FormSectionHeader/FormSectionHeader.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Box } from '@chakra-ui/react';
+import '../../Typography/H1.mjs';
+import '../../Typography/H2.mjs';
+import '../../Typography/H3.mjs';
+import '../../Typography/H4.mjs';
+import { H5 } from '../../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';
+
+/**
+ * The standardized section (fieldset) header — the section-level counterpart to
+ * {@link FieldLabel}. A heading, an optional inline adornment, a description,
+ * and a right-aligned action, laid out with one consistent rhythm (`H5` over a
+ * muted `Subtext`). Shared by `FormSection` and the studio `GroupHeader` so
+ * every titled field group reads the same everywhere.
+ *
+ * The description sits inside the left column so a tall `action` centers against
+ * the whole heading+description block, matching the prior studio `GroupHeader`.
+ */
+const FormSectionHeader = ({ title, titleAdornment, description, action, mb = 3, ...flexProps }) => (jsxs(Flex, { align: "center", justify: "space-between", gap: 2, mb: mb, w: "100%", ...flexProps, children: [jsxs(Box, { children: [(title || titleAdornment) && (jsxs(Flex, { align: "center", gap: 1, mb: description ? 1 : 0, children: [title && jsx(H5, { children: title }), titleAdornment] })), description && (jsx(Subtext, { color: "fg.muted", fontWeight: "normal", children: description }))] }), action] }));
+
+export { FormSectionHeader };
+//# sourceMappingURL=FormSectionHeader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSectionHeader.mjs","sources":["../../../../src/components/Form/FormSectionHeader/FormSectionHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;AAMA;;;;;;;;;AASG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,cAAc,EACd,WAAW,EACX,MAAM,EACN,EAAE,GAAG,CAAC,EACN,GAAG,SAAS,EACW,MACvBA,IAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAC,MAAM,EAAA,GACJ,SAAS,EAAA,QAAA,EAAA,CAEbA,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACD,CAAC,KAAK,IAAI,cAAc,MACvBA,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CACjD,KAAK,IAAIC,GAAA,CAAC,EAAE,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EACzB,cAAc,CAAA,EAAA,CACV,CACR,EACA,WAAW,KACVA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAC1C,WAAW,EAAA,CACJ,CACX,CAAA,EAAA,CACG,EACL,MAAM,CAAA,EAAA,CACF;;;;"}

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { FlexProps } from '@chakra-ui/react';
+export interface FormSectionHeaderProps extends Omit<FlexProps, 'title'> {
+    /** Section heading — the fieldset-level label. */
+    title?: ReactNode;
+    /**
+     * Inline element rendered immediately after the title text (e.g. an
+     * `InfoSprinkle`). Distinct from `action`, which sits at the far right of
+     * the row.
+     */
+    titleAdornment?: ReactNode;
+    /** Secondary description under the title. */
+    description?: ReactNode;
+    /** Right-aligned slot on the title row (e.g. an add button). */
+    action?: ReactNode;
+}
+//# sourceMappingURL=FormSectionHeader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSectionHeader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSectionHeader/FormSectionHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACtE,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSectionHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +1,18 @@
+export type { FieldErrorProps } from './FieldError';
+export { FieldError } from './FieldError';
+export type { FieldHelpProps } from './FieldHelp';
+export { FieldHelp } from './FieldHelp';
+export type { FieldLabelProps } from './FieldLabel';
+export { FieldLabel } from './FieldLabel';
+export type { FieldRowProps } from './FieldRow';
+export { FieldRow } from './FieldRow';
+export type { FormFooterProps } from './FormFooter';
+export { FormFooter } from './FormFooter';
+export type { FormModalFooterProps } from './FormModalFooter';
+export { FormModalFooter } from './FormModalFooter';
+export { FormScrollArea } from './FormScrollArea';
+export type { FormSectionProps } from './FormSection';
+export { FormSection } from './FormSection';
+export type { FormSectionHeaderProps } from './FormSectionHeader';
+export { FormSectionHeader } from './FormSectionHeader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export * from './components/ExpandableText';
 export * from './components/FileInput';
 export * from './components/FileItem';
 export * from './components/FileList';
+export * from './components/Form';
 export * from './components/FormControl';
 export * from './components/FormLabel';
 export type { IconProps } from './components/Icon/_utils/createIcon';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -38,6 +38,15 @@ var ExpandableText = require('./components/ExpandableText/ExpandableText.js');
 var FileInput = require('./components/FileInput/FileInput.js');
 var FileItem = require('./components/FileItem/FileItem.js');
 var FileList = require('./components/FileList/FileList.js');
+var FieldError = require('./components/Form/FieldError/FieldError.js');
+var FieldHelp = require('./components/Form/FieldHelp/FieldHelp.js');
+var FieldLabel = require('./components/Form/FieldLabel/FieldLabel.js');
+var FieldRow = require('./components/Form/FieldRow/FieldRow.js');
+var FormFooter = require('./components/Form/FormFooter/FormFooter.js');
+var FormModalFooter = require('./components/Form/FormModalFooter/FormModalFooter.js');
+var FormScrollArea = require('./components/Form/FormScrollArea/FormScrollArea.js');
+var FormSection = require('./components/Form/FormSection/FormSection.js');
+var FormSectionHeader = require('./components/Form/FormSectionHeader/FormSectionHeader.js');
 var FormControl = require('./components/FormControl/FormControl.js');
 var FormLabel = require('./components/FormLabel/FormLabel.js');
 var IconButton = require('./components/IconButton/IconButton.js');
@@ -213,6 +222,15 @@ exports.ExpandableText = ExpandableText.ExpandableText;
 exports.FileInput = FileInput.FileInput;
 exports.FileItem = FileItem.FileItem;
 exports.FileList = FileList.FileList;
+exports.FieldError = FieldError.FieldError;
+exports.FieldHelp = FieldHelp.FieldHelp;
+exports.FieldLabel = FieldLabel.FieldLabel;
+exports.FieldRow = FieldRow.FieldRow;
+exports.FormFooter = FormFooter.FormFooter;
+exports.FormModalFooter = FormModalFooter.FormModalFooter;
+exports.FormScrollArea = FormScrollArea.FormScrollArea;
+exports.FormSection = FormSection.FormSection;
+exports.FormSectionHeader = FormSectionHeader.FormSectionHeader;
 exports.FormControl = FormControl.FormControl;
 exports.FormLabel = FormLabel.FormLabel;
 exports.IconButton = IconButton.IconButton;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -36,6 +36,15 @@ export { ExpandableText } from './components/ExpandableText/ExpandableText.mjs';
 export { FileInput } from './components/FileInput/FileInput.mjs';
 export { FileItem } from './components/FileItem/FileItem.mjs';
 export { FileList } from './components/FileList/FileList.mjs';
+export { FieldError } from './components/Form/FieldError/FieldError.mjs';
+export { FieldHelp } from './components/Form/FieldHelp/FieldHelp.mjs';
+export { FieldLabel } from './components/Form/FieldLabel/FieldLabel.mjs';
+export { FieldRow } from './components/Form/FieldRow/FieldRow.mjs';
+export { FormFooter } from './components/Form/FormFooter/FormFooter.mjs';
+export { FormModalFooter } from './components/Form/FormModalFooter/FormModalFooter.mjs';
+export { FormScrollArea } from './components/Form/FormScrollArea/FormScrollArea.mjs';
+export { FormSection } from './components/Form/FormSection/FormSection.mjs';
+export { FormSectionHeader } from './components/Form/FormSectionHeader/FormSectionHeader.mjs';
 export { FormControl } from './components/FormControl/FormControl.mjs';
 export { FormLabel } from './components/FormLabel/FormLabel.mjs';
 export { IconButton } from './components/IconButton/IconButton.mjs';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "4.0.0-alpha.13",
+  "version": "4.0.0-alpha.14",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/Button/Button.styles.ts

@@ -46,11 +46,14 @@ export const buttonColorPaletteStyles: Record<
       },
     },
     soft: {
-      borderColor: 'transparent',
+      // Same-hue hairline so soft reads as a defined control on white, not a
+      // floating fill. `light` sits well below `outline`'s `.main` border, so
+      // soft stays the quieter of the two bordered variants.
+      borderColor: 'primary.light',
       bgColor: 'primary.extralight', // #E8EEFB
       color: 'primary.dark', // #0D317D
       _hover: {
-        borderColor: 'transparent',
+        borderColor: 'primary.light',
         bgColor: 'primary.lighter', // #B9CBF3
       },
       _active: {
@@ -102,11 +105,11 @@ export const buttonColorPaletteStyles: Record<
       },
     },
     soft: {
-      borderColor: 'transparent',
+      borderColor: 'secondary.light',
       bgColor: 'secondary.extralight', // #F4E8FB
       color: 'secondary.dark', // #570D7D
       _hover: {
-        borderColor: 'transparent',
+        borderColor: 'secondary.light',
         bgColor: 'secondary.lighter', // #DEB9F3
       },
       _active: {
@@ -158,11 +161,11 @@ export const buttonColorPaletteStyles: Record<
       },
     },
     soft: {
-      borderColor: 'transparent',
+      borderColor: 'danger.light',
       bgColor: 'danger.extralight', // #FBE8E9
       color: 'danger.dark', // #7D0D14
       _hover: {
-        borderColor: 'transparent',
+        borderColor: 'danger.light',
         bgColor: 'danger.lighter', // #F3B9BD
       },
       _active: {
@@ -214,11 +217,11 @@ export const buttonColorPaletteStyles: Record<
       },
     },
     soft: {
-      borderColor: 'transparent',
+      borderColor: 'success.light',
       bgColor: 'success.extralight', // #E9FBE8
       color: 'success.dark', // #147D0D
       _hover: {
-        borderColor: 'transparent',
+        borderColor: 'success.light',
         bgColor: 'success.lighter', // #BDF3B9
       },
       _active: {
@@ -273,11 +276,11 @@ export const buttonColorPaletteStyles: Record<
       },
     },
     soft: {
-      borderColor: 'transparent',
+      borderColor: 'warning.light',
       bgColor: 'warning.extralight', // #FBF6E8
       color: 'warning.dark', // #7D610D
       _hover: {
-        borderColor: 'transparent',
+        borderColor: 'warning.light',
         bgColor: 'warning.lighter', // #F3E4B9
       },
       _active: {
@@ -329,14 +332,16 @@ export const buttonColorPaletteStyles: Record<
       },
     },
     soft: {
-      borderColor: 'transparent',
+      // `border.default` (not a gray tint) so the neutral hairline stays visible
+      // in dark mode, where `border.subtle` collapses into the fill.
+      borderColor: 'border.default', // gray.300 / gray.1100 (_dark)
       // Neutral fills flip with the mode (light values preserved: bg.subtle →
       // gray.50, bg.muted → gray.100). Without this the surface stayed light in
       // dark mode while the fg.default text flipped to light = invisible.
       bgColor: 'bg.subtle', // gray.50 / gray.1300 (_dark)
       color: 'fg.default',
       _hover: {
-        borderColor: 'transparent',
+        borderColor: 'border.default',
         bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
       },
       _active: {

package/src/components/Card/Card.stories.tsx

@@ -22,3 +22,10 @@ export const Gradient: Story = {
     children: 'Gradient Card',
   },
 };
+
+export const Elevated: Story = {
+  args: {
+    variant: 'elevated',
+    children: 'Elevated Card',
+  },
+};

package/src/components/Card/Card.styles.ts

@@ -16,4 +16,12 @@ export const variantStyles = {
     border: '1px solid',
     borderColor: 'primary.light',
   },
+  // Soft resting elevation — a gentle shadow does the separating, so the border
+  // can soften to `border.subtle` (which alone would be too faint, especially in
+  // dark mode). Use for standalone content cards that should read as raised
+  // objects rather than flat framed boxes.
+  elevated: {
+    boxShadow: 'sm',
+    borderColor: 'border.subtle',
+  },
 };

package/src/components/Card/Card.types.ts

@@ -1,6 +1,6 @@
 import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
 
-export type CardVariant = 'default' | 'gradient';
+export type CardVariant = 'default' | 'gradient' | 'elevated';
 
 export type CardProps = ChakraCardRootProps & {
   clickable?: boolean;

package/src/components/Form/FieldError/FieldError.test.tsx

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+
+import { FieldError } from './FieldError';
+
+// Field.ErrorText needs a Field.Root + invalid context to render; stub it to a
+// passthrough so the test isolates FieldError's own null-when-empty guard.
+vi.mock('@chakra-ui/react', () => ({
+  Field: {
+    ErrorText: ({ children }: { children?: ReactNode }) => (
+      <span data-testid="error-text">{children}</span>
+    ),
+  },
+}));
+
+describe('FieldError', () => {
+  it('renders nothing when empty (safe to mount unconditionally)', () => {
+    const { rerender } = render(<FieldError />);
+    expect(screen.queryByTestId('error-text')).toBeNull();
+
+    rerender(<FieldError>{''}</FieldError>);
+    expect(screen.queryByTestId('error-text')).toBeNull();
+
+    rerender(<FieldError>{false}</FieldError>);
+    expect(screen.queryByTestId('error-text')).toBeNull();
+  });
+
+  it('renders the message when present', () => {
+    render(<FieldError>Display name is required.</FieldError>);
+    expect(screen.getByText('Display name is required.')).toBeInTheDocument();
+  });
+});

package/src/components/Form/FieldError/FieldError.tsx

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { Field } from '@chakra-ui/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 const FieldError = ({ children }: FieldErrorProps) => {
+  if (children == null || children === false || children === '') return null;
+  return <Field.ErrorText color="danger.main">{children}</Field.ErrorText>;
+};

package/src/components/Form/FieldError/index.ts

@@ -0,0 +1,2 @@
+export type { FieldErrorProps } from './FieldError';
+export { FieldError } from './FieldError';

package/src/components/Form/FieldHelp/FieldHelp.tsx

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Field } from '@chakra-ui/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 const FieldHelp = ({ children }: FieldHelpProps) => {
+  return <Field.HelperText>{children}</Field.HelperText>;
+};

package/src/components/Form/FieldHelp/index.ts

@@ -0,0 +1,2 @@
+export type { FieldHelpProps } from './FieldHelp';
+export { FieldHelp } from './FieldHelp';