@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.1

package/dist/esm/components/resources/skeleton/FormLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport {\n  FormLayoutSlotContext,\n  type FormLayoutSlotType,\n} from './FormLayoutSlotContext';\nimport { FormErrorSummarySlot } from './FormErrorSummarySlot';\nimport { SubmitButton } from './SubmitButton';\nimport { useOptionalFormTemplateContext } from '../../form/automated/FormTemplateContext';\nimport { useOptionalResourceFormActions } from '../../form/automated/ResourceFormActionsContext';\nimport { ContentSectionContainer } from '../../sections/ContentSectionContainer';\nimport type { ContentSectionDescriptor } from '../../sections/ContentSectionContainer';\nimport {\n  groupSectionsByAppearance,\n  buildSectionConfigFromGroup,\n} from './section-consolidation.utils';\nimport { GroupedSectionBody, type SectionProps } from './Section';\nimport { GroupedSectionHostKind } from './Section.shared';\n\nexport interface FormLayoutProps {\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * Context field values to inject into form state.\n   * Fields present here are hidden from rendering but populate\n   * the form state for validation and submission (e.g., parent IDs).\n   */\n  contextFieldValues?: Record<string, unknown>;\n  /**\n   * When `false`, suppresses automatic `<SubmitButton>` injection even if no\n   * submit slot is registered by children. The generated-template path sets\n   * this via `generateDefaultFormTemplate({ includeSubmitButton: false })`.\n   *\n   * Note: under `ResourceAutomatedForm`, suppression is automatic regardless\n   * of this prop — the host provides `ResourceFormActionsContext` and renders\n   * its own operation-aware submit row after the template, so developer-\n   * authored templates can use a bare `<FormLayout>` without ending up with\n   * two submit buttons. This prop only matters for standalone usage\n   * (direct `AutomatedForm` callers outside a resource form host).\n   * @default true\n   */\n  autoInjectSubmitButton?: boolean;\n  children?: ReactNode;\n}\n\ninterface AutoSlotsState {\n  errorSummary: boolean;\n  submitButton: boolean;\n}\n\n/**\n * Root wrapper for edit layout templates.\n *\n * Renders inside `<Form>` (RHF provider). Handles:\n * - Root `FieldScopeContext` with empty prefix\n * - Slot auto-detection: default error summary / submit when omitted (DT-6); no default submit under wizard,\n *   nor when a resource-form host owns the submit row (`ResourceFormActionsContext` present —\n *   `ResourceAutomatedForm` appends its operation-aware buttons after the template)\n * - Guidance marker for automated testing (DT-9)\n *\n * TODO(F-10): AutoFocus resolution — scan children for first focusable FormField and call focus().\n * Note: `contextFieldValues` are injected upstream by `AutomatedForm`; generated\n * templates hide those fields before rendering, while handwritten templates can\n * still opt into custom treatment when needed.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <Section name=\"general\">\n *     <FormField name=\"title\" />\n *   </Section>\n *   <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormLayout({\n  className,\n  children,\n  contextFieldValues: _contextFieldValues,\n  autoInjectSubmitButton = true,\n}: FormLayoutProps): ReactNode {\n  const registeredSlots = useRef(new Set<FormLayoutSlotType>());\n  const wizardRootRegistered = useRef(false);\n  const [autoSlots, setAutoSlots] = useState<AutoSlotsState>({\n    errorSummary: false,\n    submitButton: false,\n  });\n\n  // A non-null ResourceFormActionsContext means a resource-form host\n  // (ResourceAutomatedForm) renders its own operation-aware submit row after\n  // the template — auto-injecting a generic SubmitButton here would produce a\n  // second submit button. Explicit templates authored app-side use a bare\n  // <FormLayout>, so this suppression cannot be a prop on the call site.\n  const hostOwnsSubmitRow = useOptionalResourceFormActions() !== null;\n\n  const registerSlot = useCallback((slot: FormLayoutSlotType) => {\n    registeredSlots.current.add(slot);\n  }, []);\n\n  const registerWizardRoot = useCallback(() => {\n    wizardRootRegistered.current = true;\n  }, []);\n\n  const slotContextValue = useMemo(\n    () => ({ registerSlot, registerWizardRoot }),\n    [registerSlot, registerWizardRoot],\n  );\n\n  // After children mount and register their slots, detect missing ones (next frame so layout effects have run).\n  useLayoutEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      const missing: AutoSlotsState = {\n        errorSummary: !registeredSlots.current.has('errorSummary'),\n        submitButton:\n          autoInjectSubmitButton &&\n          !hostOwnsSubmitRow &&\n          !wizardRootRegistered.current &&\n          !registeredSlots.current.has('submitButton'),\n      };\n      if (missing.errorSummary || missing.submitButton) {\n        setAutoSlots(missing);\n      }\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [autoInjectSubmitButton, hostOwnsSubmitRow]);\n\n  const formCtx = useOptionalFormTemplateContext();\n  const renderedChildren = useMemo(\n    () => renderGroupedChildren(children, formCtx),\n    [children, formCtx],\n  );\n\n  return (\n    <FormLayoutSlotContext.Provider value={slotContextValue}>\n      <FieldScopeProvider pathPrefix=\"\">\n        {/*\n          T4c — reading-measure cap. A single-column form column caps at\n          `--measure-max-width` (~42rem) and aligns to the LEFT of the content\n          zone, so detail/settings forms stop stretching edge-to-edge while\n          staying flush with the left-aligned resource header (no centred\n          gutter). `max-w` only engages when the container is wider than the\n          measure, so a form inside a narrow dialog / panel is unaffected.\n          Retune/opt-out via the CSS var or by overriding `className`.\n        */}\n        <div\n          className={cn('mr-auto w-full max-w-[var(--measure-max-width,42rem)]', className)}\n          data-guidance-form=\"\"\n        >\n          <ErrorBoundary>\n            {autoSlots.errorSummary ? <FormErrorSummarySlot className=\"mb-4\" /> : null}\n            {/* `space-y-section` separates stacked SECTIONS with a clear gap (see\n                DisplayLayout for the rationale). Wrapped separately from the\n                error-summary / submit slots so it never compounds their own\n                margins. Bare SETTINGS_ROW field rows are self-delimiting list\n                items (`py-card-sm` + `border-b`), so consecutive rows stack\n                FLUSH — same pairwise rule as DisplayLayout (see its comment for\n                why the attribute match must be `^=settings`, never the\n                underscore-carrying `=settings_row`). */}\n            <div className=\"space-y-section [&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0\">{renderedChildren}</div>\n            {autoSlots.submitButton ? <SubmitButton className=\"mt-6\" /> : null}\n          </ErrorBoundary>\n        </div>\n      </FieldScopeProvider>\n    </FormLayoutSlotContext.Provider>\n  );\n}\n\n/**\n * Introspects children for `<Section>` elements with container-mode `appearance`.\n * Groups sections sharing the same container mode into a `ContentSectionContainer`.\n * Solo-mode sections and non-Section children render in place.\n */\nfunction renderGroupedChildren(\n  children: ReactNode,\n  formCtx: ReturnType<typeof useOptionalFormTemplateContext>,\n): ReactNode {\n  const grouped = groupSectionsByAppearance(children);\n\n  return (\n    <>\n      {grouped.items.map((item, idx) => {\n        if (item.type === 'node') {\n          return <React.Fragment key={idx}>{item.node}</React.Fragment>;\n        }\n\n        const { group } = item;\n        const config = buildSectionConfigFromGroup(group);\n        const sectionLabels = formCtx?.sectionLabels ?? {};\n        const sectionDescriptions = formCtx?.sectionDescriptions ?? {};\n\n        const contentSections: ContentSectionDescriptor[] = group.sections.map((el) => ({\n          id: el.props.name,\n          title: sectionLabels[el.props.name],\n          description: sectionDescriptions[el.props.name],\n          content: (\n            <GroupedSectionContent\n              sectionProps={el.props}\n              providesHeading={!!sectionLabels[el.props.name]}\n            />\n          ),\n        }));\n\n        return (\n          <ContentSectionContainer\n            key={`group-${group.mode}-${idx}`}\n            sections={contentSections}\n            config={config}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Wraps an individual grouped section's content with section-level behaviors\n * (chromeMode, saveable) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n  sectionProps,\n  providesHeading,\n}: {\n  sectionProps: Pick<SectionProps, 'name' | 'children' | 'chromeMode' | 'saveable' | 'className' | 'disabled'>;\n  providesHeading?: boolean;\n}): ReactNode {\n  return (\n    <GroupedSectionBody\n      hostKind={GroupedSectionHostKind.FORM}\n      sectionProps={sectionProps}\n      providesHeading={providesHeading}\n    />\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/FormLayoutSlotContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutSlotContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEjE,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,+EAA+E;IAC/E,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,qDAAyD,CAAC;AAE5F;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAKlE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAKhD"}
+{"version":3,"file":"FormLayoutSlotContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEjE,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,+EAA+E;IAC/E,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,qDAAyD,CAAC;AAE5F;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAKlE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAKhD"}

