npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.2 → 1.1.3 - Mend

@wildo-ai/saas-frontend-lib 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1917) hide show

package/dist/esm/components/resources/skeleton/DisplayLayout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplayLayout.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAc9E,kJAAkJ;AAClJ,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;OAeG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,0EAA0E;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAA8B,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAmDpH"}
1	+ {"version":3,"file":"DisplayLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAc9E,kJAAkJ;AAClJ,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;OAeG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,0EAA0E;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAA8B,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAmDpH"}

package/dist/esm/components/resources/skeleton/DisplayLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplayLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useMemo, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\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\n/** @wildo_source:part:start saas.frontend.display-layout.reading-measure facet:layer:frontend facet:family:layout facet:audience:app-developer /\nexport interface DisplayLayoutProps {\n /* Additional CSS classes for the root container. /\n className?: string;\n /\n How wide the layout root lets its content grow, named in the framework's own vocabulary.\n \n Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n * that keeps a single-column stack of label/value pairs readable instead of stretched edge to edge.\n * That default is right for what this layout was built for and is unchanged.\n \n It is WRONG for a composed document. A template that renders tabs, quote blocks, tables or regions\n * is not a field stack: those set their own measure internally, and a 42rem cap around them squeezes\n * the whole composition into a column with dead space beside it. Such a template declares `'none'`.\n \n `'none'` is not \"uncapped\" in practice — the zone content boundary above has already capped the\n * area at the page-content width (`'content'`, ~80rem) and an adjacent pane is narrower still. This\n * prop decides only whether a SECOND, tighter cap applies inside that, and the answer depends on what\n * the template renders, which is why the template is the one asked.\n /\n responsiveMaxWidth?: ResponsiveMaxWidth;\n children?: ReactNode;\n}\n/* @wildo_source:part:end saas.frontend.display-layout.reading-measure /\n\n/\n Root wrapper for display (read-only) layout templates.\n \n Provides a root `FieldScopeContext` with empty prefix so nested\n * `<DisplayField name=\"...\">` components resolve field names correctly.\n \n `ResourceDisplayContext` (inline editing, RMM, file upload) is provided\n * by the parent `ResourceAutomaticDisplayer`, not by this layout component.\n \n @example\n * ```tsx\n * <DisplayLayout>\n * <Section name=\"general\">\n * <DisplayField name=\"title\" />\n * <DisplayField name=\"status\" />\n * </Section>\n * </DisplayLayout>\n * ```\n /\nexport function DisplayLayout({ className, children, responsiveMaxWidth = 'measure' }: DisplayLayoutProps): ReactNode {\n const displayCtx = useOptionalDisplayTemplateContext();\n const renderedChildren = useMemo(\n () => renderGroupedChildren(children, displayCtx),\n [children, displayCtx],\n );\n\n return (\n <FieldScopeProvider pathPrefix=\"\">\n {/\n T4c — reading-measure cap (mirrors FormLayout). A single-column\n read/detail stack caps at `--measure-max-width` (~42rem) and aligns to\n the LEFT of the content zone, so detail views stop stretching\n edge-to-edge yet stay flush with the left-aligned resource header and\n danger-zone siblings (no centred gutter between them). `max-w` only\n engages above the measure, so a detail rendered inside a narrow\n dialog/panel is unaffected. Retune/opt-out via the CSS var or `className`.\n /}\n {/\n `space-y-section` separates stacked SECTIONS (each titled CARD group /\n container) with a clear gap so consecutive cards read as distinct groups\n rather than one continuous stack. Sectionless templates whose direct\n children are bare SETTINGS_ROW field rows must NOT inherit that section\n gap: the row chrome is a self-delimiting list item (`py-card-sm` rhythm +\n `border-b` hairline), so consecutive rows stack FLUSH — the same\n content-aware rule the `ContentSection` body applies to settings rows.\n The pairwise `:has(+ …)` selector zeroes only the margin BETWEEN two\n adjacent settings rows, so a row followed by a real section (mixed\n template) keeps the section gap.\n\n ⚠ The attribute match is `^=settings` (prefix), NOT `=settings_row`:\n Tailwind converts an unescaped `_` inside an arbitrary variant to a\n SPACE, emitting the invalid selector `[data-chrome-mode=settings row]`\n which the browser silently drops (this killed ContentSection's original\n `…=settings_row]]:gap-0` spelling — verified against the served CSS).\n Only `settings_row` starts with `settings`, so the prefix is exact.\n /}\n <div\n className={cn(\n 'mr-auto w-full space-y-section',\n '[&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0',\n className,\n )}\n style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n data-inline-size-tier={responsiveMaxWidth}\n data-guidance-display\n >\n {renderedChildren}\n </div>\n </FieldScopeProvider>\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 displayCtx: ReturnType<typeof useOptionalDisplayTemplateContext>,\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 = displayCtx?.sectionLabels ?? {};\n const sectionDescriptions = displayCtx?.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 * (displayChromeMode) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n sectionProps,\n providesHeading,\n}: {\n sectionProps: Pick<SectionProps, 'name' \| 'children' \| 'chromeMode' \| 'className' \| 'disabled'>;\n providesHeading?: boolean;\n}): ReactNode {\n return (\n <GroupedSectionBody\n hostKind={GroupedSectionHostKind.DISPLAY}\n sectionProps={sectionProps}\n providesHeading={providesHeading}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"DisplayLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useMemo, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\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\n/** @wildo_source:part:start saas.frontend.display-layout.reading-measure facet:layer:frontend facet:family:layout facet:audience:app-developer /\nexport interface DisplayLayoutProps {\n /* Additional CSS classes for the root container. /\n className?: string;\n /\n How wide the layout root lets its content grow, named in the framework's own vocabulary.\n \n Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n * that keeps a single-column stack of label/value pairs readable instead of stretched edge to edge.\n * That default is right for what this layout was built for and is unchanged.\n \n It is WRONG for a composed document. A template that renders tabs, quote blocks, tables or regions\n * is not a field stack: those set their own measure internally, and a 42rem cap around them squeezes\n * the whole composition into a column with dead space beside it. Such a template declares `'none'`.\n \n `'none'` is not \"uncapped\" in practice — the zone content boundary above has already capped the\n * area at the page-content width (`'content'`, ~80rem) and an adjacent pane is narrower still. This\n * prop decides only whether a SECOND, tighter cap applies inside that, and the answer depends on what\n * the template renders, which is why the template is the one asked.\n /\n responsiveMaxWidth?: ResponsiveMaxWidth;\n children?: ReactNode;\n}\n/* @wildo_source:part:end saas.frontend.display-layout.reading-measure /\n\n/\n Root wrapper for display (read-only) layout templates.\n \n Provides a root `FieldScopeContext` with empty prefix so nested\n * `<DisplayField name=\"...\">` components resolve field names correctly.\n \n `ResourceDisplayContext` (inline editing, RMM, file upload) is provided\n * by the parent `ResourceAutomaticDisplayer`, not by this layout component.\n \n @example\n * ```tsx\n * <DisplayLayout>\n * <Section name=\"general\">\n * <DisplayField name=\"title\" />\n * <DisplayField name=\"status\" />\n * </Section>\n * </DisplayLayout>\n * ```\n /\nexport function DisplayLayout({ className, children, responsiveMaxWidth = 'measure' }: DisplayLayoutProps): ReactNode {\n const displayCtx = useOptionalDisplayTemplateContext();\n const renderedChildren = useMemo(\n () => renderGroupedChildren(children, displayCtx),\n [children, displayCtx],\n );\n\n return (\n <FieldScopeProvider pathPrefix=\"\">\n {/\n T4c — reading-measure cap (mirrors FormLayout). A single-column\n read/detail stack caps at `--measure-max-width` (~42rem) and aligns to\n the LEFT of the content zone, so detail views stop stretching\n edge-to-edge yet stay flush with the left-aligned resource header and\n danger-zone siblings (no centred gutter between them). `max-w` only\n engages above the measure, so a detail rendered inside a narrow\n dialog/panel is unaffected. Retune/opt-out via the CSS var or `className`.\n /}\n {/\n `space-y-section` separates stacked SECTIONS (each titled CARD group /\n container) with a clear gap so consecutive cards read as distinct groups\n rather than one continuous stack. Sectionless templates whose direct\n children are bare SETTINGS_ROW field rows must NOT inherit that section\n gap: the row chrome is a self-delimiting list item (`py-card-sm` rhythm +\n `border-b` hairline), so consecutive rows stack FLUSH — the same\n content-aware rule the `ContentSection` body applies to settings rows.\n The pairwise `:has(+ …)` selector zeroes only the margin BETWEEN two\n adjacent settings rows, so a row followed by a real section (mixed\n template) keeps the section gap.\n\n ⚠ The attribute match is `^=settings` (prefix), NOT `=settings_row`:\n Tailwind converts an unescaped `_` inside an arbitrary variant to a\n SPACE, emitting the invalid selector `[data-chrome-mode=settings row]`\n which the browser silently drops (this killed ContentSection's original\n `…=settings_row]]:gap-0` spelling — verified against the served CSS).\n Only `settings_row` starts with `settings`, so the prefix is exact.\n /}\n <div\n className={cn(\n 'mr-auto w-full space-y-section',\n '[&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0',\n className,\n )}\n style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n data-inline-size-tier={responsiveMaxWidth}\n data-guidance-display\n >\n {renderedChildren}\n </div>\n </FieldScopeProvider>\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 displayCtx: ReturnType<typeof useOptionalDisplayTemplateContext>,\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 = displayCtx?.sectionLabels ?? {};\n const sectionDescriptions = displayCtx?.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 * (displayChromeMode) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n sectionProps,\n providesHeading,\n}: {\n sectionProps: Pick<SectionProps, 'name' \| 'children' \| 'chromeMode' \| 'className' \| 'disabled'>;\n providesHeading?: boolean;\n}): ReactNode {\n return (\n <GroupedSectionBody\n hostKind={GroupedSectionHostKind.DISPLAY}\n sectionProps={sectionProps}\n providesHeading={providesHeading}\n />\n );\n}\n"]}

package/dist/esm/components/resources/skeleton/Divider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAE1E"}
1	+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAE1E"}

package/dist/esm/components/resources/skeleton/Divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AASb;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAsB;IAC7D,OAAO,aAAI,SAAS,EAAE,SAAS,GAAI,CAAC;AACtC,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nexport interface LayoutDividerProps {\n /** Additional CSS classes for the divider element. /\n className?: string;\n}\n\n/\n Visual separator for layout templates.\n \n Named `LayoutDivider` to avoid collision with the low-level\n * `Divider` UI component from `@wildo-ai/saas-frontend-lib`.\n \n @example\n * ```tsx\n * <Section name=\"general\">\n * <FormField name=\"title\" />\n * <LayoutDivider className=\"my-4\" />\n * <FormField name=\"description\" />\n * </Section>\n * ```\n */\nexport function LayoutDivider({ className }: LayoutDividerProps): ReactNode {\n return <hr className={className} />;\n}\n"]}
1	+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AASb;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAsB;IAC7D,OAAO,aAAI,SAAS,EAAE,SAAS,GAAI,CAAC;AACtC,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nexport interface LayoutDividerProps {\n /** Additional CSS classes for the divider element. /\n className?: string;\n}\n\n/\n Visual separator for layout templates.\n \n Named `LayoutDivider` to avoid collision with the low-level\n * `Divider` UI component from `@wildo-ai/saas-frontend-lib`.\n \n @example\n * ```tsx\n * <Section name=\"general\">\n * <FormField name=\"title\" />\n * <LayoutDivider className=\"my-4\" />\n * <FormField name=\"description\" />\n * </Section>\n * ```\n */\nexport function LayoutDivider({ className }: LayoutDividerProps): ReactNode {\n return <hr className={className} />;\n}\n"]}

package/dist/esm/components/resources/skeleton/FieldScopeContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldScopeContext.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAE/F;AAED,oDAAoD;AACpD,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIzD"}
1	+ {"version":3,"file":"FieldScopeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAE/F;AAED,oDAAoD;AACpD,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIzD"}

package/dist/esm/components/resources/skeleton/FieldScopeContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldScopeContext.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAclE,MAAM,iBAAiB,GAAG,aAAa,CAAyB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAOpF,MAAM,UAAU,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAA2B;IAClF,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAAG,QAAQ,GAA8B,CAAC;AACpG,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAC7B,OAAO,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC;AACjC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/*\n Tracks the current field path prefix for nested scoping.\n * Nested `ObjectScope` and `ArrayField` components compose prefixes:\n \n `\"\"` → `\"address\"` → `\"address.street\"`\n * `\"\"` → `\"items[0]\"` → `\"items[0].name\"`\n /\nexport interface FieldScopeContextValue {\n /* Current path prefix, e.g. `\"address\"` or `\"addresses[2]\"`. Empty string at root. /\n pathPrefix: string;\n}\n\nconst FieldScopeContext = createContext<FieldScopeContextValue>({ pathPrefix: '' });\n\nexport interface FieldScopeProviderProps {\n pathPrefix: string;\n children: ReactNode;\n}\n\nexport function FieldScopeProvider({ pathPrefix, children }: FieldScopeProviderProps): ReactNode {\n return <FieldScopeContext.Provider value={{ pathPrefix }}>{children}</FieldScopeContext.Provider>;\n}\n\n/* Returns the current `FieldScopeContextValue`. /\nexport function useFieldScope(): FieldScopeContextValue {\n return useContext(FieldScopeContext);\n}\n\n/\n Resolves a relative field name against the current scope prefix.\n \n - Root scope (`\"\"`) + `\"street\"` → `\"street\"`\n * - Object scope (`\"address\"`) + `\"street\"` → `\"address.street\"`\n * - Array scope (`\"items[0]\"`) + `\"name\"` → `\"items[0].name\"`\n */\nexport function useResolvedFieldName(name: string): string {\n const { pathPrefix } = useFieldScope();\n if (!pathPrefix) return name;\n return `${pathPrefix}.${name}`;\n}\n"]}
1	+ {"version":3,"file":"FieldScopeContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAclE,MAAM,iBAAiB,GAAG,aAAa,CAAyB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAOpF,MAAM,UAAU,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAA2B;IAClF,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAAG,QAAQ,GAA8B,CAAC;AACpG,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAC7B,OAAO,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC;AACjC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/*\n Tracks the current field path prefix for nested scoping.\n * Nested `ObjectScope` and `ArrayField` components compose prefixes:\n \n `\"\"` → `\"address\"` → `\"address.street\"`\n * `\"\"` → `\"items[0]\"` → `\"items[0].name\"`\n /\nexport interface FieldScopeContextValue {\n /* Current path prefix, e.g. `\"address\"` or `\"addresses[2]\"`. Empty string at root. /\n pathPrefix: string;\n}\n\nconst FieldScopeContext = createContext<FieldScopeContextValue>({ pathPrefix: '' });\n\nexport interface FieldScopeProviderProps {\n pathPrefix: string;\n children: ReactNode;\n}\n\nexport function FieldScopeProvider({ pathPrefix, children }: FieldScopeProviderProps): ReactNode {\n return <FieldScopeContext.Provider value={{ pathPrefix }}>{children}</FieldScopeContext.Provider>;\n}\n\n/* Returns the current `FieldScopeContextValue`. /\nexport function useFieldScope(): FieldScopeContextValue {\n return useContext(FieldScopeContext);\n}\n\n/\n Resolves a relative field name against the current scope prefix.\n \n - Root scope (`\"\"`) + `\"street\"` → `\"street\"`\n * - Object scope (`\"address\"`) + `\"street\"` → `\"address.street\"`\n * - Array scope (`\"items[0]\"`) + `\"name\"` → `\"items[0].name\"`\n */\nexport function useResolvedFieldName(name: string): string {\n const { pathPrefix } = useFieldScope();\n if (!pathPrefix) return name;\n return `${pathPrefix}.${name}`;\n}\n"]}

