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

package/dist/components/Form/FieldRow/FieldRow.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormControl } from '../../FormControl/FormControl.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { FieldHelp } from '../FieldHelp/FieldHelp.mjs';
+import { FieldLabel } from '../FieldLabel/FieldLabel.mjs';
+
+/**
+ * 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 (jsxs(FormControl, { invalid: invalid ?? Boolean(error), ...rootProps, children: [(label != null || endAdornment != null) && (jsx(FieldLabel, { heading: label, description: description, endAdornment: endAdornment, ...labelProps })), children, helperText != null && jsx(FieldHelp, { children: helperText }), jsx(FieldError, { children: error })] }));
+};
+
+export { FieldRow };
+//# sourceMappingURL=FieldRow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.mjs","sources":["../../../../src/components/Form/FieldRow/FieldRow.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"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,IAAA,CAAC,WAAW,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,GAAA,CAAC,UAAU,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,IAAIA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,UAAU,EAAA,CAAa,EAC1DA,GAAA,CAAC,UAAU,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAc,CAAA,EAAA,CACpB;AAElB;;;;"}

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { FormControlProps } from '@/components/FormControl';
+import { FieldLabelProps } from '../FieldLabel';
+export interface FieldRowProps extends Omit<FormControlProps, 'label'> {
+    /** Field label heading. Omit for an unlabeled control row. */
+    label?: ReactNode;
+    /** Secondary description rendered under the label. */
+    description?: ReactNode;
+    /**
+     * Inline node at the right of the label row — a count badge, an action
+     * button, or a logician `InfoSprinkle` help popover.
+     */
+    endAdornment?: ReactNode;
+    /** Always-visible helper text rendered under the control. */
+    helperText?: ReactNode;
+    /**
+     * Error message. When set (and `invalid` is not explicitly overridden) the
+     * field renders as invalid, so the control gets `aria-invalid` and the error
+     * is announced and associated via `aria-describedby`.
+     */
+    error?: ReactNode;
+    /** The control (input/select/switch/…) this row wraps. */
+    children: ReactNode;
+    /** Extra props forwarded to the inner `FieldLabel` (e.g. custom `mb`). */
+    labelProps?: Omit<FieldLabelProps, 'heading' | 'description' | 'endAdornment'>;
+}
+//# sourceMappingURL=FieldRow.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldRow/FieldRow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACpE,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,IAAI,CACf,eAAe,EACf,SAAS,GAAG,aAAa,GAAG,cAAc,CAC3C,CAAC;CACH"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { FormFooterProps } from './FormFooter.types';
+/**
+ * The sticky footer shell shared by the form-in-sidebar surfaces — the studio
+ * settings footer and the image/video generation footers. It standardizes the
+ * chrome (sticky bottom, `bg.surface`, hairline top border) and lays out an
+ * optional left `start` slot against a right group of `meta` + `action`. The
+ * action's own loading/disabled state lives on the button passed in, so this is
+ * a pure layout shell.
+ */
+export declare const FormFooter: ({ start, meta, action, sticky, ...rest }: FormFooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormFooter.d.ts.map

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

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

package/dist/components/Form/FormFooter/FormFooter.js

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+
+/**
+ * The sticky footer shell shared by the form-in-sidebar surfaces — the studio
+ * settings footer and the image/video generation footers. It standardizes the
+ * chrome (sticky bottom, `bg.surface`, hairline top border) and lays out an
+ * optional left `start` slot against a right group of `meta` + `action`. The
+ * action's own loading/disabled state lives on the button passed in, so this is
+ * a pure layout shell.
+ */
+const FormFooter = ({ start, meta, action, sticky = true, ...rest }) => {
+    return (jsxRuntime.jsxs(react.Flex, { ...(sticky ? { position: 'sticky', bottom: 0 } : { flexShrink: 0 }), p: 4, borderTopWidth: "1px", borderColor: "border.subtle", w: "100%", bgColor: "bg.surface", justify: start ? 'space-between' : 'flex-end', align: "center", ...rest, children: [start, (meta != null || action != null) && (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 4, flex: start ? undefined : 1, children: [meta, action] }))] }));
+};
+
+exports.FormFooter = FormFooter;
+//# sourceMappingURL=FormFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.js","sources":["../../../../src/components/Form/FormFooter/FormFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex"],"mappings":";;;;;;AAIA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GAAG,IAAI,EACb,GAAG,IAAI,EACS,KAAI;IACpB,QACEA,eAAA,CAACC,UAAI,EAAA,EAAA,IACE,MAAM,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EACpE,CAAC,EAAE,CAAC,EACJ,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,eAAe,EAC3B,CAAC,EAAC,MAAM,EACR,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,KAAK,GAAG,eAAe,GAAG,UAAU,EAC7C,KAAK,EAAC,QAAQ,KACV,IAAI,EAAA,QAAA,EAAA,CAEP,KAAK,EACL,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,MAC9BD,eAAA,CAACC,UAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,CAAC,EAAA,QAAA,EAAA,CAE1B,IAAI,EACJ,MAAM,CAAA,EAAA,CACF,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/components/Form/FormFooter/FormFooter.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs } from 'react/jsx-runtime';
+import { Flex } from '@chakra-ui/react';
+
+/**
+ * The sticky footer shell shared by the form-in-sidebar surfaces — the studio
+ * settings footer and the image/video generation footers. It standardizes the
+ * chrome (sticky bottom, `bg.surface`, hairline top border) and lays out an
+ * optional left `start` slot against a right group of `meta` + `action`. The
+ * action's own loading/disabled state lives on the button passed in, so this is
+ * a pure layout shell.
+ */
+const FormFooter = ({ start, meta, action, sticky = true, ...rest }) => {
+    return (jsxs(Flex, { ...(sticky ? { position: 'sticky', bottom: 0 } : { flexShrink: 0 }), p: 4, borderTopWidth: "1px", borderColor: "border.subtle", w: "100%", bgColor: "bg.surface", justify: start ? 'space-between' : 'flex-end', align: "center", ...rest, children: [start, (meta != null || action != null) && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 4, flex: start ? undefined : 1, children: [meta, action] }))] }));
+};
+
+export { FormFooter };
+//# sourceMappingURL=FormFooter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.mjs","sources":["../../../../src/components/Form/FormFooter/FormFooter.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":";;;;AAIA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GAAG,IAAI,EACb,GAAG,IAAI,EACS,KAAI;IACpB,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,IACE,MAAM,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EACpE,CAAC,EAAE,CAAC,EACJ,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,eAAe,EAC3B,CAAC,EAAC,MAAM,EACR,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,KAAK,GAAG,eAAe,GAAG,UAAU,EAC7C,KAAK,EAAC,QAAQ,KACV,IAAI,EAAA,QAAA,EAAA,CAEP,KAAK,EACL,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,MAC9BA,IAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,CAAC,EAAA,QAAA,EAAA,CAE1B,IAAI,EACJ,MAAM,CAAA,EAAA,CACF,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { FlexProps } from '@chakra-ui/react';
+export interface FormFooterProps extends Omit<FlexProps, 'children'> {
+    /**
+     * Left-aligned slot — typically a destructive or back action (e.g. delete).
+     * When present the footer justifies its content `space-between`; otherwise the
+     * right group fills the width.
+     */
+    start?: ReactNode;
+    /**
+     * Right-aligned metadata rendered before the action — a saved-at timestamp or
+     * a credit cost.
+     */
+    meta?: ReactNode;
+    /** The primary action, right-aligned. */
+    action?: ReactNode;
+    /**
+     * Pin the footer to the bottom of its scroll container. Defaults to true; set
+     * false for a footer that flows at the end of non-scrolling content.
+     */
+    sticky?: boolean;
+}
+//# sourceMappingURL=FormFooter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormFooter/FormFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { FormModalFooterProps } from './FormModalFooter.types';
+/**
+ * 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.
+ */
+export declare const FormModalFooter: ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette, isSubmitting, submitDisabled, onSubmit, bordered, ...rest }: FormModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormModalFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,4CAgDtB,CAAC"}

