@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Stepper,\n  StepperItem,\n  StepperIndicator,\n  StepperSeparator,\n  StepperTitle,\n} from '~wildo-frontend-lib/components/sections/stepper';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useOptionalFormTemplateContext } from '~wildo-frontend-lib/components/form/automated/FormTemplateContext';\nimport { useOptionalResourceFormActions } from '~wildo-frontend-lib/components/form/automated/ResourceFormActionsContext';\nimport { scrollAndFocusFirstErroredField } from '~wildo-frontend-lib/components/form/validation-errors/scroll-to-first-error.utils';\nimport { useWizardRootRegistration } from './FormLayoutSlotContext';\nimport { WizardLayoutContext } from './WizardLayoutContext';\nimport { WizardStep } from './WizardStep';\n\nexport interface WizardLayoutProps {\n  /** Additional CSS classes for the wizard container. */\n  className?: string;\n  /** 0-based index of the initially active step. @default 0 */\n  initialStep?: number;\n  /** When `true`, validates current step fields before allowing navigation forward. @default true */\n  validateOnStepChange?: boolean;\n  /** Callback fired when step changes (after validation, if enabled). */\n  onStepChange?: (from: number, to: number) => void;\n  /** Custom submit button to render on the last step instead of the default. */\n  submitButton?: ReactNode;\n  children: ReactNode;\n}\n\n/**\n * Wizard container for multi-step form templates.\n *\n * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),\n * and per-step validation. All steps remain mounted (hidden with `display: none`)\n * so that RHF retains field state across steps.\n *\n * Children must be `<WizardStep>` components. Non-WizardStep children are\n * silently filtered out.\n *\n * Under a resource form (a create or edit dialog or page) the wizard OWNS the form's footer: it claims it\n * (`claimFooter`) and renders the host's Cancel, draft-save and operation-named submit inside its own\n * navigation row — the submit on the last step only. Otherwise the host appended its own Cancel/Create row\n * under the wizard's Previous/Next, so \"Create\" on step 1 submitted without the later steps ever being seen,\n * and the last step offered two submit buttons.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <WizardLayout>\n *     <WizardStep name=\"basics\">\n *       <FormField name=\"title\" />\n *       <FormField name=\"description\" />\n *     </WizardStep>\n *     <WizardStep name=\"settings\">\n *       <FormField name=\"priority\" />\n *       <FormField name=\"dueDate\" />\n *     </WizardStep>\n *   </WizardLayout>\n * </FormLayout>\n * ```\n */\nexport function WizardLayout({\n  className,\n  initialStep = 0,\n  validateOnStepChange = true,\n  onStepChange,\n  submitButton,\n  children,\n}: WizardLayoutProps): ReactNode {\n  useWizardRootRegistration();\n\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const stepFieldsRef = useRef<Map<string, Set<string>>>(new Map());\n  const wizardTopRef = useRef<HTMLDivElement>(null);\n\n  const form = useFormContext();\n  const templateCtx = useOptionalFormTemplateContext();\n  const hostActions = useOptionalResourceFormActions();\n  const claimFooter = hostActions?.claimFooter;\n  // Layout effect: the claim lands before paint, so the host's footer never flashes under the wizard.\n  useLayoutEffect(() => claimFooter?.(), [claimFooter]);\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  const wizardSteps = useMemo(() => {\n    const steps: Array<{ name: string; element: React.ReactElement }> = [];\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child) && child.type === WizardStep) {\n        steps.push({\n          name: (child.props as { name: string }).name,\n          element: child,\n        });\n      }\n    });\n    return steps;\n  }, [children]);\n\n  const totalSteps = wizardSteps.length;\n\n  const registerStep = useCallback((name: string, fields: Set<string>) => {\n    stepFieldsRef.current.set(name, fields);\n  }, []);\n\n  const getCurrentStepFieldNames = useCallback(() => {\n    const currentStepName = wizardSteps[currentStep]?.name;\n    if (!currentStepName) return undefined;\n    const stepFields = stepFieldsRef.current.get(currentStepName);\n    return stepFields ? Array.from(stepFields) : undefined;\n  }, [currentStep, wizardSteps]);\n\n  const wizardContextValue = useMemo<React.ContextType<typeof WizardLayoutContext>>(\n    () => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }),\n    [registerStep, getCurrentStepFieldNames, currentStep, totalSteps],\n  );\n\n  /*\n   * A DECLARED step always has an entry: its generated title, or — since #1450 — that title's key\n   * path once the bundle has settled, so an unlabelled declared step reads as missing rather than\n   * as \"Step 2\". The numbered default below is what remains for a step the layout does not declare\n   * (no ref in `layoutRefs.wizardSteps`, so no label could be planned for it) and for the loading\n   * window, when the title is still ''.\n   */\n  const getStepLabel = (stepName: string, index: number): string => {\n    if (templateCtx?.wizardStepLabels?.[stepName]) {\n      return templateCtx.wizardStepLabels[stepName];\n    }\n    return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {\n      index: String(index + 1),\n    });\n  };\n\n  const scrollToTop = () => {\n    wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  };\n\n  const goToStep = (to: number) => {\n    const from = currentStep;\n    setCurrentStep(to);\n    onStepChange?.(from, to);\n    scrollToTop();\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      goToStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = async () => {\n    if (validateOnStepChange && form) {\n      const currentStepName = wizardSteps[currentStep]?.name;\n      const stepFields = currentStepName\n        ? stepFieldsRef.current.get(currentStepName)\n        : undefined;\n\n      const fieldNames = stepFields ? Array.from(stepFields) : [];\n      const isValid = fieldNames.length\n        ? await form.trigger(fieldNames)\n        : await form.trigger();\n\n      if (!isValid) {\n        scrollToFirstError(form, fieldNames);\n        return;\n      }\n    }\n    if (currentStep < totalSteps - 1) {\n      goToStep(currentStep + 1);\n    }\n  };\n\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  if (!isReady) return null;\n\n  const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');\n  const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');\n\n  return (\n    <WizardLayoutContext.Provider value={wizardContextValue}>\n      <div className={className} data-guidance-wizard=\"\">\n        <div ref={wizardTopRef}>\n          <Stepper\n            currentStep={currentStep}\n            totalSteps={totalSteps}\n            orientation={DisplayDirection.HORIZONTAL}\n            className=\"mb-region\"\n          >\n            {wizardSteps.map((step, index) => (\n              <React.Fragment key={step.name}>\n                <StepperItem step={index}>\n                  <StepperIndicator step={index} />\n                  <div className=\"flex flex-col items-center text-center\">\n                    <StepperTitle step={index}>\n                      <span id={`wizard-tab-${step.name}`}>\n                        {getStepLabel(step.name, index)}\n                      </span>\n                    </StepperTitle>\n                  </div>\n                </StepperItem>\n                {index < totalSteps - 1 && <StepperSeparator step={index} />}\n              </React.Fragment>\n            ))}\n          </Stepper>\n        </div>\n\n        {wizardSteps.map((step, index) => (\n          <div\n            key={step.name}\n            style={{ display: index === currentStep ? undefined : 'none' }}\n            aria-hidden={index !== currentStep}\n          >\n            <ErrorBoundary>\n              {step.element}\n            </ErrorBoundary>\n          </div>\n        ))}\n\n        {hostActions?.submissionNotice}\n        <div className=\"flex justify-between gap-field pt-field\">\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            onClick={handlePrevious}\n            disabled={isFirstStep || templateCtx?.disabled}\n          >\n            {previousLabel}\n          </Button>\n\n          <div className=\"flex flex-wrap items-center justify-end gap-element\">\n            {hostActions?.cancelButton}\n            {hostActions?.draftSaveButton}\n            {isLastStep ? (\n              submitButton ?? hostActions?.submitButton ?? (\n                <Button type=\"submit\" disabled={templateCtx?.disabled}>\n                  {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit')}\n                </Button>\n              )\n            ) : (\n              <Button\n                type=\"button\"\n                onClick={handleNext}\n                disabled={templateCtx?.disabled}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContext.Provider>\n  );\n}\n\n/**\n * Scroll to the first field with a validation error.\n * Uses `data-field` or `name` attributes to locate the DOM element.\n */\nfunction scrollToFirstError(\n  form: ReturnType<typeof useFormContext>,\n  fieldNames?: string[],\n): void {\n  const errors = form.formState.errors;\n  let firstErrorField: string | null = null;\n\n  if (fieldNames?.length) {\n    for (const fieldName of fieldNames) {\n      const parts = fieldName.split('.');\n      let errorObj: unknown = errors;\n      for (const part of parts) {\n        if (errorObj && typeof errorObj === 'object' && part in errorObj) {\n          errorObj = (errorObj as Record<string, unknown>)[part];\n        } else {\n          errorObj = undefined;\n          break;\n        }\n      }\n      if (errorObj) {\n        firstErrorField = fieldName;\n        break;\n      }\n    }\n  }\n\n  if (!firstErrorField) return;\n\n  // Shared scroll+focus mechanics (see scroll-to-first-error.utils, audit D4) —\n  // this wizard keeps its own STEP-SCOPED first-error selection above, but the\n  // DOM lookup / scroll / focus behavior is the same contract the whole-form\n  // submit path uses.\n  scrollAndFocusFirstErroredField([firstErrorField]);\n}\n"]}
+{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { get, useFormContext, type FieldErrors } from 'react-hook-form';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Stepper,\n  StepperItem,\n  StepperIndicator,\n  StepperSeparator,\n  StepperTitle,\n} from '~wildo-frontend-lib/components/sections/stepper';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useOptionalFormTemplateContext } from '~wildo-frontend-lib/components/form/automated/FormTemplateContext';\nimport { useOptionalResourceFormActions } from '~wildo-frontend-lib/components/form/automated/ResourceFormActionsContext';\nimport { UnplacedRequestFieldsContext } from '~wildo-frontend-lib/components/form/automated/unplaced-request-fields.context';\nimport { validateFieldsAndShowErrors } from '~wildo-frontend-lib/components/form/validation-errors/validate-fields-and-show-errors';\nimport { fieldRevealPanelAttributes, useFieldRevealRequests } from '~wildo-frontend-lib/components/form/validation-errors/field-reveal';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\nimport { useWizardRootRegistration } from './FormLayoutSlotContext';\nimport { WizardLayoutContext, WizardStepTrailingContentContext } from './WizardLayoutContext';\nimport { WizardStep } from './WizardStep';\n\nconst logger = LoggerFrontendService.getLogger();\n\nconst NO_ERROR_STEPS: ReadonlySet<number> = new Set();\n\nfunction sameSteps(a: ReadonlySet<number>, b: ReadonlySet<number>): boolean {\n  return a.size === b.size && [...a].every((step) => b.has(step));\n}\n\nexport interface WizardLayoutProps {\n  /** Additional CSS classes for the wizard container. */\n  className?: string;\n  /** 0-based index of the initially active step. @default 0 */\n  initialStep?: number;\n  /** When `true`, validates current step fields before allowing navigation forward. @default true */\n  validateOnStepChange?: boolean;\n  /** Callback fired when step changes (after validation, if enabled). */\n  onStepChange?: (from: number, to: number) => void;\n  /** Custom submit button to render on the last step instead of the default. */\n  submitButton?: ReactNode;\n  children: ReactNode;\n}\n\n/**\n * Input types in which Enter submits the enclosing form (HTML implicit submission). Enter in a checkbox, a radio, a\n * button or a file picker does not, and a textarea takes Enter as a new line.\n */\nconst NON_SUBMITTING_INPUT_TYPES = new Set(['checkbox', 'radio', 'button', 'submit', 'reset', 'file', 'image', 'range', 'color', 'hidden']);\n\n/** Within this long after reaching the last step, the second click of a double-click is not a submit. */\nconst DOUBLE_CLICK_THROUGH_WINDOW_MS = 600;\n\n/**\n * The `<WizardStep>` children, in order, including steps an author wrapped in a Fragment (a conditional group of\n * steps reads naturally as `{advanced && (<>…</>)}`, and `React.Children` does not look inside Fragments, so those\n * steps were silently dropped). A step name used twice is reported: the name keys the step's fields, its panel id and\n * its labels, so the second step would read and validate the first one's.\n */\nfunction collectWizardSteps(children: ReactNode, steps: Array<{ name: string; element: React.ReactElement }> = []): Array<{ name: string; element: React.ReactElement }> {\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n    if (child.type === React.Fragment) {\n      collectWizardSteps((child.props as { children?: ReactNode }).children, steps);\n      return;\n    }\n    if (child.type !== WizardStep) return;\n    const name = (child.props as { name: string }).name;\n    if (steps.some((step) => step.name === name)) {\n      logger.error(`[WizardLayout] Two steps are named \"${name}\"; a step name must be unique. The second is ignored.`);\n      return;\n    }\n    steps.push({ name, element: child });\n  });\n  return steps;\n}\n\n/**\n * Wizard container for multi-step form templates.\n *\n * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),\n * and per-step validation. All steps remain mounted (the inactive ones `hidden`)\n * so that RHF retains field state across steps; a field on a hidden step is shown\n * on request by the error scroll (`field-reveal.ts`).\n *\n * Children must be `<WizardStep>` components, directly or inside a Fragment. Other\n * children are filtered out.\n *\n * Under a resource form (a create or edit dialog or page) the wizard OWNS the form's footer: it claims it\n * (`claimFooter`) and renders the host's Cancel, draft-save and operation-named submit inside its own\n * navigation row: the submit on the last step when the form creates a record, and on every step when it edits one\n * that exists (`submitOnEveryStep`). Otherwise the host appended its own Cancel/Create row\n * under the wizard's Previous/Next, so \"Create\" on step 1 submitted without the later steps ever being seen,\n * and the last step offered two submit buttons.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <WizardLayout>\n *     <WizardStep name=\"basics\">\n *       <FormField name=\"title\" />\n *       <FormField name=\"description\" />\n *     </WizardStep>\n *     <WizardStep name=\"settings\">\n *       <FormField name=\"priority\" />\n *       <FormField name=\"dueDate\" />\n *     </WizardStep>\n *   </WizardLayout>\n * </FormLayout>\n * ```\n */\nexport function WizardLayout({\n  className,\n  initialStep = 0,\n  validateOnStepChange = true,\n  onStepChange,\n  submitButton,\n  children,\n}: WizardLayoutProps): ReactNode {\n  useWizardRootRegistration();\n\n  const [requestedStep, setRequestedStep] = useState(initialStep);\n  const stepFieldsRef = useRef<Map<string, Set<string>>>(new Map());\n  const wizardTopRef = useRef<HTMLDivElement>(null);\n  /** Set when a step change should move focus to the new step (Next, Previous), not when a field is being revealed. */\n  const focusStepOnChangeRef = useRef(false);\n  const arrivedAtStepRef = useRef(0);\n  /** The furthest step reached: every step up to it can be gone back to by clicking it. */\n  const [furthestStep, setFurthestStep] = useState(initialStep);\n  const [errorSteps, setErrorSteps] = useState<ReadonlySet<number>>(NO_ERROR_STEPS);\n\n  const form = useFormContext();\n  const templateCtx = useOptionalFormTemplateContext();\n  const hostActions = useOptionalResourceFormActions();\n  const claimFooter = hostActions?.claimFooter;\n  // A custom operation's request fields its template does not place belong to the record the last step submits, so\n  // they are shown there, not below the navigation, outside every step (`unplaced-request-fields.context.ts`).\n  const unplacedRequestFields = useContext(UnplacedRequestFieldsContext);\n  const claimUnplacedRequestFields = unplacedRequestFields?.claim;\n  useLayoutEffect(() => claimUnplacedRequestFields?.(), [claimUnplacedRequestFields]);\n  // Layout effect: the claim lands before paint, so the host's footer never flashes under the wizard.\n  useLayoutEffect(() => claimFooter?.(), [claimFooter]);\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  const wizardSteps = useMemo(() => collectWizardSteps(children), [children]);\n  const totalSteps = wizardSteps.length;\n  // A step can disappear (a conditional step): the wizard then stays on the last step that remains.\n  const currentStep = Math.min(requestedStep, Math.max(totalSteps - 1, 0));\n\n  const registerStep = useCallback((name: string, fields: Set<string>) => {\n    stepFieldsRef.current.set(name, fields);\n  }, []);\n\n  const getCurrentStepFieldNames = useCallback(() => {\n    const currentStepName = wizardSteps[currentStep]?.name;\n    if (!currentStepName) return undefined;\n    const stepFields = stepFieldsRef.current.get(currentStepName);\n    return stepFields ? Array.from(stepFields) : undefined;\n  }, [currentStep, wizardSteps]);\n\n  const wizardContextValue = useMemo<React.ContextType<typeof WizardLayoutContext>>(\n    () => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }),\n    [registerStep, getCurrentStepFieldNames, currentStep, totalSteps],\n  );\n\n  /*\n   * A DECLARED step always has an entry: its generated title, or — since #1450 — that title's key\n   * path once the bundle has settled, so an unlabelled declared step reads as missing rather than\n   * as \"Step 2\". The numbered default below is what remains for a step the layout does not declare\n   * (no ref in `layoutRefs.wizardSteps`, so no label could be planned for it) and for the loading\n   * window, when the title is still ''.\n   */\n  const getStepLabel = (stepName: string, index: number): string => {\n    if (templateCtx?.wizardStepLabels?.[stepName]) {\n      return templateCtx.wizardStepLabels[stepName];\n    }\n    return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {\n      index: String(index + 1),\n    });\n  };\n\n  const scrollToTop = () => {\n    wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  };\n\n  const showStep = (to: number) => {\n    const from = currentStep;\n    arrivedAtStepRef.current = Date.now();\n    setRequestedStep(to);\n    setFurthestStep((furthest) => Math.max(furthest, to));\n    onStepChange?.(from, to);\n  };\n\n  /*\n   * The steps whose fields hold an error, so the stepper marks them: after a failed submit every step used to look\n   * done, and a person had to page through the wizard to find the one in error. Derived from the form's errors and\n   * each step's registered fields, on every change of the errors.\n   */\n  useEffect(() => {\n    if (!form) return undefined;\n    const compute = (errors: FieldErrors): void => {\n      const next = new Set<number>();\n      wizardSteps.forEach((step, index) => {\n        const fields = stepFieldsRef.current.get(step.name);\n        if (fields && Array.from(fields).some((field) => get(errors, field) !== undefined)) next.add(index);\n      });\n      setErrorSteps((previous) => (sameSteps(previous, next) ? previous : next));\n    };\n    compute(form.formState.errors);\n    return form.subscribe({ formState: { errors: true }, callback: ({ errors }) => compute(errors ?? {}) });\n  }, [form, wizardSteps]);\n\n  const goToStep = (to: number) => {\n    focusStepOnChangeRef.current = true;\n    showStep(to);\n    scrollToTop();\n  };\n\n  /*\n   * The steps not shown stay mounted (React Hook Form keeps their values), so after a failed submit the field holding\n   * the first error can be on a hidden step. The error scroll asks for it to be shown (`field-reveal.ts`), and the\n   * wizard goes to that step: scrolling to a field on a hidden step moved nothing, and the submit read as doing\n   * nothing. Focus is left to the scroll, which focuses the field itself.\n   */\n  const revealContainerId = useFieldRevealRequests((stepName) => {\n    const index = wizardSteps.findIndex((step) => step.name === stepName);\n    if (index < 0 || index === currentStep) return false;\n    showStep(index);\n    return true;\n  });\n\n  // After Next or Previous, focus moves to the new step, which is named by its title: a keyboard or screen-reader user\n  // otherwise stays on a button whose step has gone, with nothing saying that anything changed.\n  useEffect(() => {\n    if (!focusStepOnChangeRef.current) return;\n    focusStepOnChangeRef.current = false;\n    const stepName = wizardSteps[currentStep]?.name;\n    if (stepName) document.getElementById(`wizard-step-${stepName}`)?.focus({ preventScroll: true });\n  }, [currentStep, wizardSteps]);\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      goToStep(currentStep - 1);\n    }\n  };\n\n  /**\n   * Clicking a step. Back to any step reached so far, freely; FORWARD only past valid steps, so clicking a later step\n   * is never a way around Next's check. Editing a record that exists, every step is reachable, so a forward click can\n   * pass over several steps: EVERY step it passes is checked, not only the current one, which let a click from the\n   * first step to the last skip the ones between. When one fails, the error scroll shows its step (`field-reveal.ts`).\n   */\n  const handleStepSelect = async (to: number) => {\n    if (to > currentStep && !(await stepsAreValid(currentStep, to))) return;\n    goToStep(to);\n  };\n\n  /** Whether the steps from `from` up to (not including) `to` are valid, showing what is wrong when they are not. */\n  const stepsAreValid = async (from: number, to: number): Promise<boolean> => {\n    if (!validateOnStepChange || !form) return true;\n    const fieldNames = wizardSteps.slice(from, to).flatMap((step) => Array.from(stepFieldsRef.current.get(step.name) ?? []));\n    return validateFieldsAndShowErrors(form, fieldNames);\n  };\n\n  const handleNext = async () => {\n    if (validateOnStepChange && form) {\n      const currentStepName = wizardSteps[currentStep]?.name;\n      const stepFields = currentStepName\n        ? stepFieldsRef.current.get(currentStepName)\n        : undefined;\n\n      // Only the step's own fields. A step with none has nothing to check (`trigger()` with no names validated the\n      // WHOLE form, so a field-less step failed on later steps and could not be left), the errors become visible and\n      // the first is brought on screen, and a server error on the step still stops it.\n      if (!(await validateFieldsAndShowErrors(form, stepFields ? Array.from(stepFields) : []))) {\n        return;\n      }\n    }\n    if (currentStep < totalSteps - 1) {\n      goToStep(currentStep + 1);\n    }\n  };\n\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  /*\n   * Enter in a text input submits the form (HTML implicit submission). Before the last step that sent the record with\n   * the later steps never seen: measured on the announcement wizard, whose first step holds one text input. Before the\n   * last step, Enter means Next. A control that handles Enter itself (a combobox choosing an option) has already\n   * called `preventDefault`, and is left alone; so is a composition still in progress (an IME).\n   */\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Enter' || isLastStep || event.defaultPrevented || event.nativeEvent.isComposing) return;\n    const target = event.target;\n    if (!(target instanceof HTMLInputElement) || NON_SUBMITTING_INPUT_TYPES.has(target.type)) return;\n    event.preventDefault();\n    void handleNext();\n  };\n\n  /*\n   * The last step's submit sits where Next was. A double-click on Next went to the last step on its first click and\n   * SUBMITTED on its second. A click that is the second of a double-click, landing within a moment of arriving, is\n   * not taken as a submit.\n   */\n  const handleActionsClickCapture = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.detail > 1 && Date.now() - arrivedAtStepRef.current < DOUBLE_CLICK_THROUGH_WINDOW_MS) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  if (!isReady) return null;\n\n  const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');\n  const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');\n  const submit = submitButton ?? hostActions?.submitButton ?? (\n    <Button key=\"submit\" type=\"submit\" disabled={templateCtx?.disabled}>\n      {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit')}\n    </Button>\n  );\n  /*\n   * Editing a record that exists, every step can be saved: its fields all hold values already, and making a person\n   * click through every step to change one field is what a wizard is not for. Creating, the submit waits for the last\n   * step, because the steps collect what the record needs.\n   */\n  const submitOnEveryStep = templateCtx?.isExisting === true;\n\n  return (\n    <WizardLayoutContext.Provider value={wizardContextValue}>\n      <div className={className} data-guidance-wizard=\"\" onKeyDown={handleKeyDown}>\n        <div ref={wizardTopRef}>\n          <Stepper\n            currentStep={currentStep}\n            totalSteps={totalSteps}\n            orientation={DisplayDirection.HORIZONTAL}\n            className=\"mb-region\"\n            role=\"list\"\n            errorSteps={errorSteps}\n            onStepSelect={(step) => { void handleStepSelect(step); }}\n            isStepSelectable={(step) => step !== currentStep && (templateCtx?.isExisting === true || step <= furthestStep)}\n          >\n            {wizardSteps.map((step, index) => (\n              <React.Fragment key={step.name}>\n                <StepperItem step={index} role=\"listitem\" aria-current={index === currentStep ? 'step' : undefined}>\n                  <StepperIndicator step={index} aria-hidden=\"true\" />\n                  {/* A span: a step a person may go back to is a button, which holds phrasing content only. */}\n                  <span className=\"flex flex-col items-center text-center\">\n                    <StepperTitle step={index}>\n                      <span id={`wizard-tab-${step.name}`}>\n                        {getStepLabel(step.name, index)}\n                      </span>\n                    </StepperTitle>\n                  </span>\n                </StepperItem>\n                {index < totalSteps - 1 && <StepperSeparator step={index} aria-hidden=\"true\" />}\n              </React.Fragment>\n            ))}\n          </Stepper>\n        </div>\n\n        {wizardSteps.map((step, index) => {\n          const description = templateCtx?.wizardStepDescriptions?.[step.name];\n          return (\n            <div key={step.name} hidden={index !== currentStep} {...fieldRevealPanelAttributes(revealContainerId, step.name)}>\n              {/* The step's generated description, which no surface rendered (it was planned and translated). */}\n              {description ? <p className=\"mb-field text-sm text-muted-foreground\">{description}</p> : null}\n              <ErrorBoundary>\n                <WizardStepTrailingContentContext.Provider value={index === totalSteps - 1 ? unplacedRequestFields?.content ?? null : null}>\n                  {step.element}\n                </WizardStepTrailingContentContext.Provider>\n              </ErrorBoundary>\n            </div>\n          );\n        })}\n\n        {hostActions?.submissionNotice}\n        <div className=\"flex justify-between gap-field pt-field\" onClickCapture={handleActionsClickCapture}>\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            onClick={handlePrevious}\n            disabled={isFirstStep || templateCtx?.disabled}\n          >\n            {previousLabel}\n          </Button>\n\n          <div className=\"flex flex-wrap items-center justify-end gap-element\">\n            {hostActions?.cancelButton}\n            {hostActions?.draftSaveButton}\n            {(isLastStep || submitOnEveryStep) && <React.Fragment key=\"submit\">{submit}</React.Fragment>}\n            {!isLastStep && (\n              <Button\n                key=\"next\"\n                type=\"button\"\n                variant={submitOnEveryStep ? ButtonVariants_Variant.OUTLINE : undefined}\n                onClick={handleNext}\n                disabled={templateCtx?.disabled}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContext.Provider>\n  );\n}\n"]}

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

@@ -1,3 +1,4 @@
+import type React from 'react';
 /**
  * Contract between WizardLayout (provider) and WizardStep (consumer).
  *
@@ -15,6 +16,13 @@ export interface WizardLayoutContextValue {
     /** Total number of wizard steps. */
     totalSteps: number;
 }