package/dist/esm/components/resources/skeleton/FormErrorSummarySlot.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormErrorSummarySlot.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,yBAAyB;IACxC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAUxF"}
1	+ {"version":3,"file":"FormErrorSummarySlot.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,yBAAyB;IACxC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAUxF"}

package/dist/esm/components/resources/skeleton/FormErrorSummarySlot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormErrorSummarySlot.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAO/D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAA6B;IAC3E,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAE/C,OAAO,CACL,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzD,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { FormErrorSummary } from '../../form/validation-errors/FormErrorSummary';\nimport { useSlotRegistration } from './FormLayoutSlotContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface FormErrorSummarySlotProps {\n /** Additional CSS classes for the error summary container. /\n className?: string;\n}\n\n/\n Error summary placement slot.\n \n Renders the form's error summary (list of validation errors).\n * If omitted from the template, FormLayout can auto-inject one at the top.\n \n @example\n * ```tsx\n * <FormLayout>\n * <FormErrorSummarySlot className=\"mb-4\" />\n * <Section name=\"general\">\n * <FormField name=\"title\" />\n * </Section>\n * <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormErrorSummarySlot({ className }: FormErrorSummarySlotProps): ReactNode {\n useSlotRegistration('errorSummary');\n const wizardContext = useWizardLayoutContext();\n\n return (\n <FormErrorSummary\n className={className}\n stepFieldNames={wizardContext?.getCurrentStepFieldNames()}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"FormErrorSummarySlot.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAO/D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAA6B;IAC3E,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAE/C,OAAO,CACL,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzD,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { FormErrorSummary } from '../../form/validation-errors/FormErrorSummary';\nimport { useSlotRegistration } from './FormLayoutSlotContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface FormErrorSummarySlotProps {\n /** Additional CSS classes for the error summary container. /\n className?: string;\n}\n\n/\n Error summary placement slot.\n \n Renders the form's error summary (list of validation errors).\n * If omitted from the template, FormLayout can auto-inject one at the top.\n \n @example\n * ```tsx\n * <FormLayout>\n * <FormErrorSummarySlot className=\"mb-4\" />\n * <Section name=\"general\">\n * <FormField name=\"title\" />\n * </Section>\n * <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormErrorSummarySlot({ className }: FormErrorSummarySlotProps): ReactNode {\n useSlotRegistration('errorSummary');\n const wizardContext = useWizardLayoutContext();\n\n return (\n <FormErrorSummary\n className={className}\n stepFieldNames={wizardContext?.getCurrentStepFieldNames()}\n />\n );\n}\n"]}

