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

package/dist/components/Form/FormModalFooter/FormModalFooter.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '../../Button/Button.mjs';
+import '../../Button/Button.styles.mjs';
+import { TrashIcon } from '../../Icon/index.mjs';
+import 'react';
+import '@chakra-ui/react';
+import '../../Modal/ModalContext.mjs';
+import '../../IconButton/IconButton.mjs';
+import '../../IconButton/IconButton.styles.mjs';
+import '../../ScaledContext/ScaledContext.mjs';
+import { ModalFooter } from '../../Modal/ModalFooter/ModalFooter.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 '../../Typography/Subtext.mjs';
+import '../../Typography/Subtitle.mjs';
+import '../../Typography/Text.mjs';
+
+/**
+ * The action footer shared by form-in-a-modal surfaces — the form analog of a
+ * confirm-modal footer. It standardizes the button trio every create/edit modal
+ * hand-rolls: an optional far-left destructive action, a neutral Cancel, and the
+ * primary submit that carries its own loading + disabled state.
+ *
+ * Copy-agnostic by design: as a design-system component it owns no strings, so
+ * `cancelLabel` is required and `deleteLabel` is rendered verbatim — the
+ * consuming app supplies its own (translated) labels.
+ *
+ * Submit path: inside a `<form onSubmit>` leave `onSubmit` unset so the button
+ * stays `type="submit"` (Enter submits); for a portaled or no-`<form>` modal
+ * pass `onSubmit` and it becomes a `type="button"` onClick. `...rest` forwards to
+ * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
+ * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
+ */
+const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
+    return (jsxs(ModalFooter, { justifyContent: "flex-end", gap: 2, ...(bordered
+            ? {
+                bg: 'bg.surface',
+                borderTop: '1px solid',
+                borderColor: 'border.subtle',
+            }
+            : {}), ...rest, children: [onDelete && (jsxs(Button, { variant: "danger", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsx(TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsx(Button, { variant: "secondary", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsx(Button
+            // 5.0 has no colour axis: the deprecated `submitColorPalette` only
+            // picks between the two filled roles.
+            , { 
+                // 5.0 has no colour axis: the deprecated `submitColorPalette` only
+                // picks between the two filled roles.
+                variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
+};
+
+export { FormModalFooter };
+//# sourceMappingURL=FormModalFooter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalFooter.mjs","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTA,IAAC;;;;;;AAGC,gBAAA,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,YAAY,IAAI,cAAc,EAAA,QAAA,EAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}

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

@@ -0,0 +1,49 @@
+import { ComponentProps, ReactNode } from 'react';
+import { ButtonColorPalette } from '@/components/Button';
+import { ModalFooter } from '@/components/Modal';
+type ModalFooterProps = ComponentProps<typeof ModalFooter>;
+export interface FormModalFooterProps extends Omit<ModalFooterProps, 'children' | 'onSubmit' | 'title'> {
+    /**
+     * Optional left-aligned destructive action. Renders the standard danger
+     * delete button (trash glyph + label), pushed to the far left of the footer.
+     */
+    onDelete?: () => void;
+    /** Delete button label. Rendered verbatim (no default — the app owns copy). */
+    deleteLabel?: ReactNode;
+    /** Cancel/dismiss handler. */
+    onCancel: () => void;
+    /**
+     * Cancel button label. Required — a design-system component owns no copy, so
+     * the consuming app must supply the (translated) label.
+     */
+    cancelLabel: ReactNode;
+    /** Primary submit button label. */
+    submitLabel: ReactNode;
+    /** Palette for the primary button. Defaults to `primary`. */
+    submitColorPalette?: ButtonColorPalette;
+    /**
+     * In-flight state — shows the submit spinner and disables every button so the
+     * modal can't be dismissed or re-submitted mid-request.
+     */
+    isSubmitting?: boolean;
+    /**
+     * Extra disable condition for the primary button beyond `isSubmitting` — a
+     * pristine/invalid gate (e.g. `!name.trim()`).
+     */
+    submitDisabled?: boolean;
+    /**
+     * Submit via `onClick` instead of native form submission. Pass this for a
+     * portaled or no-`<form>` modal, where a `type="submit"` button can't reach
+     * the enclosing `<form>`. Omit inside a `<form onSubmit>` so the button stays
+     * `type="submit"` and Enter still submits.
+     */
+    onSubmit?: () => void;
+    /**
+     * Draw the scroll-separator chrome (surface background + top hairline). Set on
+     * a tall scroll-inside modal so the pinned footer reads as separate from the
+     * scrolling body; omit on a short modal.
+     */
+    bordered?: boolean;
+}
+export {};
+//# sourceMappingURL=FormModalFooter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { BoxProps } from '@chakra-ui/react';
+/**
+ * The scrolling body of a form panel: a full-height flex column that scrolls
+ * vertically, so a `position="sticky" bottom={0}` `FormFooter` pins to its
+ * bottom edge. Extracted from `FloatingPanelCard` so the same "scroll column +
+ * pinned footer" geometry can back any left-panel form without pulling in the
+ * card chrome.
+ */
+export declare const FormScrollArea: {
+    ({ children, ...rest }: PropsWithChildren<BoxProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FormScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormScrollArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormScrollArea/FormScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAO,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;4BAGxB,iBAAiB,CAAC,QAAQ,CAAC;;CAW7B,CAAC"}

package/dist/components/Form/FormScrollArea/FormScrollArea.js

@@ -0,0 +1,18 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+
+/**
+ * The scrolling body of a form panel: a full-height flex column that scrolls
+ * vertically, so a `position="sticky" bottom={0}` `FormFooter` pins to its
+ * bottom edge. Extracted from `FloatingPanelCard` so the same "scroll column +
+ * pinned footer" geometry can back any left-panel form without pulling in the
+ * card chrome.
+ */
+const FormScrollArea = ({ children, ...rest }) => (jsxRuntime.jsx(react.Box, { h: "100%", overflowY: "auto", position: "relative", display: "flex", flexDirection: "column", ...rest, children: children }));
+FormScrollArea.displayName = 'FormScrollArea';
+
+exports.FormScrollArea = FormScrollArea;
+//# sourceMappingURL=FormScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormScrollArea.js","sources":["../../../../src/components/Form/FormScrollArea/FormScrollArea.tsx"],"sourcesContent":[null],"names":["_jsx","Box"],"mappings":";;;;;;AAGA;;;;;;AAMG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,GAAG,IAAI,EACqB,MAC5BA,eAACC,SAAG,EAAA,EACF,CAAC,EAAC,MAAM,EACR,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EAAA,GAClB,IAAI,YAEP,QAAQ,EAAA,CACL;AAGR,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Form/FormScrollArea/FormScrollArea.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@chakra-ui/react';
+
+/**
+ * The scrolling body of a form panel: a full-height flex column that scrolls
+ * vertically, so a `position="sticky" bottom={0}` `FormFooter` pins to its
+ * bottom edge. Extracted from `FloatingPanelCard` so the same "scroll column +
+ * pinned footer" geometry can back any left-panel form without pulling in the
+ * card chrome.
+ */
+const FormScrollArea = ({ children, ...rest }) => (jsx(Box, { h: "100%", overflowY: "auto", position: "relative", display: "flex", flexDirection: "column", ...rest, children: children }));
+FormScrollArea.displayName = 'FormScrollArea';
+
+export { FormScrollArea };
+//# sourceMappingURL=FormScrollArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormScrollArea.mjs","sources":["../../../../src/components/Form/FormScrollArea/FormScrollArea.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGA;;;;;;AAMG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,GAAG,IAAI,EACqB,MAC5BA,IAAC,GAAG,EAAA,EACF,CAAC,EAAC,MAAM,EACR,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EAAA,GAClB,IAAI,YAEP,QAAQ,EAAA,CACL;AAGR,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -0,0 +1,2 @@
+export { FormScrollArea } from './FormScrollArea';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import { FormSectionProps } from './FormSection.types';
+type CollapsibleFormSectionProps = Pick<FormSectionProps, 'title' | 'action' | 'defaultOpen' | 'hasError' | 'gap' | 'children'>;
+/**
+ * The collapsible `FormSection` variant — delegates to the logician
+ * `CollapsibleSection` accordion (which owns its own layout, so container style
+ * overrides apply to the flat variant only). Requires a title.
+ */
+export declare const CollapsibleFormSection: ({ title, action, defaultOpen, hasError, gap, children, }: CollapsibleFormSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleFormSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFormSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,2BAA2B,GAAG,IAAI,CACrC,gBAAgB,EAChB,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,UAAU,GAAG,KAAK,GAAG,UAAU,CACrE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GAAI,0DAOpC,2BAA2B,4CAW7B,CAAC"}

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

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var CollapsibleSection = require('../../Workflow/canvas/CollapsibleSection/CollapsibleSection.js');
+require('react');
+require('../../Button/Button.js');
+require('../../Button/Button.styles.js');
+require('../../Icon/index.js');
+require('../../Menu/Menu.js');
+require('../../Menu/MenuItem.js');
+require('../../Menu/MenuList.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');
+require('../../Typography/Subtext.js');
+require('../../Typography/Subtitle.js');
+require('../../Typography/Text.js');
+require('../../Workflow/WorkflowContext/WorkflowContext.js');
+require('../../Input/Input.js');
+require('../../Toast/Toaster.js');
+require('../../Card/Card.js');
+require('../../IconButton/IconButton.js');
+require('../../IconButton/IconButton.styles.js');
+require('@xyflow/react');
+require('../../Chip/Chip.js');
+require('../../Badge/Badge.js');
+require('../../Workflow/canvas/NodeShell/NodeShell.styles.js');
+require('../../Workflow/graphObserver.js');
+require('@dagrejs/dagre');
+require('../../Workflow/canvas/Canvas/Canvas.js');
+
+/**
+ * The collapsible `FormSection` variant — delegates to the logician
+ * `CollapsibleSection` accordion (which owns its own layout, so container style
+ * overrides apply to the flat variant only). Requires a title.
+ */
+const CollapsibleFormSection = ({ title, action, defaultOpen = true, hasError = false, gap = 4, children, }) => (jsxRuntime.jsx(CollapsibleSection.CollapsibleSection, { label: title ?? '', defaultExpanded: defaultOpen, hasError: hasError, headerAction: action, children: jsxRuntime.jsx(react.VStack, { align: "stretch", gap: gap, w: "100%", children: children }) }));
+
+exports.CollapsibleFormSection = CollapsibleFormSection;
+//# sourceMappingURL=CollapsibleFormSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}

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

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { VStack } from '@chakra-ui/react';
+import { CollapsibleSection } from '../../Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs';
+import 'react';
+import '../../Button/Button.mjs';
+import '../../Button/Button.styles.mjs';
+import '../../Icon/index.mjs';
+import '../../Menu/Menu.mjs';
+import '../../Menu/MenuItem.mjs';
+import '../../Menu/MenuList.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 '../../Typography/Subtext.mjs';
+import '../../Typography/Subtitle.mjs';
+import '../../Typography/Text.mjs';
+import '../../Workflow/WorkflowContext/WorkflowContext.mjs';
+import '../../Input/Input.mjs';
+import '../../Toast/Toaster.mjs';
+import '../../Card/Card.mjs';
+import '../../IconButton/IconButton.mjs';
+import '../../IconButton/IconButton.styles.mjs';
+import '@xyflow/react';
+import '../../Chip/Chip.mjs';
+import '../../Badge/Badge.mjs';
+import '../../Workflow/canvas/NodeShell/NodeShell.styles.mjs';
+import '../../Workflow/graphObserver.mjs';
+import '@dagrejs/dagre';
+import '../../Workflow/canvas/Canvas/Canvas.mjs';
+
+/**
+ * The collapsible `FormSection` variant — delegates to the logician
+ * `CollapsibleSection` accordion (which owns its own layout, so container style
+ * overrides apply to the flat variant only). Requires a title.
+ */
+const CollapsibleFormSection = ({ title, action, defaultOpen = true, hasError = false, gap = 4, children, }) => (jsx(CollapsibleSection, { label: title ?? '', defaultExpanded: defaultOpen, hasError: hasError, headerAction: action, children: jsx(VStack, { align: "stretch", gap: gap, w: "100%", children: children }) }));
+
+export { CollapsibleFormSection };
+//# sourceMappingURL=CollapsibleFormSection.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}

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

@@ -0,0 +1,6 @@
+import { FormSectionProps } from './FormSection.types';
+type FlatFormSectionProps = Omit<FormSectionProps, 'collapsible' | 'defaultOpen' | 'hasError'>;
+/** The flat (non-collapsible) `FormSection` variant. */
+export declare const FlatFormSection: ({ title, titleAdornment, description, action, divider, gap, children, ...boxProps }: FlatFormSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FlatFormSection.d.ts.map

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,31 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+require('../../Typography/Caption.js');
+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,29 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Box } from '@chakra-ui/react';
+import '../../Typography/Caption.mjs';
+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"}