-export declare const WizardLayoutContext: import("react").Context<WizardLayoutContextValue>;
+export declare const WizardLayoutContext: React.Context<WizardLayoutContextValue>;
+/**
+ * Content the wizard asks ONE step to render after its own children: a custom operation's request fields the
+ * template does not place, which belong to the last step (`unplaced-request-fields.context.ts`). Rendered INSIDE the
+ * step, so the fields register with it (an error on one marks the step and stops its Next), sit in its named group
+ * and take its field gap. Rendered beside the step, they were in none of the three.
+ */
+export declare const WizardStepTrailingContentContext: React.Context<React.ReactNode>;
 export declare function useWizardLayoutContext(): WizardLayoutContextValue | null;
 //# sourceMappingURL=WizardLayoutContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,wBAAwB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,mDAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}
+{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,wBAAwB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,yCAAuD,CAAC;AAExF;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,gCAAuC,CAAC;AAErF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}

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

@@ -1,6 +1,13 @@
 'use client';
 import { createContext, useContext } from 'react';
 export const WizardLayoutContext = createContext(null);
+/**
+ * Content the wizard asks ONE step to render after its own children: a custom operation's request fields the
+ * template does not place, which belong to the last step (`unplaced-request-fields.context.ts`). Rendered INSIDE the
+ * step, so the fields register with it (an error on one marks the step and stops its Next), sit in its named group
+ * and take its field gap. Rendered beside the step, they were in none of the three.
+ */
+export const WizardStepTrailingContentContext = createContext(null);
 export function useWizardLayoutContext() {
     return useContext(WizardLayoutContext);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Contract between WizardLayout (provider) and WizardStep (consumer).\n *\n * Each WizardStep calls `registerStep` during mount to report its name\n * and the set of field names it contains — WizardLayout uses this for\n * per-step validation (trigger only the fields in the active step).\n */\nexport interface WizardLayoutContextValue {\n  /** Called by WizardStep on mount to register its field set. */\n  registerStep: (name: string, fields: Set<string>) => void;\n  /** Returns field names for the currently visible step. */\n  getCurrentStepFieldNames: () => string[] | undefined;\n  /** 0-based index of the currently visible step. */\n  currentStep: number;\n  /** Total number of wizard steps. */\n  totalSteps: number;\n}\n\nexport const WizardLayoutContext = createContext<WizardLayoutContextValue | null>(null);\n\nexport function useWizardLayoutContext(): WizardLayoutContextValue | null {\n  return useContext(WizardLayoutContext);\n}\n"]}
+{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAqBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAC;AAErF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport type React from 'react';\n\n/**\n * Contract between WizardLayout (provider) and WizardStep (consumer).\n *\n * Each WizardStep calls `registerStep` during mount to report its name\n * and the set of field names it contains — WizardLayout uses this for\n * per-step validation (trigger only the fields in the active step).\n */\nexport interface WizardLayoutContextValue {\n  /** Called by WizardStep on mount to register its field set. */\n  registerStep: (name: string, fields: Set<string>) => void;\n  /** Returns field names for the currently visible step. */\n  getCurrentStepFieldNames: () => string[] | undefined;\n  /** 0-based index of the currently visible step. */\n  currentStep: number;\n  /** Total number of wizard steps. */\n  totalSteps: number;\n}\n\nexport const WizardLayoutContext = createContext<WizardLayoutContextValue | null>(null);\n\n/**\n * Content the wizard asks ONE step to render after its own children: a custom operation's request fields the\n * template does not place, which belong to the last step (`unplaced-request-fields.context.ts`). Rendered INSIDE the\n * step, so the fields register with it (an error on one marks the step and stops its Next), sit in its named group\n * and take its field gap. Rendered beside the step, they were in none of the three.\n */\nexport const WizardStepTrailingContentContext = createContext<React.ReactNode>(null);\n\nexport function useWizardLayoutContext(): WizardLayoutContextValue | null {\n  return useContext(WizardLayoutContext);\n}\n"]}

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

@@ -22,7 +22,7 @@ export interface WizardStepProps {
  * to the active step).
  *
  * Step title is resolved from i18n by `name`. The wizard hides inactive
- * steps with `display: none` so that RHF keeps all fields mounted.
+ * steps (`hidden`) so that RHF keeps all fields mounted.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjG,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CAsDpF"}
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAiE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7G,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CA2DpF"}

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

@@ -1,8 +1,8 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { WizardStepFieldsContext } from './WizardStepFieldsContext.js';
-import { useWizardLayoutContext } from './WizardLayoutContext.js';
+import { useWizardLayoutContext, WizardStepTrailingContentContext } from './WizardLayoutContext.js';
 import { cn } from '../../../core/ui/cn.js';
 /**
  * Single wizard step within a `<WizardLayout>`.
@@ -14,7 +14,7 @@ import { cn } from '../../../core/ui/cn.js';
  * to the active step).
  *
  * Step title is resolved from i18n by `name`. The wizard hides inactive
- * steps with `display: none` so that RHF keeps all fields mounted.
+ * steps (`hidden`) so that RHF keeps all fields mounted.
  *
  * @example
  * ```tsx
@@ -27,6 +27,7 @@ import { cn } from '../../../core/ui/cn.js';
 export function WizardStep({ name, className, children }) {
     const [fields] = useState(() => new Set());
     const wizardCtx = useWizardLayoutContext();
+    const trailingContent = useContext(WizardStepTrailingContentContext);
     const registeredRef = useRef(false);
     const registerField = useCallback((fieldName) => {
         fields.add(fieldName);
@@ -51,6 +52,9 @@ export function WizardStep({ name, className, children }) {
         }
     }, [wizardCtx, name, fields]);
     const stepId = `wizard-step-${name}`;
-    return (_jsx(WizardStepFieldsContext.Provider, { value: fieldsContextValue, children: _jsx("div", { className: cn('flex flex-col gap-field', className), id: stepId, "data-guidance-wizard-step": name, role: "tabpanel", "aria-labelledby": `wizard-tab-${name}`, children: children }) }));
+    return (_jsx(WizardStepFieldsContext.Provider, { value: fieldsContextValue, children: _jsxs("div", { className: cn('flex flex-col gap-field', className), id: stepId, "data-guidance-wizard-step": name, 
+            // A group named by the step's title, focusable so the wizard can move focus here when the step changes. Not a
+            // `tabpanel`: there is no tablist, and the steps are not tabs.
+            role: "group", "aria-labelledby": `wizard-tab-${name}`, tabIndex: -1, children: [children, trailingContent] }) }));
 }
 //# sourceMappingURL=WizardStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAgBpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YAMzD,cACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,EAAE,EAAE,MAAM,+BACiB,IAAI,EAC/B,IAAI,EAAC,UAAU,qBACE,cAAc,IAAI,EAAE,YAEpC,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { WizardStepFieldsContextValue } from './WizardStepFieldsContext';\nimport { WizardStepFieldsContext } from './WizardStepFieldsContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\nexport interface WizardStepProps {\n  /**\n   * Structural ref — maps to i18n keys for title/description:\n   * - `resources.{type}.wizardSteps.{name}.title`\n   * - `resources.{type}.wizardSteps.{name}.description`\n   *\n   * Must match an entry in `layout.refs.wizardSteps`.\n   */\n  name: string;\n  /** Additional CSS classes for the step container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Single wizard step within a `<WizardLayout>`.\n *\n * Provides a `WizardStepFieldsContext` so child `<FormField>` components\n * auto-register their names. On mount, reports its collected fields to the\n * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this\n * enables per-step validation (the wizard only triggers fields belonging\n * to the active step).\n *\n * Step title is resolved from i18n by `name`. The wizard hides inactive\n * steps with `display: none` so that RHF keeps all fields mounted.\n *\n * @example\n * ```tsx\n * <WizardStep name=\"contact-info\">\n *   <FormField name=\"email\" />\n *   <FormField name=\"phone\" />\n * </WizardStep>\n * ```\n */\nexport function WizardStep({ name, className, children }: WizardStepProps): ReactNode {\n  const [fields] = useState<Set<string>>(() => new Set());\n  const wizardCtx = useWizardLayoutContext();\n  const registeredRef = useRef(false);\n\n  const registerField = useCallback((fieldName: string) => {\n    fields.add(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const unregisterField = useCallback((fieldName: string) => {\n    fields.delete(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const fieldsContextValue = useMemo<WizardStepFieldsContextValue>(\n    () => ({ registerField, unregisterField }),\n    [registerField, unregisterField],\n  );\n\n  /**\n   * After initial render, report our field set to the parent WizardLayout.\n   * Registration is by name — WizardLayout resolves the index from children order.\n   */\n  useEffect(() => {\n    if (wizardCtx && !registeredRef.current) {\n      registeredRef.current = true;\n      const frame = requestAnimationFrame(() => {\n        wizardCtx.registerStep(name, fields);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [wizardCtx, name, fields]);\n\n  const stepId = `wizard-step-${name}`;\n\n  return (\n    <WizardStepFieldsContext.Provider value={fieldsContextValue}>\n      {/*\n        * A column with the field gap: `FormLayout` spaces its DIRECT children, and a wizard's fields are one level\n        * down, inside this step — so they sat flush, a label touching the input above it (measured on Wonder Todos'\n        * announcement dialog, Title over Message).\n        */}\n      <div\n        className={cn('flex flex-col gap-field', className)}\n        id={stepId}\n        data-guidance-wizard-step={name}\n        role=\"tabpanel\"\n        aria-labelledby={`wizard-tab-${name}`}\n      >\n        {children}\n      </div>\n    </WizardStepFieldsContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAE7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAgBpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,UAAU,CAAC,gCAAgC,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YAMzD,eACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,EAAE,EAAE,MAAM,+BACiB,IAAI;YAC/B,8GAA8G;YAC9G,+DAA+D;YAC/D,IAAI,EAAC,OAAO,qBACK,cAAc,IAAI,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,aAEX,QAAQ,EACR,eAAe,IACZ,GAC2B,CACpC,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { WizardStepFieldsContextValue } from './WizardStepFieldsContext';\nimport { WizardStepFieldsContext } from './WizardStepFieldsContext';\nimport { useWizardLayoutContext, WizardStepTrailingContentContext } from './WizardLayoutContext';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\nexport interface WizardStepProps {\n  /**\n   * Structural ref — maps to i18n keys for title/description:\n   * - `resources.{type}.wizardSteps.{name}.title`\n   * - `resources.{type}.wizardSteps.{name}.description`\n   *\n   * Must match an entry in `layout.refs.wizardSteps`.\n   */\n  name: string;\n  /** Additional CSS classes for the step container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Single wizard step within a `<WizardLayout>`.\n *\n * Provides a `WizardStepFieldsContext` so child `<FormField>` components\n * auto-register their names. On mount, reports its collected fields to the\n * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this\n * enables per-step validation (the wizard only triggers fields belonging\n * to the active step).\n *\n * Step title is resolved from i18n by `name`. The wizard hides inactive\n * steps (`hidden`) so that RHF keeps all fields mounted.\n *\n * @example\n * ```tsx\n * <WizardStep name=\"contact-info\">\n *   <FormField name=\"email\" />\n *   <FormField name=\"phone\" />\n * </WizardStep>\n * ```\n */\nexport function WizardStep({ name, className, children }: WizardStepProps): ReactNode {\n  const [fields] = useState<Set<string>>(() => new Set());\n  const wizardCtx = useWizardLayoutContext();\n  const trailingContent = useContext(WizardStepTrailingContentContext);\n  const registeredRef = useRef(false);\n\n  const registerField = useCallback((fieldName: string) => {\n    fields.add(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const unregisterField = useCallback((fieldName: string) => {\n    fields.delete(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const fieldsContextValue = useMemo<WizardStepFieldsContextValue>(\n    () => ({ registerField, unregisterField }),\n    [registerField, unregisterField],\n  );\n\n  /**\n   * After initial render, report our field set to the parent WizardLayout.\n   * Registration is by name — WizardLayout resolves the index from children order.\n   */\n  useEffect(() => {\n    if (wizardCtx && !registeredRef.current) {\n      registeredRef.current = true;\n      const frame = requestAnimationFrame(() => {\n        wizardCtx.registerStep(name, fields);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [wizardCtx, name, fields]);\n\n  const stepId = `wizard-step-${name}`;\n\n  return (\n    <WizardStepFieldsContext.Provider value={fieldsContextValue}>\n      {/*\n        * A column with the field gap: `FormLayout` spaces its DIRECT children, and a wizard's fields are one level\n        * down, inside this step — so they sat flush, a label touching the input above it (measured on Wonder Todos'\n        * announcement dialog, Title over Message).\n        */}\n      <div\n        className={cn('flex flex-col gap-field', className)}\n        id={stepId}\n        data-guidance-wizard-step={name}\n        // A group named by the step's title, focusable so the wizard can move focus here when the step changes. Not a\n        // `tabpanel`: there is no tablist, and the steps are not tabs.\n        role=\"group\"\n        aria-labelledby={`wizard-tab-${name}`}\n        tabIndex={-1}\n      >\n        {children}\n        {trailingContent}\n      </div>\n    </WizardStepFieldsContext.Provider>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/section-consolidation.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACtB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAMjF,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEtF;AAMD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,SAAS,EACnB,iBAAiB,CAAC,EAAE,oBAAoB,GACvC,qBAAqB,CAEvB;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,+DAE9D"}
+{"version":3,"file":"section-consolidation.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAIL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACtB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAMjF,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEtF;AAWD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,SAAS,EACnB,iBAAiB,CAAC,EAAE,oBAAoB,GACvC,qBAAqB,CAIvB;AAuBD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,+DAE9D"}

package/dist/esm/components/resources/skeleton/section-consolidation.utils.js

@@ -10,7 +10,8 @@
  */
 import { isValidElement } from 'react';
 import { Section } from './Section.js';
-import { buildSectionConfigFromSectionLikeGroup, groupSectionLikeElementsByAppearance, } from '../../../components/sections/section-grouping.shared.js';
+import { LoggerFrontendService } from '../../../core/monitoring/logger.frontend.service.js';
+import { buildSectionConfigFromSectionLikeGroup, expandableGroupNeverTruncates, groupSectionLikeElementsByAppearance, } from '../../../components/sections/section-grouping.shared.js';
 export { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared.js';
 // =============================================================================
 // SECTION ELEMENT DETECTION
@@ -19,6 +20,12 @@ export { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared.
 export function isSectionElement(child) {
     return isValidElement(child) && child.type === Section;
 }
+// =============================================================================
+// SECTION GROUPING FOR LAYOUT COMPONENTS
+// =============================================================================
+const logger = LoggerFrontendService.getLogger();
+/** One warning per authored group (its section names), not one per render. */
+const warnedNeverTruncatingExpandableGroups = new Set();
 /**
  * Groups children by their `appearance` mode for layout rendering.
  *
@@ -35,7 +42,29 @@ export function isSectionElement(child) {
  *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]
  */
 export function groupSectionsByAppearance(children, defaultAppearance) {
-    return groupSectionLikeElementsByAppearance(children, isSectionElement, defaultAppearance);
+    const grouped = groupSectionLikeElementsByAppearance(children, isSectionElement, defaultAppearance);
+    if (process.env.NODE_ENV !== 'production')
+        warnOnNeverTruncatingExpandableGroups(grouped);
+    return grouped;
+}
+/**
+ * Footgun guard, the sibling of `Section`'s ungrouped-container warning: an EXPANDABLE group that holds
+ * no more sections than it shows before "Show more" renders them all open with no button, which reads
+ * as a template that asked for a toggle and silently got none (#2197). Every layout host (`FormLayout`,
+ * `DisplayLayout`, `CompositeLayout`) groups through this function, so the check covers all three.
+ * It warns rather than throws: the page is still correct, only its author's intent is unmet.
+ */
+function warnOnNeverTruncatingExpandableGroups(grouped) {
+    for (const item of grouped.items) {
+        if (item.type !== 'group' || !expandableGroupNeverTruncates(item.group))
+            continue;
+        const sectionNames = item.group.sections.map((section) => section.props.name);
+        const warnKey = sectionNames.join('|');
+        if (warnedNeverTruncatingExpandableGroups.has(warnKey))
+            continue;
+        warnedNeverTruncatingExpandableGroups.add(warnKey);
+        logger.warn(`[Section] EXPANDABLE group (${sectionNames.join(', ')}) holds ${sectionNames.length} section(s), no more than it shows before "Show more", so it renders every section open with no button. EXPANDABLE truncates a GROUP of sections; to hide one section until the reader opens it, use appearance={SectionMode.COLLAPSIBLE} with defaultFocus={false}.`, { sectionNames });
+    }
 }
 /**
  * Builds a `SectionConfig` from the first section in a group.

package/dist/esm/components/resources/skeleton/section-consolidation.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.utils.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AAEH,OAAc,EAAkB,cAAc,EAAqB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,sCAAsC,EACtC,oCAAoC,GAIrC,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAEjF,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AACzD,CAAC;AASD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,yBAAyB,CACvC,QAAmB,EACnB,iBAAwC;IAExC,OAAO,oCAAoC,CAAC,QAAQ,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AAC7F,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,OAAO,sCAAsC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC","sourcesContent":["'use client';\n\n/**\n * Section Consolidation Utilities\n *\n * Provides shared helpers used by the Section component and layout grouping:\n * - `toDisplayChromeMode`: coerces `ResponsiveChromeMode` to `DisplayChromeMode`\n * - `isSectionElement`: type guard for `<Section>` elements\n * - `groupSectionsByAppearance`: groups sibling `<Section>` children by their\n *   `appearance` prop for layout rendering\n */\n\nimport React, { type ReactNode, isValidElement, type ReactElement } from 'react';\nimport { Section, type SectionProps } from './Section';\nimport {\n  buildSectionConfigFromSectionLikeGroup,\n  groupSectionLikeElementsByAppearance,\n  type ContainerSectionMode,\n  type GroupedSectionLikeChildren,\n  type SectionLikeGroup,\n} from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nexport { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';\n\n// =============================================================================\n// SECTION ELEMENT DETECTION\n// =============================================================================\n\n/** Type guard: is this child a `<Section>` element? */\nexport function isSectionElement(child: ReactNode): child is ReactElement<SectionProps> {\n  return isValidElement(child) && child.type === Section;\n}\n\n// =============================================================================\n// SECTION GROUPING FOR LAYOUT COMPONENTS\n// =============================================================================\n\nexport type SectionGroup = SectionLikeGroup<SectionProps>;\nexport type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;\n\n/**\n * Groups children by their `appearance` mode for layout rendering.\n *\n * - Solo mode sections (DEFAULT, CARD, GHOST, COLLAPSIBLE) and non-Section children\n *   are kept in place as individual nodes.\n * - Container mode sections are grouped by their mode. The group is placed at the\n *   position of the **first** occurrence of that mode.\n * - Subsequent sections with the same container mode are collected into the group\n *   (not rendered individually).\n *\n * @example\n * Given children: [Section(TABS), Section(CARD), Section(TABS), Section(ACCORDION)]\n * Result items:\n *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]\n */\nexport function groupSectionsByAppearance(\n  children: ReactNode,\n  defaultAppearance?: ContainerSectionMode,\n): GroupedLayoutChildren {\n  return groupSectionLikeElementsByAppearance(children, isSectionElement, defaultAppearance);\n}\n\n/**\n * Builds a `SectionConfig` from the first section in a group.\n * The first section's props define the container-level parameters.\n */\nexport function buildSectionConfigFromGroup(group: SectionGroup) {\n  return buildSectionConfigFromSectionLikeGroup(group);\n}\n"]}
+{"version":3,"file":"section-consolidation.utils.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AAEH,OAAc,EAAkB,cAAc,EAAqB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AACpG,OAAO,EACL,sCAAsC,EACtC,6BAA6B,EAC7B,oCAAoC,GAIrC,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAEjF,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AACzD,CAAC;AAED,gFAAgF;AAChF,yCAAyC;AACzC,gFAAgF;AAEhF,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAS,EAAE,CAAC;AAEjD,8EAA8E;AAC9E,MAAM,qCAAqC,GAAG,IAAI,GAAG,EAAU,CAAC;AAKhE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,yBAAyB,CACvC,QAAmB,EACnB,iBAAwC;IAExC,MAAM,OAAO,GAAG,oCAAoC,CAAC,QAAQ,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACpG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,qCAAqC,CAAC,OAAO,CAAC,CAAC;IAC1F,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;GAMG;AACH,SAAS,qCAAqC,CAAC,OAA8B;IAC3E,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QACjC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,SAAS;QAClF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC9E,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,qCAAqC,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,SAAS;QACjE,qCAAqC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CACT,+BAA+B,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,YAAY,CAAC,MAAM,sQAAsQ,EAC1V,EAAE,YAAY,EAAE,CACjB,CAAC;IACJ,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,OAAO,sCAAsC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC","sourcesContent":["'use client';\n\n/**\n * Section Consolidation Utilities\n *\n * Provides shared helpers used by the Section component and layout grouping:\n * - `toDisplayChromeMode`: coerces `ResponsiveChromeMode` to `DisplayChromeMode`\n * - `isSectionElement`: type guard for `<Section>` elements\n * - `groupSectionsByAppearance`: groups sibling `<Section>` children by their\n *   `appearance` prop for layout rendering\n */\n\nimport React, { type ReactNode, isValidElement, type ReactElement } from 'react';\nimport { Section, type SectionProps } from './Section';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\nimport {\n  buildSectionConfigFromSectionLikeGroup,\n  expandableGroupNeverTruncates,\n  groupSectionLikeElementsByAppearance,\n  type ContainerSectionMode,\n  type GroupedSectionLikeChildren,\n  type SectionLikeGroup,\n} from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nexport { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';\n\n// =============================================================================\n// SECTION ELEMENT DETECTION\n// =============================================================================\n\n/** Type guard: is this child a `<Section>` element? */\nexport function isSectionElement(child: ReactNode): child is ReactElement<SectionProps> {\n  return isValidElement(child) && child.type === Section;\n}\n\n// =============================================================================\n// SECTION GROUPING FOR LAYOUT COMPONENTS\n// =============================================================================\n\nconst logger = LoggerFrontendService.getLogger();\n\n/** One warning per authored group (its section names), not one per render. */\nconst warnedNeverTruncatingExpandableGroups = new Set<string>();\n\nexport type SectionGroup = SectionLikeGroup<SectionProps>;\nexport type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;\n\n/**\n * Groups children by their `appearance` mode for layout rendering.\n *\n * - Solo mode sections (DEFAULT, CARD, GHOST, COLLAPSIBLE) and non-Section children\n *   are kept in place as individual nodes.\n * - Container mode sections are grouped by their mode. The group is placed at the\n *   position of the **first** occurrence of that mode.\n * - Subsequent sections with the same container mode are collected into the group\n *   (not rendered individually).\n *\n * @example\n * Given children: [Section(TABS), Section(CARD), Section(TABS), Section(ACCORDION)]\n * Result items:\n *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]\n */\nexport function groupSectionsByAppearance(\n  children: ReactNode,\n  defaultAppearance?: ContainerSectionMode,\n): GroupedLayoutChildren {\n  const grouped = groupSectionLikeElementsByAppearance(children, isSectionElement, defaultAppearance);\n  if (process.env.NODE_ENV !== 'production') warnOnNeverTruncatingExpandableGroups(grouped);\n  return grouped;\n}\n\n/**\n * Footgun guard, the sibling of `Section`'s ungrouped-container warning: an EXPANDABLE group that holds\n * no more sections than it shows before \"Show more\" renders them all open with no button, which reads\n * as a template that asked for a toggle and silently got none (#2197). Every layout host (`FormLayout`,\n * `DisplayLayout`, `CompositeLayout`) groups through this function, so the check covers all three.\n * It warns rather than throws: the page is still correct, only its author's intent is unmet.\n */\nfunction warnOnNeverTruncatingExpandableGroups(grouped: GroupedLayoutChildren): void {\n  for (const item of grouped.items) {\n    if (item.type !== 'group' || !expandableGroupNeverTruncates(item.group)) continue;\n    const sectionNames = item.group.sections.map((section) => section.props.name);\n    const warnKey = sectionNames.join('|');\n    if (warnedNeverTruncatingExpandableGroups.has(warnKey)) continue;\n    warnedNeverTruncatingExpandableGroups.add(warnKey);\n    logger.warn(\n      `[Section] EXPANDABLE group (${sectionNames.join(', ')}) holds ${sectionNames.length} section(s), no more than it shows before \"Show more\", so it renders every section open with no button. EXPANDABLE truncates a GROUP of sections; to hide one section until the reader opens it, use appearance={SectionMode.COLLAPSIBLE} with defaultFocus={false}.`,\n      { sectionNames },\n    );\n  }\n}\n\n/**\n * Builds a `SectionConfig` from the first section in a group.\n * The first section's props define the container-level parameters.\n */\nexport function buildSectionConfigFromGroup(group: SectionGroup) {\n  return buildSectionConfigFromSectionLikeGroup(group);\n}\n"]}

package/dist/esm/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceFieldDisplayPreset_ResourceReference_Default.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAsBjF,OAAO,KAAK,EAAE,yDAAyD,EAAE,MAAM,2GAA2G,CAAC;AAwD3L,eAAO,MAAM,oDAAoD,GAAI,gIASlE,yDAAyD,KAAG,KAAK,CAAC,GAAG,CAAC,OAyrBxE,CAAC"}
+{"version":3,"file":"ResourceFieldDisplayPreset_ResourceReference_Default.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAyBjF,OAAO,KAAK,EAAE,yDAAyD,EAAE,MAAM,2GAA2G,CAAC;AA8D3L,eAAO,MAAM,oDAAoD,GAAI,gIASlE,yDAAyD,KAAG,KAAK,CAAC,GAAG,CAAC,OAwyBxE,CAAC"}