package/dist/esm/components/resources/skeleton/FormLayout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAsB9E,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C;;;;;;;;;;;;OAYG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,mBAAmB,EACvC,sBAA6B,EAC7B,kBAA8B,GAC/B,EAAE,eAAe,GAAG,SAAS,CAuF7B"}
1	+ {"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAsB9E,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C;;;;;;;;;;;;OAYG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,mBAAmB,EACvC,sBAA6B,EAC7B,kBAA8B,GAC/B,EAAE,eAAe,GAAG,SAAS,CAuF7B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEvG,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,qBAAqB,GAEtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iDAAiD,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEjF,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAqB,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AA8C1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,mBAAmB,EACvC,sBAAsB,GAAG,IAAI,EAC7B,kBAAkB,GAAG,SAAS,GACd;IAChB,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,GAAG,EAAsB,CAAC,CAAC;IAC9D,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiB;QACzD,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,mEAAmE;IACnE,2EAA2E;IAC3E,4EAA4E;IAC5E,wEAAwE;IACxE,uEAAuE;IACvE,MAAM,iBAAiB,GAAG,8BAA8B,EAAE,KAAK,IAAI,CAAC;IAEpE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAC5D,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,CAAC,EAC5C,CAAC,YAAY,EAAE,kBAAkB,CAAC,CACnC,CAAC;IAEF,8GAA8G;IAC9G,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;YACvC,MAAM,OAAO,GAAmB;gBAC9B,YAAY,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;gBAC1D,YAAY,EACV,sBAAsB;oBACtB,CAAC,iBAAiB;oBAClB,CAAC,oBAAoB,CAAC,OAAO;oBAC7B,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;aAC/C,CAAC;YACF,IAAI,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;gBACjD,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,8BAA8B,EAAE,CAAC;IACjD,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,qBAAqB,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC9C,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,YACrD,KAAC,kBAAkB,IAAC,UAAU,EAAC,EAAE,YAU/B,cACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,KAAK,EAAE,EAAE,aAAa,EAAE,4BAA4B,CAAC,kBAAkB,CAAC,EAAE,2BACnD,kBAAkB,wBACtB,EAAE,YAErB,MAAC,aAAa,eACX,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAS1E,cAAK,SAAS,EAAC,0FAA0F,YAAE,gBAAgB,GAAO,EACjI,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,IACpD,GACZ,GACa,GACU,CAClC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,qBAAqB,CAC5B,QAAmB,EACnB,OAA0D;IAE1D,MAAM,OAAO,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,4BACG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAY,IAAI,CAAC,IAAI,IAAf,GAAG,CAA8B,CAAC;YAChE,CAAC;YAED,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;YACvB,MAAM,MAAM,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;YAClD,MAAM,aAAa,GAAG,OAAO,EAAE,aAAa,IAAI,EAAE,CAAC;YACnD,MAAM,mBAAmB,GAAG,OAAO,EAAE,mBAAmB,IAAI,EAAE,CAAC;YAE/D,MAAM,eAAe,GAA+B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC9E,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;gBACjB,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,WAAW,EAAE,mBAAmB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CACP,KAAC,qBAAqB,IACpB,YAAY,EAAE,EAAE,CAAC,KAAK,EACtB,eAAe,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAC/C,CACH;aACF,CAAC,CAAC,CAAC;YAEJ,OAAO,CACL,KAAC,uBAAuB,IAEtB,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,MAAM,IAFT,SAAS,KAAK,CAAC,IAAI,IAAI,GAAG,EAAE,CAGjC,CACH,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,qBAAqB,CAAC,EAC7B,YAAY,EACZ,eAAe,GAIhB;IACC,OAAO,CACL,KAAC,kBAAkB,IACjB,QAAQ,EAAE,sBAAsB,CAAC,IAAI,EACrC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\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 How wide the form column lets its content grow, named in the framework's own vocabulary.\n \n Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n * that keeps a single-column form readable rather than stretched edge to edge. That default is the\n * long-standing behaviour and is what almost every form wants.\n \n The prop exists so the tier is REACHABLE. It was previously a literal Tailwind class spelling the\n * same value the `'measure'` tier already names, which meant a host could not select a different one\n * — see {@link DisplayLayout}'s twin, where a composed template needed `'none'` and had no way to\n * ask for it.\n /\n responsiveMaxWidth?: ResponsiveMaxWidth;\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 responsiveMaxWidth = 'measure',\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', className)}\n style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n data-inline-size-tier={responsiveMaxWidth}\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"]}
1	+ {"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 type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\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 How wide the form column lets its content grow, named in the framework's own vocabulary.\n \n Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n * that keeps a single-column form readable rather than stretched edge to edge. That default is the\n * long-standing behaviour and is what almost every form wants.\n \n The prop exists so the tier is REACHABLE. It was previously a literal Tailwind class spelling the\n * same value the `'measure'` tier already names, which meant a host could not select a different one\n * — see {@link DisplayLayout}'s twin, where a composed template needed `'none'` and had no way to\n * ask for it.\n /\n responsiveMaxWidth?: ResponsiveMaxWidth;\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 responsiveMaxWidth = 'measure',\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', className)}\n style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n data-inline-size-tier={responsiveMaxWidth}\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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

	@@ -1 +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","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"]}
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","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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

	@@ -1 +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","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"]}
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","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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

	@@ -1 +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","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"]}
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","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.map CHANGED Viewed

	@@ -1 +1 @@
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"}
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.map CHANGED Viewed

	@@ -1 +1 @@
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"]}
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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/Section.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Section.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/resources/skeleton/Section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Section.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { ErrorCustomMessageReference } from '@wildo-ai/saas-models';\nimport { SectionMode, DisplayDirection } from '@wildo-ai/zod-decorators';\nimport type { ResponsiveChromeMode, SoloSectionMode } from '@wildo-ai/zod-decorators';\nimport type { GapSize } from '@wildo-ai/presets-components-models';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useOptionalFormTemplateContext } from '../../form/automated/FormTemplateContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\nimport { FormChromeProvider } from '../../form/chromes/FormChromeContext';\nimport { DisplayChromeProvider } from '../../data-display/chromes/DisplayChromeContext';\nimport { ContentSection } from '../../sections/content-section';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { GroupedSectionHostKind } from './Section.shared';\nimport { toDisplayChromeMode, isSoloMode } from './section-consolidation.shared';\nimport {\n SectionFieldsContext,\n useRegisteredSectionFields,\n useSectionFieldsRegistry,\n} from './SectionFieldsContext';\nimport { useOptionalSectionPresentationContext } from './SectionPresentationContext';\nimport { SectionHostHeadingContext } from './SectionHostHeadingContext';\n\nconst logger = LoggerFrontendService.getLogger();\n\n/*\n Tracks `${name}:${appearance}` keys already warned about an ungrouped\n * container-mode section, so the dev footgun warning fires once per section\n * instead of on every render.\n /\nconst warnedUngroupedContainerSections = new Set<string>();\n\n// =============================================================================\n// SECTION PROPS — Discriminated Union\n// =============================================================================\n\n/\n Shared properties across all `SectionProps` variants.\n /\ntype SectionBaseProps = {\n /\n Structural ref — maps to i18n keys for title/description:\n * - `resources.{type}.sections.{name}.title`\n * - `resources.{type}.sections.{name}.description`\n /\n name: string;\n /* Additional CSS classes for the section container. /\n className?: string;\n /\n When `true`, renders a section-level save button (form context only).\n /\n saveable?: boolean;\n /\n Override chrome mode for all fields within this section.\n * Cascade: field decorator → section chromeMode → form/display chromeMode\n * → surface policy → STACKED.\n /\n chromeMode?: ResponsiveChromeMode;\n /* Whether this section is disabled. /\n disabled?: boolean;\n /\n Suppress the section's resolved TITLE (legend) while keeping the rest of the\n * section intact. Independent from {@link SectionBaseProps.hideDescription} —\n * the two are separate concerns.\n \n Honored for the solo modes (DEFAULT / CARD / GHOST / COLLAPSIBLE), i.e.\n * the modes a `<Section>` renders itself. Container/grouped modes (GRID / TABS\n * / …) take their heading from the layout host and ignore this flag.\n \n Hiding the title also releases the heading-dedup signal\n * ({@link SectionHostHeadingContext}), so an embedded resource surface is free\n * to render its own heading again.\n /\n hideTitle?: boolean;\n /\n Suppress the section's resolved DESCRIPTION, independently of the title.\n \n NB: the CARD renderer nests the description inside the title heading block,\n * so on a CARD hiding the title also hides the description; on DEFAULT / GHOST\n * / COLLAPSIBLE the two render independently.\n /\n hideDescription?: boolean;\n children: ReactNode;\n /\n Universal behavioral prop — initial focus state.\n * - COLLAPSIBLE: whether the section starts expanded (default: true)\n * - TABS/PILLS/VERTICAL_TABS: whether this section is the default active tab\n * - ACCORDION: whether this section starts expanded\n * - STEPPER: no effect (always sequential)\n * @default true for COLLAPSIBLE, false for others\n /\n defaultFocus?: boolean;\n};\n\n// ─── Solo modes ───\n\ntype SectionProps_Default = SectionBaseProps & {\n appearance?: SectionMode.DEFAULT;\n};\n\ntype SectionProps_Card = SectionBaseProps & {\n appearance: SectionMode.CARD;\n};\n\ntype SectionProps_Ghost = SectionBaseProps & {\n appearance: SectionMode.GHOST;\n};\n\ntype SectionProps_Collapsible = SectionBaseProps & {\n appearance: SectionMode.COLLAPSIBLE;\n};\n\n// ─── Layout container modes ───\n\ntype SectionProps_Inline = SectionBaseProps & {\n appearance: SectionMode.INLINE;\n gap?: GapSize;\n};\n\ntype SectionProps_Grid = SectionBaseProps & {\n appearance: SectionMode.GRID;\n columns?: number \| 'auto';\n gap?: GapSize;\n minColumnWidth?: string;\n};\n\ntype SectionProps_Columns = SectionBaseProps & {\n appearance: SectionMode.COLUMNS;\n columns?: number \| 'auto';\n gap?: GapSize;\n};\n\n// ─── Navigation container modes ───\n\ntype SectionProps_Tabs = SectionBaseProps & {\n appearance: SectionMode.TABS;\n};\n\ntype SectionProps_VerticalTabs = SectionBaseProps & {\n appearance: SectionMode.VERTICAL_TABS;\n navWidth?: string;\n};\n\ntype SectionProps_Pills = SectionBaseProps & {\n appearance: SectionMode.PILLS;\n};\n\n// ─── Expandable container modes ───\n\ntype SectionProps_Accordion = SectionBaseProps & {\n appearance: SectionMode.ACCORDION;\n allowMultiple?: boolean;\n};\n\ntype SectionProps_Expandable = SectionBaseProps & {\n appearance: SectionMode.EXPANDABLE;\n initialVisibleCount?: number;\n};\n\n// ─── Guided container modes ───\n\ntype SectionProps_Stepper = SectionBaseProps & {\n appearance: SectionMode.STEPPER;\n allowSkip?: boolean;\n showProgress?: boolean;\n orientation?: DisplayDirection;\n};\n\ntype SectionProps_Timeline = SectionBaseProps & {\n appearance: SectionMode.TIMELINE;\n};\n\n/\n Discriminated union of all Section props.\n * TypeScript narrows mode-specific parameters based on `appearance`.\n \n Solo modes (DEFAULT, CARD, GHOST, COLLAPSIBLE) render the section in place.\n * Container modes (TABS, GRID, etc.) are grouped by the parent layout\n * (`FormLayout`, `DisplayLayout`, or another section-aware host such as\n * `CompositeLayout`) into a `ContentSectionContainer`.\n /\nexport type SectionProps =\n \| SectionProps_Default\n \| SectionProps_Card\n \| SectionProps_Ghost\n \| SectionProps_Collapsible\n \| SectionProps_Inline\n \| SectionProps_Grid\n \| SectionProps_Columns\n \| SectionProps_Tabs\n \| SectionProps_VerticalTabs\n \| SectionProps_Pills\n \| SectionProps_Accordion\n \| SectionProps_Expandable\n \| SectionProps_Stepper\n \| SectionProps_Timeline;\n\nexport interface GroupedSectionBodyProps {\n hostKind: GroupedSectionHostKind;\n sectionProps: Pick<SectionProps, 'name' \| 'children' \| 'chromeMode' \| 'saveable' \| 'className' \| 'disabled'>;\n /\n Whether the grouping container renders a visible heading for this section\n * (the `ContentSectionDescriptor.title` the layout host resolved). When true,\n * descendants get {@link SectionHostHeadingContext} so an embedded resource\n * surface suppresses its own generic heading/breadcrumb — mirroring what solo\n * `<Section>` rendering does with its legend. Hosts pass `!!title`.\n /\n providesHeading?: boolean;\n}\n\n/\n Named section for form and display templates.\n \n The `appearance` prop determines rendering behavior:\n \n Solo modes (DEFAULT, CARD, GHOST, COLLAPSIBLE) render in place with\n * appropriate chrome (fieldset, card, collapsible wrapper).\n \n Container modes (TABS, GRID, ACCORDION, etc.) are NOT rendered directly\n * by this component — the parent layout (`FormLayout`, `DisplayLayout`, or\n * another section-aware host) introspects its children, groups sections sharing\n * the same container appearance, and renders them via\n * `ContentSectionContainer`.\n \n Supports:\n * - Saveable sections (form-only, section-level partial save)\n * - Section-level chromeMode override (cascaded to child fields)\n * - defaultFocus — initial active/expanded state\n \n @example Solo mode (renders in place):\n * ```tsx\n * <Section name=\"billing\" appearance={SectionMode.CARD}>\n * <DisplayField name=\"plan\" />\n * </Section>\n * ```\n \n @example Container mode (grouped by parent layout):\n * ```tsx\n * <FormLayout>\n * <Section name=\"general\" appearance={SectionMode.TABS} defaultFocus>\n * <FormField name=\"name\" />\n * </Section>\n * <Section name=\"advanced\" appearance={SectionMode.TABS}>\n * <FormField name=\"config\" />\n * </Section>\n * </FormLayout>\n * ```\n /\nexport function Section(props: SectionProps): ReactNode {\n const {\n name,\n className,\n saveable,\n chromeMode,\n children,\n defaultFocus = true,\n hideTitle = false,\n hideDescription = false,\n } = props;\n\n const appearance: SectionMode = props.appearance ?? SectionMode.DEFAULT;\n\n const formCtx = useOptionalFormTemplateContext();\n const displayCtx = useOptionalDisplayTemplateContext();\n const sectionPresentation = useOptionalSectionPresentationContext();\n\n const presentationEntry = sectionPresentation?.sectionEntries?.[name];\n const presentationTitle = presentationEntry?.icon\n ? (\n <>\n <span className=\"me-element inline-flex items-center\">{presentationEntry.icon}</span>\n {presentationEntry.title ?? ''}\n </>\n )\n : presentationEntry?.title;\n\n const legend = formCtx?.sectionLabels?.[name]\n ?? displayCtx?.sectionLabels?.[name]\n ?? presentationTitle;\n const description = formCtx?.sectionDescriptions?.[name]\n ?? displayCtx?.sectionDescriptions?.[name]\n ?? presentationEntry?.description;\n // Two independent hide concerns. Resolving to `undefined` flows through the\n // whole solo-render chrome contract: no legend/description on the\n // ContentSection primitive AND (for the title) no heading-dedup signal.\n const resolvedLegend = hideTitle ? undefined : legend;\n const resolvedDescription = hideDescription ? undefined : description;\n const disabled = props.disabled ?? formCtx?.disabled;\n const onSectionSave = formCtx?.onSectionSave;\n const isSaveable = !!(saveable && onSectionSave);\n const sectionHostKind = formCtx\n ? GroupedSectionHostKind.FORM\n : displayCtx\n ? GroupedSectionHostKind.DISPLAY\n : sectionPresentation\n ? GroupedSectionHostKind.COMPOSITE\n : GroupedSectionHostKind.DISPLAY;\n if (sectionHostKind === GroupedSectionHostKind.COMPOSITE && chromeMode) {\n throw FrontendResourceUtils.buildConfigurationError(\n ErrorCustomMessageReference.CONFIGURATION,\n {\n component: 'Section',\n message: 'Section chromeMode is only supported inside form/display section hosts. Composite-hosted sections must not declare chromeMode until a dedicated composite chrome contract exists.',\n sectionName: name,\n },\n );\n }\n const sectionFieldsContextValue = useSectionFieldsRegistry();\n\n // Container modes: render children as-is. The parent layout handles grouping.\n if (!isSoloMode(appearance)) {\n // Footgun guard: a container-mode section (GRID/TABS/COLUMNS/…) only receives\n // chrome (card, padding, title) when a layout HOST groups it into a\n // ContentSectionContainer. Reaching this branch means the section escaped\n // grouping — almost always because it was wrapped in a custom component\n // (hiding it from the host's `groupSectionsByAppearance` scan) or rendered\n // standalone — so it renders BARE (raw children only, no chrome). Warn so the\n // silent \"no chrome\" outcome is visible; for a single self-contained section\n // use a solo appearance (DEFAULT / CARD / GHOST) instead.\n if (process.env.NODE_ENV !== 'production') {\n const warnKey = `${name}:${appearance}`;\n if (!warnedUngroupedContainerSections.has(warnKey)) {\n warnedUngroupedContainerSections.add(warnKey);\n logger.warn(\n `[Section] container-mode section \"${name}\" (appearance=\"${appearance}\") is rendering ungrouped — no section chrome (card / padding / title), only its raw children. Container modes must be DIRECT <Section> children of a layout host (FormLayout / DisplayLayout / CompositeLayout) to be grouped. This usually means the <Section> is wrapped in a custom component or rendered standalone. Use a solo appearance (DEFAULT / CARD / GHOST) for a single self-contained section.`,\n { sectionName: name, appearance },\n );\n }\n }\n return <>{children}</>;\n }\n\n // When this section renders its own heading (legend), tell descendant resource\n // operation surfaces so an embedded list/etc. doesn't ALSO render its generic\n // resource heading right under ours (the \"To-Do Lists\" + \"Todo Lists\" double\n // heading). Record-specific headings (a READ view's displayLabel) are NOT\n // suppressed — the consumer gates on the absence of a displayLabel.\n const content = (\n <SectionHostHeadingContext.Provider value={!!resolvedLegend}>\n <SectionFieldsContext.Provider value={sectionFieldsContextValue}>\n <SectionContentWithHostChrome\n hostKind={sectionHostKind}\n chromeMode={chromeMode}\n >\n {children}\n </SectionContentWithHostChrome>\n {isSaveable && <SectionSaveButton sectionName={name} disabled={disabled} />}\n </SectionFieldsContext.Provider>\n </SectionHostHeadingContext.Provider>\n );\n\n // All four solo modes (DEFAULT / CARD / GHOST / COLLAPSIBLE) are rendered by\n // the ContentSection primitive, which owns the per-mode chrome: a native\n // <fieldset> (DEFAULT/CARD — the disabled cascade + when-orphan framing), a\n // flat <div> (GHOST), or a Collapsible toggle (COLLAPSIBLE). The legend and\n // description are passed as structured props so the primitive can place the\n // legend as a fieldset <legend> or a collapsible trigger as the mode requires.\n return (\n <ContentSection\n appearance={appearance as SoloSectionMode}\n legend={resolvedLegend}\n description={resolvedDescription}\n disabled={disabled}\n defaultOpen={defaultFocus}\n className={className}\n data-guidance-section={name}\n data-composite-section={sectionHostKind === GroupedSectionHostKind.COMPOSITE ? name : undefined}\n >\n {content}\n </ContentSection>\n );\n}\n\nSection.displayName = 'Section';\n\nexport function GroupedSectionBody({\n hostKind,\n sectionProps,\n providesHeading = false,\n}: GroupedSectionBodyProps): ReactNode {\n const { children, chromeMode, saveable, name, className, disabled } = sectionProps;\n const sectionFieldsContextValue = useSectionFieldsRegistry();\n\n let content: ReactNode = children;\n if (hostKind === GroupedSectionHostKind.FORM) {\n content = (\n <SectionFieldsContext.Provider value={sectionFieldsContextValue}>\n <SectionContentWithHostChrome hostKind={hostKind} chromeMode={chromeMode}>\n {children}\n </SectionContentWithHostChrome>\n {saveable && <SectionSaveButton sectionName={name} disabled={disabled} />}\n </SectionFieldsContext.Provider>\n );\n } else {\n content = (\n <SectionContentWithHostChrome hostKind={hostKind} chromeMode={chromeMode}>\n {children}\n </SectionContentWithHostChrome>\n );\n }\n\n return (\n // Same de-duplication contract as the solo-section path (see the provider\n // around `content` in Section above): when the grouping container renders\n // this section's title, an embedded resource surface must not stack its\n // own generic heading + breadcrumb under it.\n <SectionHostHeadingContext.Provider value={providesHeading}>\n <div\n className={className ? `space-y-field ${className}` : 'space-y-field'}\n data-guidance-section={name}\n data-composite-section={hostKind === GroupedSectionHostKind.COMPOSITE ? name : undefined}\n >\n {content}\n </div>\n </SectionHostHeadingContext.Provider>\n );\n}\n\nfunction SectionContentWithHostChrome({\n hostKind,\n chromeMode,\n children,\n}: {\n hostKind: GroupedSectionHostKind;\n chromeMode?: SectionProps['chromeMode'];\n children: ReactNode;\n}): ReactNode {\n if (!chromeMode) {\n return children;\n }\n\n if (hostKind === GroupedSectionHostKind.FORM) {\n return <FormChromeProvider sectionChromeMode={chromeMode}>{children}</FormChromeProvider>;\n }\n\n if (hostKind === GroupedSectionHostKind.DISPLAY) {\n return <DisplayChromeProvider sectionChromeMode={toDisplayChromeMode(chromeMode)}>{children}</DisplayChromeProvider>;\n }\n\n return children;\n}\n\n\n// =============================================================================\n// SectionSaveButton (extracted to avoid useFormContext crash in display templates)\n// =============================================================================\n\nexport interface SectionSaveButtonProps {\n sectionName: string;\n disabled?: boolean;\n}\n\n/\n Section-level save button — only rendered inside form contexts.\n * Extracted from Section to isolate the useFormContext() call, preventing\n * crashes when Section is used inside display templates.\n \n Also rendered by `GroupedSectionBody` for grouped (tabbed/accordion)\n * container section panels mounted via `GroupedSectionContent` in\n * `FormLayout.tsx`.\n */\nexport function SectionSaveButton({ sectionName, disabled }: SectionSaveButtonProps): ReactNode {\n const form = useFormContext();\n const ctx = useOptionalFormTemplateContext();\n const registeredFieldNames = useRegisteredSectionFields();\n const [isSaving, setIsSaving] = useState(false);\n const { tComponent, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n });\n\n const onSectionSave = ctx?.onSectionSave;\n if (!onSectionSave) return null;\n if (!isReady) return null;\n\n const handleSave = async () => {\n if (registeredFieldNames.length === 0) {\n return;\n }\n\n const isValid = await form.trigger(registeredFieldNames);\n\n if (!isValid) {\n return;\n }\n\n setIsSaving(true);\n try {\n const formValues = form.getValues();\n await onSectionSave(sectionName, registeredFieldNames, formValues as Record<string, unknown>);\n } finally {\n setIsSaving(false);\n }\n };\n\n const savingLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'sectionSaving');\n const saveLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'sectionSave');\n\n return (\n <div className=\"flex justify-end pt-item\">\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.SECONDARY}\n size={ButtonSize.SM}\n onClick={handleSave}\n disabled={disabled \|\| isSaving \|\| registeredFieldNames.length === 0}\n >\n {isSaving ? savingLabel : saveLabel}\n </Button>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Section.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { ErrorCustomMessageReference } from '@wildo-ai/saas-models';\nimport { SectionMode, DisplayDirection } from '@wildo-ai/zod-decorators';\nimport type { ResponsiveChromeMode, SoloSectionMode } from '@wildo-ai/zod-decorators';\nimport type { GapSize } from '@wildo-ai/presets-components-models';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useOptionalFormTemplateContext } from '../../form/automated/FormTemplateContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\nimport { FormChromeProvider } from '../../form/chromes/FormChromeContext';\nimport { DisplayChromeProvider } from '../../data-display/chromes/DisplayChromeContext';\nimport { ContentSection } from '../../sections/content-section';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { GroupedSectionHostKind } from './Section.shared';\nimport { toDisplayChromeMode, isSoloMode } from './section-consolidation.shared';\nimport {\n SectionFieldsContext,\n useRegisteredSectionFields,\n useSectionFieldsRegistry,\n} from './SectionFieldsContext';\nimport { useOptionalSectionPresentationContext } from './SectionPresentationContext';\nimport { SectionHostHeadingContext } from './SectionHostHeadingContext';\n\nconst logger = LoggerFrontendService.getLogger();\n\n/*\n Tracks `${name}:${appearance}` keys already warned about an ungrouped\n * container-mode section, so the dev footgun warning fires once per section\n * instead of on every render.\n /\nconst warnedUngroupedContainerSections = new Set<string>();\n\n// =============================================================================\n// SECTION PROPS — Discriminated Union\n// =============================================================================\n\n/\n Shared properties across all `SectionProps` variants.\n /\ntype SectionBaseProps = {\n /\n Structural ref — maps to i18n keys for title/description:\n * - `resources.{type}.sections.{name}.title`\n * - `resources.{type}.sections.{name}.description`\n /\n name: string;\n /* Additional CSS classes for the section container. /\n className?: string;\n /\n When `true`, renders a section-level save button (form context only).\n /\n saveable?: boolean;\n /\n Override chrome mode for all fields within this section.\n * Cascade: field decorator → section chromeMode → form/display chromeMode\n * → surface policy → STACKED.\n /\n chromeMode?: ResponsiveChromeMode;\n /* Whether this section is disabled. /\n disabled?: boolean;\n /\n Suppress the section's resolved TITLE (legend) while keeping the rest of the\n * section intact. Independent from {@link SectionBaseProps.hideDescription} —\n * the two are separate concerns.\n \n Honored for the solo modes (DEFAULT / CARD / GHOST / COLLAPSIBLE), i.e.\n * the modes a `<Section>` renders itself. Container/grouped modes (GRID / TABS\n * / …) take their heading from the layout host and ignore this flag.\n \n Hiding the title also releases the heading-dedup signal\n * ({@link SectionHostHeadingContext}), so an embedded resource surface is free\n * to render its own heading again.\n /\n hideTitle?: boolean;\n /\n Suppress the section's resolved DESCRIPTION, independently of the title.\n \n NB: the CARD renderer nests the description inside the title heading block,\n * so on a CARD hiding the title also hides the description; on DEFAULT / GHOST\n * / COLLAPSIBLE the two render independently.\n /\n hideDescription?: boolean;\n children: ReactNode;\n /\n Universal behavioral prop — initial focus state.\n * - COLLAPSIBLE: whether the section starts expanded (default: true)\n * - TABS/PILLS/VERTICAL_TABS: whether this section is the default active tab\n * - ACCORDION: whether this section starts expanded\n * - STEPPER: no effect (always sequential)\n * @default true for COLLAPSIBLE, false for others\n /\n defaultFocus?: boolean;\n};\n\n// ─── Solo modes ───\n\ntype SectionProps_Default = SectionBaseProps & {\n appearance?: SectionMode.DEFAULT;\n};\n\ntype SectionProps_Card = SectionBaseProps & {\n appearance: SectionMode.CARD;\n};\n\ntype SectionProps_Ghost = SectionBaseProps & {\n appearance: SectionMode.GHOST;\n};\n\ntype SectionProps_Collapsible = SectionBaseProps & {\n appearance: SectionMode.COLLAPSIBLE;\n};\n\n// ─── Layout container modes ───\n\ntype SectionProps_Inline = SectionBaseProps & {\n appearance: SectionMode.INLINE;\n gap?: GapSize;\n};\n\ntype SectionProps_Grid = SectionBaseProps & {\n appearance: SectionMode.GRID;\n columns?: number \| 'auto';\n gap?: GapSize;\n minColumnWidth?: string;\n};\n\ntype SectionProps_Columns = SectionBaseProps & {\n appearance: SectionMode.COLUMNS;\n columns?: number \| 'auto';\n gap?: GapSize;\n};\n\n// ─── Navigation container modes ───\n\ntype SectionProps_Tabs = SectionBaseProps & {\n appearance: SectionMode.TABS;\n};\n\ntype SectionProps_VerticalTabs = SectionBaseProps & {\n appearance: SectionMode.VERTICAL_TABS;\n navWidth?: string;\n};\n\ntype SectionProps_Pills = SectionBaseProps & {\n appearance: SectionMode.PILLS;\n};\n\n// ─── Expandable container modes ───\n\ntype SectionProps_Accordion = SectionBaseProps & {\n appearance: SectionMode.ACCORDION;\n allowMultiple?: boolean;\n};\n\ntype SectionProps_Expandable = SectionBaseProps & {\n appearance: SectionMode.EXPANDABLE;\n initialVisibleCount?: number;\n};\n\n// ─── Guided container modes ───\n\ntype SectionProps_Stepper = SectionBaseProps & {\n appearance: SectionMode.STEPPER;\n allowSkip?: boolean;\n showProgress?: boolean;\n orientation?: DisplayDirection;\n};\n\ntype SectionProps_Timeline = SectionBaseProps & {\n appearance: SectionMode.TIMELINE;\n};\n\n/\n Discriminated union of all Section props.\n * TypeScript narrows mode-specific parameters based on `appearance`.\n \n Solo modes (DEFAULT, CARD, GHOST, COLLAPSIBLE) render the section in place.\n * Container modes (TABS, GRID, etc.) are grouped by the parent layout\n * (`FormLayout`, `DisplayLayout`, or another section-aware host such as\n * `CompositeLayout`) into a `ContentSectionContainer`.\n /\nexport type SectionProps =\n \| SectionProps_Default\n \| SectionProps_Card\n \| SectionProps_Ghost\n \| SectionProps_Collapsible\n \| SectionProps_Inline\n \| SectionProps_Grid\n \| SectionProps_Columns\n \| SectionProps_Tabs\n \| SectionProps_VerticalTabs\n \| SectionProps_Pills\n \| SectionProps_Accordion\n \| SectionProps_Expandable\n \| SectionProps_Stepper\n \| SectionProps_Timeline;\n\nexport interface GroupedSectionBodyProps {\n hostKind: GroupedSectionHostKind;\n sectionProps: Pick<SectionProps, 'name' \| 'children' \| 'chromeMode' \| 'saveable' \| 'className' \| 'disabled'>;\n /\n Whether the grouping container renders a visible heading for this section\n * (the `ContentSectionDescriptor.title` the layout host resolved). When true,\n * descendants get {@link SectionHostHeadingContext} so an embedded resource\n * surface suppresses its own generic heading/breadcrumb — mirroring what solo\n * `<Section>` rendering does with its legend. Hosts pass `!!title`.\n /\n providesHeading?: boolean;\n}\n\n/\n Named section for form and display templates.\n \n The `appearance` prop determines rendering behavior:\n \n Solo modes (DEFAULT, CARD, GHOST, COLLAPSIBLE) render in place with\n * appropriate chrome (fieldset, card, collapsible wrapper).\n \n Container modes (TABS, GRID, ACCORDION, etc.) are NOT rendered directly\n * by this component — the parent layout (`FormLayout`, `DisplayLayout`, or\n * another section-aware host) introspects its children, groups sections sharing\n * the same container appearance, and renders them via\n * `ContentSectionContainer`.\n \n Supports:\n * - Saveable sections (form-only, section-level partial save)\n * - Section-level chromeMode override (cascaded to child fields)\n * - defaultFocus — initial active/expanded state\n \n @example Solo mode (renders in place):\n * ```tsx\n * <Section name=\"billing\" appearance={SectionMode.CARD}>\n * <DisplayField name=\"plan\" />\n * </Section>\n * ```\n \n @example Container mode (grouped by parent layout):\n * ```tsx\n * <FormLayout>\n * <Section name=\"general\" appearance={SectionMode.TABS} defaultFocus>\n * <FormField name=\"name\" />\n * </Section>\n * <Section name=\"advanced\" appearance={SectionMode.TABS}>\n * <FormField name=\"config\" />\n * </Section>\n * </FormLayout>\n * ```\n /\nexport function Section(props: SectionProps): ReactNode {\n const {\n name,\n className,\n saveable,\n chromeMode,\n children,\n defaultFocus = true,\n hideTitle = false,\n hideDescription = false,\n } = props;\n\n const appearance: SectionMode = props.appearance ?? SectionMode.DEFAULT;\n\n const formCtx = useOptionalFormTemplateContext();\n const displayCtx = useOptionalDisplayTemplateContext();\n const sectionPresentation = useOptionalSectionPresentationContext();\n\n const presentationEntry = sectionPresentation?.sectionEntries?.[name];\n const presentationTitle = presentationEntry?.icon\n ? (\n <>\n <span className=\"me-element inline-flex items-center\">{presentationEntry.icon}</span>\n {presentationEntry.title ?? ''}\n </>\n )\n : presentationEntry?.title;\n\n const legend = formCtx?.sectionLabels?.[name]\n ?? displayCtx?.sectionLabels?.[name]\n ?? presentationTitle;\n const description = formCtx?.sectionDescriptions?.[name]\n ?? displayCtx?.sectionDescriptions?.[name]\n ?? presentationEntry?.description;\n // Two independent hide concerns. Resolving to `undefined` flows through the\n // whole solo-render chrome contract: no legend/description on the\n // ContentSection primitive AND (for the title) no heading-dedup signal.\n const resolvedLegend = hideTitle ? undefined : legend;\n const resolvedDescription = hideDescription ? undefined : description;\n const disabled = props.disabled ?? formCtx?.disabled;\n const onSectionSave = formCtx?.onSectionSave;\n const isSaveable = !!(saveable && onSectionSave);\n const sectionHostKind = formCtx\n ? GroupedSectionHostKind.FORM\n : displayCtx\n ? GroupedSectionHostKind.DISPLAY\n : sectionPresentation\n ? GroupedSectionHostKind.COMPOSITE\n : GroupedSectionHostKind.DISPLAY;\n if (sectionHostKind === GroupedSectionHostKind.COMPOSITE && chromeMode) {\n throw FrontendResourceUtils.buildConfigurationError(\n ErrorCustomMessageReference.CONFIGURATION,\n {\n component: 'Section',\n message: 'Section chromeMode is only supported inside form/display section hosts. Composite-hosted sections must not declare chromeMode until a dedicated composite chrome contract exists.',\n sectionName: name,\n },\n );\n }\n const sectionFieldsContextValue = useSectionFieldsRegistry();\n\n // Container modes: render children as-is. The parent layout handles grouping.\n if (!isSoloMode(appearance)) {\n // Footgun guard: a container-mode section (GRID/TABS/COLUMNS/…) only receives\n // chrome (card, padding, title) when a layout HOST groups it into a\n // ContentSectionContainer. Reaching this branch means the section escaped\n // grouping — almost always because it was wrapped in a custom component\n // (hiding it from the host's `groupSectionsByAppearance` scan) or rendered\n // standalone — so it renders BARE (raw children only, no chrome). Warn so the\n // silent \"no chrome\" outcome is visible; for a single self-contained section\n // use a solo appearance (DEFAULT / CARD / GHOST) instead.\n if (process.env.NODE_ENV !== 'production') {\n const warnKey = `${name}:${appearance}`;\n if (!warnedUngroupedContainerSections.has(warnKey)) {\n warnedUngroupedContainerSections.add(warnKey);\n logger.warn(\n `[Section] container-mode section \"${name}\" (appearance=\"${appearance}\") is rendering ungrouped — no section chrome (card / padding / title), only its raw children. Container modes must be DIRECT <Section> children of a layout host (FormLayout / DisplayLayout / CompositeLayout) to be grouped. This usually means the <Section> is wrapped in a custom component or rendered standalone. Use a solo appearance (DEFAULT / CARD / GHOST) for a single self-contained section.`,\n { sectionName: name, appearance },\n );\n }\n }\n return <>{children}</>;\n }\n\n // When this section renders its own heading (legend), tell descendant resource\n // operation surfaces so an embedded list/etc. doesn't ALSO render its generic\n // resource heading right under ours (the \"To-Do Lists\" + \"Todo Lists\" double\n // heading). Record-specific headings (a READ view's displayLabel) are NOT\n // suppressed — the consumer gates on the absence of a displayLabel.\n const content = (\n <SectionHostHeadingContext.Provider value={!!resolvedLegend}>\n <SectionFieldsContext.Provider value={sectionFieldsContextValue}>\n <SectionContentWithHostChrome\n hostKind={sectionHostKind}\n chromeMode={chromeMode}\n >\n {children}\n </SectionContentWithHostChrome>\n {isSaveable && <SectionSaveButton sectionName={name} disabled={disabled} />}\n </SectionFieldsContext.Provider>\n </SectionHostHeadingContext.Provider>\n );\n\n // All four solo modes (DEFAULT / CARD / GHOST / COLLAPSIBLE) are rendered by\n // the ContentSection primitive, which owns the per-mode chrome: a native\n // <fieldset> (DEFAULT/CARD — the disabled cascade + when-orphan framing), a\n // flat <div> (GHOST), or a Collapsible toggle (COLLAPSIBLE). The legend and\n // description are passed as structured props so the primitive can place the\n // legend as a fieldset <legend> or a collapsible trigger as the mode requires.\n return (\n <ContentSection\n appearance={appearance as SoloSectionMode}\n legend={resolvedLegend}\n description={resolvedDescription}\n disabled={disabled}\n defaultOpen={defaultFocus}\n className={className}\n data-guidance-section={name}\n data-composite-section={sectionHostKind === GroupedSectionHostKind.COMPOSITE ? name : undefined}\n >\n {content}\n </ContentSection>\n );\n}\n\nSection.displayName = 'Section';\n\nexport function GroupedSectionBody({\n hostKind,\n sectionProps,\n providesHeading = false,\n}: GroupedSectionBodyProps): ReactNode {\n const { children, chromeMode, saveable, name, className, disabled } = sectionProps;\n const sectionFieldsContextValue = useSectionFieldsRegistry();\n\n let content: ReactNode = children;\n if (hostKind === GroupedSectionHostKind.FORM) {\n content = (\n <SectionFieldsContext.Provider value={sectionFieldsContextValue}>\n <SectionContentWithHostChrome hostKind={hostKind} chromeMode={chromeMode}>\n {children}\n </SectionContentWithHostChrome>\n {saveable && <SectionSaveButton sectionName={name} disabled={disabled} />}\n </SectionFieldsContext.Provider>\n );\n } else {\n content = (\n <SectionContentWithHostChrome hostKind={hostKind} chromeMode={chromeMode}>\n {children}\n </SectionContentWithHostChrome>\n );\n }\n\n return (\n // Same de-duplication contract as the solo-section path (see the provider\n // around `content` in Section above): when the grouping container renders\n // this section's title, an embedded resource surface must not stack its\n // own generic heading + breadcrumb under it.\n <SectionHostHeadingContext.Provider value={providesHeading}>\n <div\n className={className ? `space-y-field ${className}` : 'space-y-field'}\n data-guidance-section={name}\n data-composite-section={hostKind === GroupedSectionHostKind.COMPOSITE ? name : undefined}\n >\n {content}\n </div>\n </SectionHostHeadingContext.Provider>\n );\n}\n\nfunction SectionContentWithHostChrome({\n hostKind,\n chromeMode,\n children,\n}: {\n hostKind: GroupedSectionHostKind;\n chromeMode?: SectionProps['chromeMode'];\n children: ReactNode;\n}): ReactNode {\n if (!chromeMode) {\n return children;\n }\n\n if (hostKind === GroupedSectionHostKind.FORM) {\n return <FormChromeProvider sectionChromeMode={chromeMode}>{children}</FormChromeProvider>;\n }\n\n if (hostKind === GroupedSectionHostKind.DISPLAY) {\n return <DisplayChromeProvider sectionChromeMode={toDisplayChromeMode(chromeMode)}>{children}</DisplayChromeProvider>;\n }\n\n return children;\n}\n\n\n// =============================================================================\n// SectionSaveButton (extracted to avoid useFormContext crash in display templates)\n// =============================================================================\n\nexport interface SectionSaveButtonProps {\n sectionName: string;\n disabled?: boolean;\n}\n\n/\n Section-level save button — only rendered inside form contexts.\n * Extracted from Section to isolate the useFormContext() call, preventing\n * crashes when Section is used inside display templates.\n \n Also rendered by `GroupedSectionBody` for grouped (tabbed/accordion)\n * container section panels mounted via `GroupedSectionContent` in\n * `FormLayout.tsx`.\n */\nexport function SectionSaveButton({ sectionName, disabled }: SectionSaveButtonProps): ReactNode {\n const form = useFormContext();\n const ctx = useOptionalFormTemplateContext();\n const registeredFieldNames = useRegisteredSectionFields();\n const [isSaving, setIsSaving] = useState(false);\n const { tComponent, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n });\n\n const onSectionSave = ctx?.onSectionSave;\n if (!onSectionSave) return null;\n if (!isReady) return null;\n\n const handleSave = async () => {\n if (registeredFieldNames.length === 0) {\n return;\n }\n\n const isValid = await form.trigger(registeredFieldNames);\n\n if (!isValid) {\n return;\n }\n\n setIsSaving(true);\n try {\n const formValues = form.getValues();\n await onSectionSave(sectionName, registeredFieldNames, formValues as Record<string, unknown>);\n } finally {\n setIsSaving(false);\n }\n };\n\n const savingLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'sectionSaving');\n const saveLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'sectionSave');\n\n return (\n <div className=\"flex justify-end pt-item\">\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.SECONDARY}\n size={ButtonSize.SM}\n onClick={handleSave}\n disabled={disabled \|\| isSaving \|\| registeredFieldNames.length === 0}\n >\n {isSaving ? savingLabel : saveLabel}\n </Button>\n </div>\n );\n}\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.shared.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/Section.shared.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB"}
1	+ {"version":3,"file":"Section.shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Section.shared.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB"}