package/dist/esm/components/resources/skeleton/FormLayoutSlotContext.js

@@ -21,4 +21,4 @@ export function useWizardRootRegistration() {
         ctx?.registerWizardRoot();
     }, [ctx]);
 }
-//# sourceMappingURL=FormLayoutSlotContext.js.map
+//# sourceMappingURL=FormLayoutSlotContext.js.map

package/dist/esm/components/resources/skeleton/FormLayoutSlotContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutSlotContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAUnE,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AAE5F;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAwB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,kBAAkB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}
+{"version":3,"file":"FormLayoutSlotContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAUnE,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AAE5F;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAwB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,kBAAkB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, useLayoutEffect } from 'react';\n\nexport type FormLayoutSlotType = 'errorSummary' | 'submitButton';\n\nexport interface FormLayoutSlotContextValue {\n  registerSlot: (slot: FormLayoutSlotType) => void;\n  /** Set when `WizardLayout` mounts; suppresses auto-injected `SubmitButton`. */\n  registerWizardRoot: () => void;\n}\n\nexport const FormLayoutSlotContext = createContext<FormLayoutSlotContextValue | null>(null);\n\n/**\n * Hook for slot components (`FormErrorSummarySlot`, `SubmitButton`) to register their presence.\n * `FormLayout` uses this to know which slots are manually placed by the template author,\n * and auto-injects defaults for any missing slots.\n */\nexport function useSlotRegistration(slot: FormLayoutSlotType): void {\n  const ctx = useContext(FormLayoutSlotContext);\n  useLayoutEffect(() => {\n    ctx?.registerSlot(slot);\n  }, [slot, ctx]);\n}\n\n/**\n * Called by `WizardLayout` on mount so `FormLayout` does not append a default `SubmitButton`.\n */\nexport function useWizardRootRegistration(): void {\n  const ctx = useContext(FormLayoutSlotContext);\n  useLayoutEffect(() => {\n    ctx?.registerWizardRoot();\n  }, [ctx]);\n}\n"]}