package/dist/components/Form/FormModalFooter/FormModalFooter.js

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Button = require('../../Button/Button.js');
+var index = require('../../Icon/index.js');
+require('react');
+require('@chakra-ui/react');
+require('../../Modal/ModalContext.js');
+require('../../IconButton/IconButton.js');
+require('../../IconButton/IconButton.styles.js');
+require('../../ScaledContext/ScaledContext.js');
+var ModalFooter = require('../../Modal/ModalFooter/ModalFooter.js');
+
+/**
+ * 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 (jsxRuntime.jsxs(ModalFooter.ModalFooter, { justifyContent: "flex-end", gap: 2, ...(bordered
+            ? {
+                bg: 'bg.surface',
+                borderTop: '1px solid',
+                borderColor: 'border.subtle',
+            }
+            : {}), ...rest, children: [onDelete && (jsxRuntime.jsxs(Button.Button, { colorPalette: "danger", variant: "solid", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsxRuntime.jsx(index.TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsxRuntime.jsx(Button.Button, { colorPalette: "neutral", variant: "outline", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsxRuntime.jsx(Button.Button, { colorPalette: submitColorPalette, variant: "solid", type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
+};
+
+exports.FormModalFooter = FormModalFooter;
+//# sourceMappingURL=FormModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalFooter.js","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","ModalFooter","Button","_jsx","TrashIcon"],"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,eAAA,CAACC,uBAAW,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;cACD,EAAE,CAAC,EAAA,GACH,IAAI,aAEP,QAAQ,KACPD,eAAA,CAACE,aAAM,EAAA,EACL,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,cAAA,CAACC,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,GAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDD,cAAA,CAACD,aAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,GACL,EACTC,cAAA,CAACD,aAAM,EAAA,EACL,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAC,OAAO,EACf,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.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '../../Button/Button.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';
+
+/**
+ * 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, { colorPalette: "danger", variant: "solid", type: "button", onClick: onDelete, disabled: isSubmitting, mr: "auto", children: [jsx(TrashIcon, { boxSize: "sm" }), deleteLabel] })), jsx(Button, { colorPalette: "neutral", variant: "outline", type: "button", onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), jsx(Button, { colorPalette: submitColorPalette, variant: "solid", 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;cACD,EAAE,CAAC,EAAA,GACH,IAAI,aAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAC,OAAO,EACf,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,GAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,GACL,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAC,OAAO,EACf,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,46 @@
+"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('../../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,44 @@
+"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 '../../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;;;;"}