package/dist/esm/components/resources/skeleton/Section.shared.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.shared.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/Section.shared.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,sBAIX;AAJD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,6CAAmB,CAAA;IACnB,iDAAuB,CAAA;AACzB,CAAC,EAJW,sBAAsB,KAAtB,sBAAsB,QAIjC","sourcesContent":["export enum GroupedSectionHostKind {\n FORM = 'form',\n DISPLAY = 'display',\n COMPOSITE = 'composite',\n}\n"]}
1	+ {"version":3,"file":"Section.shared.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Section.shared.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,sBAIX;AAJD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,6CAAmB,CAAA;IACnB,iDAAuB,CAAA;AACzB,CAAC,EAJW,sBAAsB,KAAtB,sBAAsB,QAIjC","sourcesContent":["export enum GroupedSectionHostKind {\n FORM = 'form',\n DISPLAY = 'display',\n COMPOSITE = 'composite',\n}\n"]}

package/dist/esm/components/resources/skeleton/SectionFieldsContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionFieldsContext.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SectionFieldsContext.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;;OAKG;IACH,mBAAmB,EAAE,MAAM,MAAM,EAAE,CAAC;IACpC;;;;OAIG;IACH,2BAA2B,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,oBAAoB,oDAAwD,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,wBAAwB,IAAI,yBAAyB,CA6BpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQnE;AAKD;;;;;GAKG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,EAAE,CAMrD"}
1	+ {"version":3,"file":"SectionFieldsContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SectionFieldsContext.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;;OAKG;IACH,mBAAmB,EAAE,MAAM,MAAM,EAAE,CAAC;IACpC;;;;OAIG;IACH,2BAA2B,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,oBAAoB,oDAAwD,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,wBAAwB,IAAI,yBAAyB,CA6BpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQnE;AAKD;;;;;GAKG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,EAAE,CAMrD"}