package/dist/esm/components/resources/skeleton/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,SAAS,CAc1E;yBAde,KAAK"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,SAAS,CAc1E;yBAde,KAAK"}

package/dist/esm/components/resources/skeleton/Group.js

@@ -31,4 +31,4 @@ export function Group({ name, className, children }) {
     return (_jsxs("div", { className: className, "data-guidance-group": name, children: [title && _jsx(Subheading, { level: 3, className: "mb-element", children: title }), children] }));
 }
 Group.displayName = 'Group';
-//# sourceMappingURL=Group.js.map
+//# sourceMappingURL=Group.js.map

package/dist/esm/components/resources/skeleton/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAetD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAc;IAC7D,MAAM,OAAO,GAAG,8BAA8B,EAAE,CAAC;IACjD,MAAM,UAAU,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,KAAK,GACT,OAAO,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC;QAC5B,UAAU,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,yBAAuB,IAAI,aACjD,KAAK,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,YAAE,KAAK,GAAc,EAC1E,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAetD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAc;IAC7D,MAAM,OAAO,GAAG,8BAA8B,EAAE,CAAC;IACjD,MAAM,UAAU,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,KAAK,GACT,OAAO,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC;QAC5B,UAAU,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,yBAAuB,IAAI,aACjD,KAAK,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,YAAE,KAAK,GAAc,EAC1E,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useOptionalFormTemplateContext } from '../../form/automated/FormTemplateContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\nimport { Subheading } from '../../typography/heading';\n\nexport interface GroupProps {\n  /**\n   * Structural ref — maps to i18n keys for title:\n   * - `resources.{type}.groups.{name}.title`\n   *\n   * Must match an entry in `layout.refs.groups`.\n   */\n  name: string;\n  /** Additional CSS classes for the group container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Visual grouping for form and display templates.\n *\n * Groups fields with an optional i18n title resolved from:\n *   formCtx.groupLabels → displayCtx.groupLabels\n *\n * Groups and sections are distinct concepts with separate i18n namespaces\n * (`resources.{type}.groups.{ref}.title` vs `resources.{type}.sections.{ref}.title`).\n * No cross-pollination between the two.\n *\n * @example\n * ```tsx\n * <DisplayLayout>\n *   <Group name=\"contact\" className=\"hidden md:block\">\n *     <DisplayField name=\"email\" />\n *     <DisplayField name=\"phone\" />\n *   </Group>\n * </DisplayLayout>\n * ```\n */\nexport function Group({ name, className, children }: GroupProps): ReactNode {\n  const formCtx = useOptionalFormTemplateContext();\n  const displayCtx = useOptionalDisplayTemplateContext();\n\n  const title =\n    formCtx?.groupLabels?.[name] ??\n    displayCtx?.groupLabels?.[name];\n\n  return (\n    <div className={className} data-guidance-group={name}>\n      {title && <Subheading level={3} className=\"mb-element\">{title}</Subheading>}\n      {children}\n    </div>\n  );\n}\n\nGroup.displayName = 'Group';\n"]}

package/dist/esm/components/resources/skeleton/ObjectScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectScope.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/ObjectScope.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,SAAS,CActF"}
+{"version":3,"file":"ObjectScope.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ObjectScope.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,SAAS,CActF"}

package/dist/esm/components/resources/skeleton/ObjectScope.js

@@ -39,4 +39,4 @@ export function ObjectScope({ name, className, children }) {
     }
     return content;
 }
-//# sourceMappingURL=ObjectScope.js.map
+//# sourceMappingURL=ObjectScope.js.map

package/dist/esm/components/resources/skeleton/ObjectScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectScope.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/ObjectScope.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAaxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB;IACzE,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnE,MAAM,OAAO,GAAG,CACd,KAAC,kBAAkB,IAAC,UAAU,EAAE,cAAc,YAC3C,QAAQ,GACU,CACtB,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,OAAO,GAAO,CAAC;IACpD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"ObjectScope.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ObjectScope.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAaxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB;IACzE,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnE,MAAM,OAAO,GAAG,CACd,KAAC,kBAAkB,IAAC,UAAU,EAAE,cAAc,YAC3C,QAAQ,GACU,CACtB,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,OAAO,GAAO,CAAC;IACpD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { FieldScopeProvider, useFieldScope } from './FieldScopeContext';\n\nexport interface ObjectScopeProps {\n  /**\n   * Name of the nested object field in the parent schema.\n   * Children use relative field names that resolve against this scope.\n   */\n  name: string;\n  /** Additional CSS classes for the scope container (rendered only when provided). */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Establishes a `FieldScopeContext` for nested object fields.\n *\n * Children use **relative** field names that compose with the scope:\n * `<ObjectScope name=\"address\">` + `<FormField name=\"street\" />` → `\"address.street\"`\n *\n * Scopes compose naturally for deep nesting:\n * ```\n * <ObjectScope name=\"company\">\n *   <ObjectScope name=\"address\">\n *     <FormField name=\"street\" />  → \"company.address.street\"\n *   </ObjectScope>\n * </ObjectScope>\n * ```\n *\n * @example\n * ```tsx\n * <Section name=\"shipping\">\n *   <ObjectScope name=\"address\">\n *     <div className=\"grid grid-cols-2 gap-4\">\n *       <FormField name=\"street\" className=\"col-span-2\" />\n *       <FormField name=\"city\" />\n *       <FormField name=\"zipCode\" />\n *     </div>\n *     <FormField name=\"country\" />\n *   </ObjectScope>\n * </Section>\n * ```\n */\nexport function ObjectScope({ name, className, children }: ObjectScopeProps): ReactNode {\n  const { pathPrefix } = useFieldScope();\n  const composedPrefix = pathPrefix ? `${pathPrefix}.${name}` : name;\n\n  const content = (\n    <FieldScopeProvider pathPrefix={composedPrefix}>\n      {children}\n    </FieldScopeProvider>\n  );\n\n  if (className) {\n    return <div className={className}>{content}</div>;\n  }\n  return content;\n}\n"]}

package/dist/esm/components/resources/skeleton/ResourceHeaderTitle.d.ts