package/dist/esm/components/resources/skeleton/SectionFieldsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionFieldsContext.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SectionFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA+B7F,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,wBAAwB;IACtC,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAA8B,EAAE;QAC1D,2FAA2F;QAC3F,IAAI,gBAAgB,GAAa,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;QACxC,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,KAAK,MAAM,QAAQ,IAAI,SAAS;gBAAE,QAAQ,EAAE,CAAC;QAC/C,CAAC,CAAC;QACF,OAAO;YACL,aAAa,EAAE,CAAC,IAAY,EAAQ,EAAE;gBACpC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAAE,OAAO;gBAC5C,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAC/C,MAAM,EAAE,CAAC;YACX,CAAC;YACD,eAAe,EAAE,CAAC,IAAY,EAAQ,EAAE;gBACtC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAAE,OAAO;gBAC7C,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;gBAC1E,MAAM,EAAE,CAAC;YACX,CAAC;YACD,mBAAmB,EAAE,GAAa,EAAE,CAAC,gBAAgB;YACrD,2BAA2B,EAAE,CAAC,QAAoB,EAAgB,EAAE;gBAClE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACxB,OAAO,GAAG,EAAE;oBACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC7B,CAAC,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,2BAA2B,CAAC,SAAiB;IAC3D,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,uBAAuB,GAAa,EAAE,CAAC;AAC7C,MAAM,kBAAkB,GAAG,GAAiB,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;AAExD;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B;IACxC,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,OAAO,oBAAoB,CACzB,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CAAC,kBAAkB,EAC1D,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAa,EAAE,CAAC,uBAAuB,CACxE,CAAC;AACJ,CAAC","sourcesContent":["import { createContext, useContext, useEffect, useState, useSyncExternalStore } from 'react';\n\n/*\n Registry contract a form-hosted section exposes to its descendants.\n \n IDENTITY CONTRACT: providers MUST keep the context value identity-stable for\n * the lifetime of the section (see `useSectionFieldsRegistry`). Every\n * `FormField` registers itself through an effect that depends on this value;\n * a value whose identity tracks the registry contents re-fires every field's\n * registration effect on each mutation (unregister + register → new contents\n * → new value → …), which loops until React throws \"Maximum update depth\n * exceeded\" (recovered 2026-06-10 on the Wonder Todos todoLists create form).\n /\nexport interface SectionFieldsContextValue {\n registerField: (name: string) => void;\n unregisterField: (name: string) => void;\n /\n Current registered field names (insertion-ordered, deduplicated).\n * Returns the live immutable snapshot — a new array identity is produced\n * only when the contents actually change, so it is safe to use as a\n * `useSyncExternalStore` snapshot.\n /\n getRegisteredFields: () => string[];\n /\n Subscribe to registry mutations. Returns the unsubscribe function.\n * Render-reactive consumers should prefer `useRegisteredSectionFields`\n * over wiring this manually.\n /\n subscribeToRegisteredFields: (listener: () => void) => () => void;\n}\n\nexport const SectionFieldsContext = createContext<SectionFieldsContextValue \| null>(null);\n\n/\n Builds the identity-stable registry backing `SectionFieldsContext`.\n * Used by both section form hosts (`Section` solo modes and\n * `GroupedSectionBody` for grouped container panels) — keep them on this\n * single implementation so the identity contract cannot drift between hosts.\n \n Why the registry lives OUTSIDE React state: registrations arrive from\n * descendant effects. If the registered names were `useState` data baked into\n * the provider value (e.g. a `useMemo` with the names in its deps), every\n * registration would change the value identity, re-fire every field's\n * registration effect (cleanup unregister + register), change the state\n * again, and re-render forever — register/unregister pairs always transition\n * through fresh array identities, so any state-derived value loops by\n * construction. Instead the store is created once per section; mutations swap\n * an immutable snapshot and notify subscribers, so registry churn re-renders\n * only the components that opted in via `useRegisteredSectionFields` — never\n * the provider, never the registrants.\n \n Same family as the `WizardStep` field registry (stable mutable container),\n * extended with subscription because section save buttons render from the\n * registry contents (disabled-when-empty) and need to observe changes.\n /\nexport function useSectionFieldsRegistry(): SectionFieldsContextValue {\n const [registry] = useState((): SectionFieldsContextValue => {\n /* Immutable snapshot — swapped (never mutated) so subscribers can compare by identity. /\n let registeredFields: string[] = [];\n const listeners = new Set<() => void>();\n const notify = (): void => {\n for (const listener of listeners) listener();\n };\n return {\n registerField: (name: string): void => {\n if (registeredFields.includes(name)) return;\n registeredFields = [...registeredFields, name];\n notify();\n },\n unregisterField: (name: string): void => {\n if (!registeredFields.includes(name)) return;\n registeredFields = registeredFields.filter((current) => current !== name);\n notify();\n },\n getRegisteredFields: (): string[] => registeredFields,\n subscribeToRegisteredFields: (listener: () => void): (() => void) => {\n listeners.add(listener);\n return () => {\n listeners.delete(listener);\n };\n },\n };\n });\n return registry;\n}\n\n/\n Hook for `FormField` to register with the enclosing saveable section so the\n * section save action can validate and submit only the fields it actually\n * owns. No-op outside a section provider.\n \n Depends on the context value identity on purpose (React contract: re-bind\n * if the provider genuinely changes). This is safe only because providers\n * honor the identity contract documented on `SectionFieldsContextValue` —\n * the effect then runs once per field mount.\n /\nexport function useSectionFieldRegistration(fieldName: string): void {\n const ctx = useContext(SectionFieldsContext);\n useEffect(() => {\n ctx?.registerField(fieldName);\n return () => {\n ctx?.unregisterField(fieldName);\n };\n }, [ctx, fieldName]);\n}\n\nconst EMPTY_REGISTERED_FIELDS: string[] = [];\nconst subscribeToNothing = (): (() => void) => () => {};\n\n/\n Render-reactive view of the enclosing section's registered field names.\n * Re-renders the caller when fields register/unregister (e.g. conditionally\n * shown fields), without ever invalidating the provider value. Returns a\n * stable empty array outside any section provider.\n */\nexport function useRegisteredSectionFields(): string[] {\n const ctx = useContext(SectionFieldsContext);\n return useSyncExternalStore(\n ctx ? ctx.subscribeToRegisteredFields : subscribeToNothing,\n ctx ? ctx.getRegisteredFields : (): string[] => EMPTY_REGISTERED_FIELDS,\n );\n}\n"]}
1	+ {"version":3,"file":"SectionFieldsContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SectionFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA+B7F,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,wBAAwB;IACtC,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAA8B,EAAE;QAC1D,2FAA2F;QAC3F,IAAI,gBAAgB,GAAa,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;QACxC,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,KAAK,MAAM,QAAQ,IAAI,SAAS;gBAAE,QAAQ,EAAE,CAAC;QAC/C,CAAC,CAAC;QACF,OAAO;YACL,aAAa,EAAE,CAAC,IAAY,EAAQ,EAAE;gBACpC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAAE,OAAO;gBAC5C,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAC/C,MAAM,EAAE,CAAC;YACX,CAAC;YACD,eAAe,EAAE,CAAC,IAAY,EAAQ,EAAE;gBACtC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAAE,OAAO;gBAC7C,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;gBAC1E,MAAM,EAAE,CAAC;YACX,CAAC;YACD,mBAAmB,EAAE,GAAa,EAAE,CAAC,gBAAgB;YACrD,2BAA2B,EAAE,CAAC,QAAoB,EAAgB,EAAE;gBAClE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACxB,OAAO,GAAG,EAAE;oBACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC7B,CAAC,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,2BAA2B,CAAC,SAAiB;IAC3D,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,uBAAuB,GAAa,EAAE,CAAC;AAC7C,MAAM,kBAAkB,GAAG,GAAiB,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;AAExD;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B;IACxC,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,OAAO,oBAAoB,CACzB,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CAAC,kBAAkB,EAC1D,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAa,EAAE,CAAC,uBAAuB,CACxE,CAAC;AACJ,CAAC","sourcesContent":["import { createContext, useContext, useEffect, useState, useSyncExternalStore } from 'react';\n\n/*\n Registry contract a form-hosted section exposes to its descendants.\n \n IDENTITY CONTRACT: providers MUST keep the context value identity-stable for\n * the lifetime of the section (see `useSectionFieldsRegistry`). Every\n * `FormField` registers itself through an effect that depends on this value;\n * a value whose identity tracks the registry contents re-fires every field's\n * registration effect on each mutation (unregister + register → new contents\n * → new value → …), which loops until React throws \"Maximum update depth\n * exceeded\" (recovered 2026-06-10 on the Wonder Todos todoLists create form).\n /\nexport interface SectionFieldsContextValue {\n registerField: (name: string) => void;\n unregisterField: (name: string) => void;\n /\n Current registered field names (insertion-ordered, deduplicated).\n * Returns the live immutable snapshot — a new array identity is produced\n * only when the contents actually change, so it is safe to use as a\n * `useSyncExternalStore` snapshot.\n /\n getRegisteredFields: () => string[];\n /\n Subscribe to registry mutations. Returns the unsubscribe function.\n * Render-reactive consumers should prefer `useRegisteredSectionFields`\n * over wiring this manually.\n /\n subscribeToRegisteredFields: (listener: () => void) => () => void;\n}\n\nexport const SectionFieldsContext = createContext<SectionFieldsContextValue \| null>(null);\n\n/\n Builds the identity-stable registry backing `SectionFieldsContext`.\n * Used by both section form hosts (`Section` solo modes and\n * `GroupedSectionBody` for grouped container panels) — keep them on this\n * single implementation so the identity contract cannot drift between hosts.\n \n Why the registry lives OUTSIDE React state: registrations arrive from\n * descendant effects. If the registered names were `useState` data baked into\n * the provider value (e.g. a `useMemo` with the names in its deps), every\n * registration would change the value identity, re-fire every field's\n * registration effect (cleanup unregister + register), change the state\n * again, and re-render forever — register/unregister pairs always transition\n * through fresh array identities, so any state-derived value loops by\n * construction. Instead the store is created once per section; mutations swap\n * an immutable snapshot and notify subscribers, so registry churn re-renders\n * only the components that opted in via `useRegisteredSectionFields` — never\n * the provider, never the registrants.\n \n Same family as the `WizardStep` field registry (stable mutable container),\n * extended with subscription because section save buttons render from the\n * registry contents (disabled-when-empty) and need to observe changes.\n /\nexport function useSectionFieldsRegistry(): SectionFieldsContextValue {\n const [registry] = useState((): SectionFieldsContextValue => {\n /* Immutable snapshot — swapped (never mutated) so subscribers can compare by identity. /\n let registeredFields: string[] = [];\n const listeners = new Set<() => void>();\n const notify = (): void => {\n for (const listener of listeners) listener();\n };\n return {\n registerField: (name: string): void => {\n if (registeredFields.includes(name)) return;\n registeredFields = [...registeredFields, name];\n notify();\n },\n unregisterField: (name: string): void => {\n if (!registeredFields.includes(name)) return;\n registeredFields = registeredFields.filter((current) => current !== name);\n notify();\n },\n getRegisteredFields: (): string[] => registeredFields,\n subscribeToRegisteredFields: (listener: () => void): (() => void) => {\n listeners.add(listener);\n return () => {\n listeners.delete(listener);\n };\n },\n };\n });\n return registry;\n}\n\n/\n Hook for `FormField` to register with the enclosing saveable section so the\n * section save action can validate and submit only the fields it actually\n * owns. No-op outside a section provider.\n \n Depends on the context value identity on purpose (React contract: re-bind\n * if the provider genuinely changes). This is safe only because providers\n * honor the identity contract documented on `SectionFieldsContextValue` —\n * the effect then runs once per field mount.\n /\nexport function useSectionFieldRegistration(fieldName: string): void {\n const ctx = useContext(SectionFieldsContext);\n useEffect(() => {\n ctx?.registerField(fieldName);\n return () => {\n ctx?.unregisterField(fieldName);\n };\n }, [ctx, fieldName]);\n}\n\nconst EMPTY_REGISTERED_FIELDS: string[] = [];\nconst subscribeToNothing = (): (() => void) => () => {};\n\n/\n Render-reactive view of the enclosing section's registered field names.\n * Re-renders the caller when fields register/unregister (e.g. conditionally\n * shown fields), without ever invalidating the provider value. Returns a\n * stable empty array outside any section provider.\n */\nexport function useRegisteredSectionFields(): string[] {\n const ctx = useContext(SectionFieldsContext);\n return useSyncExternalStore(\n ctx ? ctx.subscribeToRegisteredFields : subscribeToNothing,\n ctx ? ctx.getRegisteredFields : (): string[] => EMPTY_REGISTERED_FIELDS,\n );\n}\n"]}