@@ -0,0 +1,76 @@
+/**
+ * ResourceHeaderTitle — the record's page TITLE as a first-class, composable
+ * element of an authored `layout.header` template.
+ *
+ * ## Why the header needs a template flow at all
+ *
+ * The READ page header owns a fixed band: back button, breadcrumb, resource
+ * icon, the record's name, and the operation action cluster. Everything a
+ * resource wanted to show ABOUT the record (a status badge, a visibility
+ * marker, an accent colour) could previously only render in the `layout.display`
+ * body BELOW that band — so the identity line said the record's name and nothing
+ * else, while "is this archived? is it public?" sat in a separate labelled strip
+ * underneath.
+ *
+ * `layout.header` closes that by letting the resource compose the middle of the
+ * band itself. It is the same shape the SUMMARY surface already uses
+ * (`SummaryLayout` / `SummaryTitle`), for the same reason recorded there: a
+ * host-owned title plus a bolt-on accessory slot cannot express "badge AFTER the
+ * name" or "swatch BEFORE it", whereas a template that places the title element
+ * itself can express any of them with no extra config axis.
+ *
+ * ## Contract
+ *
+ * The header cedes the middle region to the template the moment `layout.header`
+ * exists, so a template that never mounts `<ResourceHeaderTitle />` renders a
+ * page with NO record name. That is loud in development (see the diagnostic in
+ * `ResourceLayout_Header`) rather than silent.
+ *
+ * Renders nothing when the host resolved no label (a surface that shows a
+ * generic operation title rather than one record's name) — the presence of a
+ * label is the single data-driven signal that there is a title to place.
+ */
+import React from 'react';
+export interface ResourceHeaderContextValue {
+    /** Resource type key of the record whose header is rendering. */
+    resourceType: string;
+    /**
+     * Resolved record title (the `getFrontendResourceLabel` result, or the
+     * operation/resource title fallback), or `null` when this surface has no
+     * record-specific name to show — `<ResourceHeaderTitle />` then renders nothing.
+     */
+    title: string | null;
+    /**
+     * Dev-diagnostic seam: `<ResourceHeaderTitle />` flips `titleMounted` when it
+     * renders, letting the header detect an authored template that never places
+     * the title. Mutable-ref shape (not state) on purpose — the flag is read only
+     * after render and must never schedule a re-render.
+     */
+    titleMountTracker?: {
+        titleMounted: boolean;
+    };
+}
+export interface ResourceHeaderContextProviderProps {
+    value: ResourceHeaderContextValue;
+    children: React.ReactNode;
+}
+/** Provides the resolved record title to an authored header template tree. */
+export declare function ResourceHeaderContextProvider({ value, children, }: ResourceHeaderContextProviderProps): React.JSX.Element;
+/**
+ * Read the header context, or `null` when a header template is rendered outside
+ * `ResourceLayout_Header` (e.g. previewed in isolation).
+ */
+export declare function useOptionalResourceHeaderContext(): ResourceHeaderContextValue | null;
+/** @wildo_source:part:start saas.frontend.resource-header-title facet:layer:frontend facet:family:resource-ui */
+export interface ResourceHeaderTitleProps {
+    /** Extra classes merged over the default page-title styling. */
+    className?: string;
+}
+/**
+ * The record's name, rendered with the page-header typography the default
+ * (template-less) header uses — so authoring a header template is visually
+ * neutral for the title itself and only adds what the template places around it.
+ */
+export declare function ResourceHeaderTitle({ className }: ResourceHeaderTitleProps): React.JSX.Element | null;
+/** @wildo_source:part:end saas.frontend.resource-header-title */
+//# sourceMappingURL=ResourceHeaderTitle.d.ts.map

package/dist/esm/components/resources/skeleton/ResourceHeaderTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceHeaderTitle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ResourceHeaderTitle.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,YAAY,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC;CAC/C;AAID,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,0BAA0B,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,8EAA8E;AAC9E,wBAAgB,6BAA6B,CAAC,EAC5C,KAAK,EACL,QAAQ,GACT,EAAE,kCAAkC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAExD;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,IAAI,0BAA0B,GAAG,IAAI,CAEpF;AAMD,iHAAiH;AACjH,MAAM,WAAW,wBAAwB;IACvC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoBrG;AACD,iEAAiE"}

package/dist/esm/components/resources/skeleton/ResourceHeaderTitle.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ResourceHeaderTitle — the record's page TITLE as a first-class, composable
+ * element of an authored `layout.header` template.
+ *
+ * ## Why the header needs a template flow at all
+ *
+ * The READ page header owns a fixed band: back button, breadcrumb, resource
+ * icon, the record's name, and the operation action cluster. Everything a
+ * resource wanted to show ABOUT the record (a status badge, a visibility
+ * marker, an accent colour) could previously only render in the `layout.display`
+ * body BELOW that band — so the identity line said the record's name and nothing
+ * else, while "is this archived? is it public?" sat in a separate labelled strip
+ * underneath.
+ *
+ * `layout.header` closes that by letting the resource compose the middle of the
+ * band itself. It is the same shape the SUMMARY surface already uses
+ * (`SummaryLayout` / `SummaryTitle`), for the same reason recorded there: a
+ * host-owned title plus a bolt-on accessory slot cannot express "badge AFTER the
+ * name" or "swatch BEFORE it", whereas a template that places the title element
+ * itself can express any of them with no extra config axis.
+ *
+ * ## Contract
+ *
+ * The header cedes the middle region to the template the moment `layout.header`
+ * exists, so a template that never mounts `<ResourceHeaderTitle />` renders a
+ * page with NO record name. That is loud in development (see the diagnostic in
+ * `ResourceLayout_Header`) rather than silent.
+ *
+ * Renders nothing when the host resolved no label (a surface that shows a
+ * generic operation title rather than one record's name) — the presence of a
+ * label is the single data-driven signal that there is a title to place.
+ */
+import { createContext, useContext } from 'react';
+import { cn } from '../../../core/ui/cn.js';
+const ResourceHeaderContext = createContext(null);
+/** Provides the resolved record title to an authored header template tree. */
+export function ResourceHeaderContextProvider({ value, children, }) {
+    return _jsx(ResourceHeaderContext.Provider, { value: value, children: children });
+}
+/**
+ * Read the header context, or `null` when a header template is rendered outside
+ * `ResourceLayout_Header` (e.g. previewed in isolation).
+ */
+export function useOptionalResourceHeaderContext() {
+    return useContext(ResourceHeaderContext);
+}
+/**
+ * The record's name, rendered with the page-header typography the default
+ * (template-less) header uses — so authoring a header template is visually
+ * neutral for the title itself and only adds what the template places around it.
+ */
+export function ResourceHeaderTitle({ className }) {
+    const header = useOptionalResourceHeaderContext();
+    // Register with the missing-title diagnostic BEFORE the empty-title early
+    // return: mounting the element discharges the template's contract even when
+    // this particular record resolves no label (data-driven, not an authoring bug).
+    if (header?.titleMountTracker)
+        header.titleMountTracker.titleMounted = true;
+    const title = header?.title;
+    if (!title)
+        return null;
+    return (
+    // `min-w-0` + truncate so a long record name shrinks instead of pushing the
+    // template's trailing badges out of the band. No `flex-1`: the title claims
+    // only the space it needs, which is what keeps an authored badge HUGGING the
+    // name rather than being flung to the far end of the row (the same
+    // composition lesson recorded on `SummaryTitle`).
+    _jsx("h2", { className: cn('min-w-0 truncate text-xl font-semibold text-foreground', className), children: title }));
+}
+//# sourceMappingURL=ResourceHeaderTitle.js.map

package/dist/esm/components/resources/skeleton/ResourceHeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceHeaderTitle.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ResourceHeaderTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AA0BpD,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AAOrF,8EAA8E;AAC9E,MAAM,UAAU,6BAA6B,CAAC,EAC5C,KAAK,EACL,QAAQ,GAC2B;IACnC,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAkC,CAAC;AACnG,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gCAAgC;IAC9C,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C,CAAC;AAYD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAA4B;IACzE,MAAM,MAAM,GAAG,gCAAgC,EAAE,CAAC;IAClD,0EAA0E;IAC1E,4EAA4E;IAC5E,gFAAgF;IAChF,IAAI,MAAM,EAAE,iBAAiB;QAAE,MAAM,CAAC,iBAAiB,CAAC,YAAY,GAAG,IAAI,CAAC;IAE5E,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,CAAC;IAC5B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO;IACL,4EAA4E;IAC5E,4EAA4E;IAC5E,6EAA6E;IAC7E,mEAAmE;IACnE,kDAAkD;IAClD,aAAI,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,SAAS,CAAC,YACnF,KAAK,GACH,CACN,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * ResourceHeaderTitle — the record's page TITLE as a first-class, composable\n * element of an authored `layout.header` template.\n *\n * ## Why the header needs a template flow at all\n *\n * The READ page header owns a fixed band: back button, breadcrumb, resource\n * icon, the record's name, and the operation action cluster. Everything a\n * resource wanted to show ABOUT the record (a status badge, a visibility\n * marker, an accent colour) could previously only render in the `layout.display`\n * body BELOW that band — so the identity line said the record's name and nothing\n * else, while \"is this archived? is it public?\" sat in a separate labelled strip\n * underneath.\n *\n * `layout.header` closes that by letting the resource compose the middle of the\n * band itself. It is the same shape the SUMMARY surface already uses\n * (`SummaryLayout` / `SummaryTitle`), for the same reason recorded there: a\n * host-owned title plus a bolt-on accessory slot cannot express \"badge AFTER the\n * name\" or \"swatch BEFORE it\", whereas a template that places the title element\n * itself can express any of them with no extra config axis.\n *\n * ## Contract\n *\n * The header cedes the middle region to the template the moment `layout.header`\n * exists, so a template that never mounts `<ResourceHeaderTitle />` renders a\n * page with NO record name. That is loud in development (see the diagnostic in\n * `ResourceLayout_Header`) rather than silent.\n *\n * Renders nothing when the host resolved no label (a surface that shows a\n * generic operation title rather than one record's name) — the presence of a\n * label is the single data-driven signal that there is a title to place.\n */\n\nimport React, { createContext, useContext } from 'react';\n\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\n// =============================================================================\n// CONTEXT\n// =============================================================================\n\nexport interface ResourceHeaderContextValue {\n  /** Resource type key of the record whose header is rendering. */\n  resourceType: string;\n\n  /**\n   * Resolved record title (the `getFrontendResourceLabel` result, or the\n   * operation/resource title fallback), or `null` when this surface has no\n   * record-specific name to show — `<ResourceHeaderTitle />` then renders nothing.\n   */\n  title: string | null;\n\n  /**\n   * Dev-diagnostic seam: `<ResourceHeaderTitle />` flips `titleMounted` when it\n   * renders, letting the header detect an authored template that never places\n   * the title. Mutable-ref shape (not state) on purpose — the flag is read only\n   * after render and must never schedule a re-render.\n   */\n  titleMountTracker?: { titleMounted: boolean };\n}\n\nconst ResourceHeaderContext = createContext<ResourceHeaderContextValue | null>(null);\n\nexport interface ResourceHeaderContextProviderProps {\n  value: ResourceHeaderContextValue;\n  children: React.ReactNode;\n}\n\n/** Provides the resolved record title to an authored header template tree. */\nexport function ResourceHeaderContextProvider({\n  value,\n  children,\n}: ResourceHeaderContextProviderProps): React.JSX.Element {\n  return <ResourceHeaderContext.Provider value={value}>{children}</ResourceHeaderContext.Provider>;\n}\n\n/**\n * Read the header context, or `null` when a header template is rendered outside\n * `ResourceLayout_Header` (e.g. previewed in isolation).\n */\nexport function useOptionalResourceHeaderContext(): ResourceHeaderContextValue | null {\n  return useContext(ResourceHeaderContext);\n}\n\n// =============================================================================\n// TITLE ELEMENT\n// =============================================================================\n\n/** @wildo_source:part:start saas.frontend.resource-header-title facet:layer:frontend facet:family:resource-ui */\nexport interface ResourceHeaderTitleProps {\n  /** Extra classes merged over the default page-title styling. */\n  className?: string;\n}\n\n/**\n * The record's name, rendered with the page-header typography the default\n * (template-less) header uses — so authoring a header template is visually\n * neutral for the title itself and only adds what the template places around it.\n */\nexport function ResourceHeaderTitle({ className }: ResourceHeaderTitleProps): React.JSX.Element | null {\n  const header = useOptionalResourceHeaderContext();\n  // Register with the missing-title diagnostic BEFORE the empty-title early\n  // return: mounting the element discharges the template's contract even when\n  // this particular record resolves no label (data-driven, not an authoring bug).\n  if (header?.titleMountTracker) header.titleMountTracker.titleMounted = true;\n\n  const title = header?.title;\n  if (!title) return null;\n\n  return (\n    // `min-w-0` + truncate so a long record name shrinks instead of pushing the\n    // template's trailing badges out of the band. No `flex-1`: the title claims\n    // only the space it needs, which is what keeps an authored badge HUGGING the\n    // name rather than being flung to the far end of the row (the same\n    // composition lesson recorded on `SummaryTitle`).\n    <h2 className={cn('min-w-0 truncate text-xl font-semibold text-foreground', className)}>\n      {title}\n    </h2>\n  );\n}\n/** @wildo_source:part:end saas.frontend.resource-header-title */\n"]}