package/dist/esm/components/resources/skeleton/SectionHostHeadingContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionHostHeadingContext.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SectionHostHeadingContext.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,yBAAyB,kCAAgC,CAAC;AAEvE;;;;GAIG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAEvD"}
1	+ {"version":3,"file":"SectionHostHeadingContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SectionHostHeadingContext.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,yBAAyB,kCAAgC,CAAC;AAEvE;;;;GAIG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAEvD"}

package/dist/esm/components/resources/skeleton/SectionHostHeadingContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionHostHeadingContext.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SectionHostHeadingContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,UAAU,6BAA6B;IAC3C,OAAO,UAAU,CAAC,yBAAyB,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/*\n Signals that the nearest enclosing section host already renders a visible\n * heading (a `<Section>` legend / title) for the region a descendant occupies.\n \n A resource operation surface embedded inside a titled section (e.g. a LIST\n * embedded in a composite `<Section name=\"todoLists\">`) would otherwise render\n * its OWN generic resource heading directly under the section's heading — two\n * headings naming the same thing (\"To-Do Lists\" then \"Todo Lists\"). The\n * embedded header reads this context (via {@link useSectionHostProvidesHeading})\n * and suppresses its generic title so the host section owns the heading.\n \n This is the heading analogue of the surface frame de-duplication: the host\n * owns the chrome, the embedded content does not duplicate it. It is scoped to\n * GENERIC titles only — a record-specific `displayLabel` (a READ view showing\n * an instance's name) is data, not a duplicate heading, and is never\n * suppressed (the consumer gates on the absence of a displayLabel).\n \n Default `false`: with no titled section ancestor (a standalone list/read\n * page), the embedded header renders its heading normally.\n /\nexport const SectionHostHeadingContext = createContext<boolean>(false);\n\n/\n `true` when an ancestor `<Section>` already renders a heading for this region.\n * Resource headers use it to avoid emitting a duplicate generic heading when\n * embedded inside a titled section host.\n */\nexport function useSectionHostProvidesHeading(): boolean {\n return useContext(SectionHostHeadingContext);\n}\n"]}
1	+ {"version":3,"file":"SectionHostHeadingContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SectionHostHeadingContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,UAAU,6BAA6B;IAC3C,OAAO,UAAU,CAAC,yBAAyB,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/*\n Signals that the nearest enclosing section host already renders a visible\n * heading (a `<Section>` legend / title) for the region a descendant occupies.\n \n A resource operation surface embedded inside a titled section (e.g. a LIST\n * embedded in a composite `<Section name=\"todoLists\">`) would otherwise render\n * its OWN generic resource heading directly under the section's heading — two\n * headings naming the same thing (\"To-Do Lists\" then \"Todo Lists\"). The\n * embedded header reads this context (via {@link useSectionHostProvidesHeading})\n * and suppresses its generic title so the host section owns the heading.\n \n This is the heading analogue of the surface frame de-duplication: the host\n * owns the chrome, the embedded content does not duplicate it. It is scoped to\n * GENERIC titles only — a record-specific `displayLabel` (a READ view showing\n * an instance's name) is data, not a duplicate heading, and is never\n * suppressed (the consumer gates on the absence of a displayLabel).\n \n Default `false`: with no titled section ancestor (a standalone list/read\n * page), the embedded header renders its heading normally.\n /\nexport const SectionHostHeadingContext = createContext<boolean>(false);\n\n/\n `true` when an ancestor `<Section>` already renders a heading for this region.\n * Resource headers use it to avoid emitting a duplicate generic heading when\n * embedded inside a titled section host.\n */\nexport function useSectionHostProvidesHeading(): boolean {\n return useContext(SectionHostHeadingContext);\n}\n"]}

package/dist/esm/components/resources/skeleton/SectionPresentationContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionPresentationContext.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SectionPresentationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,+BAA+B;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;CAC3D;AAID,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,+BAA+B,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQpB;AAED,wBAAgB,qCAAqC,IAAI,+BAA+B,GAAG,IAAI,CAE9F"}
1	+ {"version":3,"file":"SectionPresentationContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SectionPresentationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,+BAA+B;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;CAC3D;AAID,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,+BAA+B,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQpB;AAED,wBAAgB,qCAAqC,IAAI,+BAA+B,GAAG,IAAI,CAE9F"}

package/dist/esm/components/resources/skeleton/SectionPresentationContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionPresentationContext.js","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SectionPresentationContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAYlF,MAAM,0BAA0B,GAAG,aAAa,CAAyC,IAAI,CAAC,CAAC;AAE/F,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACrD,QAAQ,GAC2B,CACvC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qCAAqC;IACnD,OAAO,UAAU,CAAC,0BAA0B,CAAC,CAAC;AAChD,CAAC","sourcesContent":["'use client';\n\nimport React, { createContext, useContext, useMemo, type ReactNode } from 'react';\n\nexport interface SectionPresentationEntry {\n title?: ReactNode;\n description?: ReactNode;\n icon?: ReactNode;\n}\n\nexport interface SectionPresentationContextValue {\n sectionEntries?: Record<string, SectionPresentationEntry>;\n}\n\nconst SectionPresentationContext = createContext<SectionPresentationContextValue \| null>(null);\n\nexport function SectionPresentationProvider({\n value,\n children,\n}: {\n value: SectionPresentationContextValue;\n children: ReactNode;\n}): React.JSX.Element {\n const contextValue = useMemo(() => value, [value]);\n\n return (\n <SectionPresentationContext.Provider value={contextValue}>\n {children}\n </SectionPresentationContext.Provider>\n );\n}\n\nexport function useOptionalSectionPresentationContext(): SectionPresentationContextValue \| null {\n return useContext(SectionPresentationContext);\n}\n"]}
1	+ {"version":3,"file":"SectionPresentationContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SectionPresentationContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAYlF,MAAM,0BAA0B,GAAG,aAAa,CAAyC,IAAI,CAAC,CAAC;AAE/F,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACrD,QAAQ,GAC2B,CACvC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qCAAqC;IACnD,OAAO,UAAU,CAAC,0BAA0B,CAAC,CAAC;AAChD,CAAC","sourcesContent":["'use client';\n\nimport React, { createContext, useContext, useMemo, type ReactNode } from 'react';\n\nexport interface SectionPresentationEntry {\n title?: ReactNode;\n description?: ReactNode;\n icon?: ReactNode;\n}\n\nexport interface SectionPresentationContextValue {\n sectionEntries?: Record<string, SectionPresentationEntry>;\n}\n\nconst SectionPresentationContext = createContext<SectionPresentationContextValue \| null>(null);\n\nexport function SectionPresentationProvider({\n value,\n children,\n}: {\n value: SectionPresentationContextValue;\n children: ReactNode;\n}): React.JSX.Element {\n const contextValue = useMemo(() => value, [value]);\n\n return (\n <SectionPresentationContext.Provider value={contextValue}>\n {children}\n </SectionPresentationContext.Provider>\n );\n}\n\nexport function useOptionalSectionPresentationContext(): SectionPresentationContextValue \| null {\n return useContext(SectionPresentationContext);\n}\n"]}

package/dist/esm/components/resources/skeleton/SubmitButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/resources/skeleton/SubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAmC3G;yBAnCe,YAAY"}
1	+ {"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAmC3G;yBAnCe,YAAY"}