package/dist/esm/components/resources/skeleton/Section.d.ts

@@ -2,7 +2,7 @@ import { type ReactNode } from 'react';
 import { SectionMode, DisplayDirection } from '@wildo-ai/zod-decorators';
 import type { ResponsiveChromeMode } from '@wildo-ai/zod-decorators';
 import type { GapSize } from '@wildo-ai/presets-components-models';
-import { GroupedSectionHostKind } from './Section.shared.js';
+import { GroupedSectionHostKind } from './Section.shared';
 /**
  * Shared properties across all `SectionProps` variants.
  */
@@ -21,11 +21,34 @@ type SectionBaseProps = {
     saveable?: boolean;
     /**
      * Override chrome mode for all fields within this section.
-     * Cascade: field decorator → section chromeMode → form chromeMode → STACKED.
+     * Cascade: field decorator → section chromeMode → form/display chromeMode
+     * → surface policy → STACKED.
      */
     chromeMode?: ResponsiveChromeMode;
     /** Whether this section is disabled. */
     disabled?: boolean;
+    /**
+     * Suppress the section's resolved TITLE (legend) while keeping the rest of the
+     * section intact. Independent from {@link SectionBaseProps.hideDescription} —
+     * the two are separate concerns.
+     *
+     * Honored for the **solo** modes (DEFAULT / CARD / GHOST / COLLAPSIBLE), i.e.
+     * the modes a `<Section>` renders itself. Container/grouped modes (GRID / TABS
+     * / …) take their heading from the layout host and ignore this flag.
+     *
+     * Hiding the title also releases the heading-dedup signal
+     * ({@link SectionHostHeadingContext}), so an embedded resource surface is free
+     * to render its own heading again.
+     */
+    hideTitle?: boolean;
+    /**
+     * Suppress the section's resolved DESCRIPTION, independently of the title.
+     *
+     * NB: the CARD renderer nests the description inside the title heading block,
+     * so on a CARD hiding the title also hides the description; on DEFAULT / GHOST
+     * / COLLAPSIBLE the two render independently.
+     */
+    hideDescription?: boolean;
     children: ReactNode;
     /**
      * Universal behavioral prop — initial focus state.
@@ -104,6 +127,14 @@ export type SectionProps = SectionProps_Default | SectionProps_Card | SectionPro
 export interface GroupedSectionBodyProps {
     hostKind: GroupedSectionHostKind;
     sectionProps: Pick<SectionProps, 'name' | 'children' | 'chromeMode' | 'saveable' | 'className' | 'disabled'>;
+    /**
+     * Whether the grouping container renders a visible heading for this section
+     * (the `ContentSectionDescriptor.title` the layout host resolved). When true,
+     * descendants get {@link SectionHostHeadingContext} so an embedded resource
+     * surface suppresses its own generic heading/breadcrumb — mirroring what solo
+     * `<Section>` rendering does with its legend. Hosts pass `!!title`.
+     */
+    providesHeading?: boolean;
 }
 /**
  * Named section for form and display templates.
@@ -147,7 +178,7 @@ export declare function Section(props: SectionProps): ReactNode;
 export declare namespace Section {
     var displayName: string;
 }
-export declare function GroupedSectionBody({ hostKind, sectionProps, }: GroupedSectionBodyProps): ReactNode;
+export declare function GroupedSectionBody({ hostKind, sectionProps, providesHeading, }: GroupedSectionBodyProps): ReactNode;
 export interface SectionSaveButtonProps {
     sectionName: string;
     disabled?: boolean;
@@ -157,8 +188,9 @@ export interface SectionSaveButtonProps {
  * Extracted from Section to isolate the useFormContext() call, preventing
  * crashes when Section is used inside display templates.
  *
- * Also used by `GroupedSectionContent` in `FormLayout.tsx` to render
- * save buttons inside grouped (tabbed/accordion) container section panels.
+ * Also rendered by `GroupedSectionBody` for grouped (tabbed/accordion)
+ * container section panels mounted via `GroupedSectionContent` in
+ * `FormLayout.tsx`.
  */
 export declare function SectionSaveButton({ sectionName, disabled }: SectionSaveButtonProps): ReactNode;
 export {};

package/dist/esm/components/resources/skeleton/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Section.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,0BAA0B,CAAC;AACtF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAYnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAuB1D;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAIF,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;IAC7C,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;CAClC,CAAC;AAEF,KAAK,iBAAiB,GAAG,gBAAgB,GAAG;IAC1C,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC;CAC9B,CAAC;AAEF,KAAK,kBAAkB,GAAG,gBAAgB,GAAG;IAC3C,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC;CAC/B,CAAC;AAEF,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,UAAU,EAAE,WAAW,CAAC,WAAW,CAAC;CACrC,CAAC;AAIF,KAAK,mBAAmB,GAAG,gBAAgB,GAAG;IAC5C,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,KAAK,iBAAiB,GAAG,gBAAgB,GAAG;IAC1C,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;IAC7C,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAIF,KAAK,iBAAiB,GAAG,gBAAgB,GAAG;IAC1C,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG,gBAAgB,GAAG;IAClD,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,kBAAkB,GAAG,gBAAgB,GAAG;IAC3C,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC;CAC/B,CAAC;AAIF,KAAK,sBAAsB,GAAG,gBAAgB,GAAG;IAC/C,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,uBAAuB,GAAG,gBAAgB,GAAG;IAChD,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAIF,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;IAC7C,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG,gBAAgB,GAAG;IAC9C,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC;CAClC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GACpB,oBAAoB,GACpB,iBAAiB,GACjB,kBAAkB,GAClB,wBAAwB,GACxB,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,GACpB,iBAAiB,GACjB,yBAAyB,GACzB,kBAAkB,GAClB,sBAAsB,GACtB,uBAAuB,GACvB,oBAAoB,GACpB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,sBAAsB,CAAC;IACjC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IAC7G;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CA2HtD;yBA3He,OAAO;;;AA+HvB,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,eAAuB,GACxB,EAAE,uBAAuB,GAAG,SAAS,CAqCrC;AA+BD,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAiD9F"}