npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.9 → 1.1.11 - Mend

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

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 (1566) hide show

package/dist/esm/components/sections/ContentSectionContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentSectionContainer.js","sourceRoot":"","sources":["../../../../../src/components/sections/ContentSectionContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ContentSectionContainer Component\n \n A universal container for rendering content sections in various modes.\n * Part of the UI Abstraction Patterns implementation.\n \n Uses the `SectionConfig` discriminated union — each mode variant\n * carries only its relevant parameters, enabling TypeScript narrowing\n * in the `switch (config.mode)` dispatcher.\n \n Supports 14 modes across 4 categories:\n * - Solo: default, card, ghost, collapsible\n * - Layout: inline, grid, columns\n * - Navigation: tabs, vertical_tabs, pills\n * - Expandable: accordion, expandable\n * - Guided: stepper, timeline\n /\n\nimport React, { useCallback, useId, useRef, useState } from 'react';\nimport { SectionMode, type SoloSectionMode, DisplayDirection } from '@wildo-ai/zod-decorators';\nimport type {\n AutoSectionWrap,\n SectionConfig,\n SectionConfig_Default,\n SectionConfig_Card,\n SectionConfig_Ghost,\n SectionConfig_Inline,\n SectionConfig_Grid,\n SectionConfig_Columns,\n SectionConfig_Tabs,\n SectionConfig_VerticalTabs,\n SectionConfig_Pills,\n SectionConfig_Accordion,\n SectionConfig_Collapsible,\n SectionConfig_Expandable,\n SectionConfig_Stepper,\n SectionConfig_Timeline,\n} from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useSurfacePolicy } from '~wildo-frontend-lib/core/ui/SurfacePolicyContext';\nimport { ButtonSize, FrontendComponentType, LabellingTypes, UIBehavior, SelectableVariant, SurfaceVariant, IndicatorVariant, TypographyVariant } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '~wildo-frontend-lib/components/sections/tabs';\nimport { Timeline, TimelineBody, TimelineEntry } from '~wildo-frontend-lib/components/data-display/timeline';\nimport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '~wildo-frontend-lib/components/sections/accordion';\nimport { ToggleGroupType } from '~wildo-frontend-lib/components/form/controls/enum/toggle-group';\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '~wildo-frontend-lib/components/sections/collapsible';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Badge } from '~wildo-frontend-lib/components/data-display/badge';\nimport { Surface } from '~wildo-frontend-lib/components/sections/surface';\nimport { ContentSection } from '~wildo-frontend-lib/components/sections/content-section';\nimport { EmptyState } from '~wildo-frontend-lib/components/feedback/empty-state';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ContentSectionDescriptor {\n /* Unique identifier for the section /\n id: string;\n /* Display title resolved from i18n. /\n title?: React.ReactNode;\n /* Optional description /\n description?: React.ReactNode;\n /* Content to render /\n content: React.ReactNode;\n /* Optional icon /\n icon?: React.ReactNode;\n /* A count the section's tab carries beside its title, in the tone it reads in (#1325). /\n count?: number;\n countTone?: IndicatorVariant;\n /* Whether section is disabled /\n disabled?: boolean;\n}\n\nexport interface ContentSectionContainerProps {\n /* Array of sections to render /\n sections: ContentSectionDescriptor[];\n /* Configuration — discriminated union, narrowed by `config.mode` /\n config: SectionConfig;\n /* Additional CSS classes /\n className?: string;\n /* Callback when active section changes /\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\nfunction resolveSectionWrapMode(value: string \| undefined): AutoSectionWrap {\n switch (value) {\n case 'grouped':\n case 'flat':\n case 'separator-only':\n return value;\n default:\n return 'card-each';\n }\n}\n\n/\n Maps the surface-policy `autoSectionWrap` to a {@link ContentSection}\n * `appearance` (+ optional className). Every container panel now renders through\n * the registry-resolved `ContentSection` primitive (P3 consolidation), so panels\n * inherit the native `<fieldset disabled>` cascade and the truthful `when-orphan`\n * frame de-duplication that solo sections already have — instead of the old\n * always-on `<Surface variant=BASE><div border rounded-lg>` chrome that could not\n * de-dup its frame when nested:\n * - `card-each` → CARD (framed fieldset; frame self-suppresses when nested)\n * - `flat` → DEFAULT (bare fieldset, no frame)\n * - `separator-only` → DEFAULT + a bottom-divider className\n \n Note (plan P3, §7 Decision 2 — heading-chrome redesign): container panels render\n * through ContentSection's PANEL mode, which PRESERVES the titled-card-with-header\n * look (an `<h3>` band with icon over a `border-b` divider, content in a `p-card`\n * area) while gaining the `<fieldset>` disabled cascade + when-orphan frame de-dup.\n * The visible chrome is unchanged from the former bespoke `<Surface><div border\n * rounded-lg>`; only the element (div → fieldset) and the frame-dedup behavior change.\n /\nfunction wrapModeToAppearance(wrapMode: AutoSectionWrap): { appearance: SoloSectionMode; className?: string } {\n switch (wrapMode) {\n case 'flat':\n return { appearance: SectionMode.DEFAULT };\n case 'separator-only':\n return { appearance: SectionMode.DEFAULT, className: 'border-b pb-field last:border-b-0 last:pb-0' };\n // `grouped` renders its own single-card + eyebrow chrome in the stacked path\n // (see GroupedSectionsCard). Any OTHER container mode (grid/tabs/columns/…)\n // that resolves `grouped` falls back to `card-each` here — those modes supply\n // their own layout, so a per-section card is the sensible frame.\n case 'grouped':\n case 'card-each':\n default:\n return { appearance: SectionMode.CARD };\n }\n}\n\n/\n GROUPED wrap-mode chrome (T3) — the modern default for stacked forms/settings.\n \n Renders ALL sections inside ONE `SurfaceVariant.CARD`, each as a flat group\n * introduced by an eyebrow label (the theme's `TypographyVariant.EYEBROW` recipe, the same voice\n * a TITLE-styled field label takes) and separated by `divide-y` — instead of a bordered card\n * per section with a floating `<legend>`. Each group's body is a flat\n * `ContentSection` (`SectionMode.DEFAULT`) so the native `<fieldset disabled>`\n * cascade + inter-field spacing are preserved; the section title is promoted to\n * the eyebrow (not the fieldset legend), so there is no nested per-group border.\n \n Used only by the stacked composition (single-section + InlineMode). It does not\n * touch the `ContentSection` primitive itself — it composes it.\n /\nconst GroupedSectionsCard: React.FC<{\n sections: ContentSectionDescriptor[];\n className?: string;\n}> = ({ sections, className }) => {\n const { getRecipe } = useUI();\n const cardRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.CARD);\n const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);\n const getLabel = useContentSectionContainerLabel();\n\n return (\n <Surface\n asChild\n emitPolicyVars={false}\n variant={SurfaceVariant.CARD}\n policyOverride={{ nesting: { framingMode: 'always' as const } }}\n >\n <div\n role=\"region\"\n aria-label={getLabel('contentSectionsRegion')}\n className={cn(cardRecipe.base, 'divide-y divide-border', className)}\n >\n {sections.map((section) => (\n <section key={section.id} data-slot=\"content-group\" className=\"space-y-field p-card\">\n {(section.title != null \|\| section.icon != null) && (\n <div className={cn('flex items-center gap-element-xs', eyebrowRecipe.base)}>\n {section.icon != null && <span className=\"inline-flex items-center\">{section.icon}</span>}\n {section.title}\n </div>\n )}\n {section.description != null && (\n <p className=\"text-sm text-muted-foreground\">{section.description}</p>\n )}\n <ContentSection appearance={SectionMode.DEFAULT} disabled={section.disabled}>\n {section.content}\n </ContentSection>\n </section>\n ))}\n </div>\n </Surface>\n );\n};\n\n/\n Renders a section panel WITH its heading through `ContentSection` in PANEL mode:\n * the heading renders as an `<h3>`/`<h4>` band (icon + title, level per `titleTag`,\n * default `h3`) with a `border-b` divider above the `p-card` content area (the\n * titled-card-with-header look), framed per `wrapMode` via a `<fieldset>` that\n * carries the disabled cascade + when-orphan frame-dedup. Used by the panel-heading\n * modes (single / inline / grid / columns / collapsible / expandable). Collapsible\n * panels pass `titleTag: 'h4'` since they nest under the collapsible-all `<h3>`.\n * The explicit `section.disabled` flows to the panel `<fieldset disabled>` for the\n * content cascade (plan Decision 4: panel content disabling is explicit/form-driven,\n * distinct from nav-trigger gating).\n /\nfunction renderPanelSection(section: ContentSectionDescriptor, params?: {\n titleTag?: 'h3' \| 'h4';\n wrapMode?: AutoSectionWrap;\n}): React.ReactNode {\n const { appearance, className } = wrapModeToAppearance(params?.wrapMode ?? 'card-each');\n\n return (\n <ContentSection\n key={section.id}\n panel\n appearance={appearance}\n headingTag={params?.titleTag}\n legend={section.title}\n icon={section.icon}\n description={section.description}\n disabled={section.disabled}\n className={className}\n >\n {section.content}\n </ContentSection>\n );\n}\n\n/\n Renders a section panel WITHOUT a panel heading through `ContentSection` — used\n * by the navigation/guided modes (tabs / vertical-tabs / pills / accordion /\n * stepper / timeline) where the heading lives in the trigger or nav and any\n * description/title is already injected into `content`. No `disabled` is passed:\n * nav-trigger gating stays on the trigger, and form-context disabling already\n * cascades from the form-level `<fieldset disabled>` (plan Decision 4).\n /\nfunction renderSectionContentChrome(\n section: ContentSectionDescriptor,\n content: React.ReactNode = section.content,\n wrapMode: AutoSectionWrap = 'card-each',\n): React.ReactNode {\n const { appearance, className } = wrapModeToAppearance(wrapMode);\n\n return (\n <ContentSection key={section.id} panel appearance={appearance} className={className}>\n {content}\n </ContentSection>\n );\n}\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\nexport const ContentSectionContainer: React.FC<ContentSectionContainerProps> = ({\n sections,\n config,\n className,\n onSectionChange,\n}) => {\n const surfacePolicy = useSurfacePolicy();\n const sectionWrapMode = resolveSectionWrapMode(surfacePolicy.autoRender?.autoSectionWrap);\n\n if (sections.length === 0) {\n if (config.emptyStateMessage) {\n return (\n <EmptyState\n title={config.emptyStateMessage}\n variant=\"compact\"\n className={className}\n />\n );\n }\n return null;\n }\n\n if (sections.length === 1 && !config.showSingleSectionNav) {\n if (sectionWrapMode === 'grouped') {\n return <GroupedSectionsCard sections={sections} className={className} />;\n }\n return (\n <div className={className}>\n {renderPanelSection(sections[0], { wrapMode: sectionWrapMode })}\n </div>\n );\n }\n\n switch (config.mode) {\n case SectionMode.DEFAULT:\n case SectionMode.CARD:\n case SectionMode.GHOST:\n case SectionMode.INLINE:\n return <InlineMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.GRID:\n return <GridMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.COLUMNS:\n return <ColumnsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.TABS:\n return <TabsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.VERTICAL_TABS:\n return <VerticalTabsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.PILLS:\n return <PillsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.ACCORDION:\n return <AccordionMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.COLLAPSIBLE:\n return <CollapsibleMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.EXPANDABLE:\n return <ExpandableMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.STEPPER:\n return <StepperMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.TIMELINE:\n return <TimelineMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n default:\n return <InlineMode sections={sections} config={{ mode: SectionMode.INLINE }} className={className} sectionWrapMode={sectionWrapMode} />;\n }\n};\n\n// =============================================================================\n// LAYOUT-BASED MODES\n// =============================================================================\n\n// =============================================================================\n// GAP HELPER\n// =============================================================================\n\nconst GAP_CLASSES = {\n sm: 'gap-element',\n md: 'gap-field',\n lg: 'gap-section',\n} as const;\n\nconst CONTENT_SECTION_CONTAINER_COMPONENT = FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_CONTAINER;\n\nfunction useContentSectionContainerLabel(): (\n key: string,\n params?: Record<string, string \| number>,\n) => string {\n const { tComponent } = useI18n({\n component: CONTENT_SECTION_CONTAINER_COMPONENT,\n });\n\n return useCallback((key: string, params?: Record<string, string \| number>) => {\n const result = tComponent(CONTENT_SECTION_CONTAINER_COMPONENT, key, params);\n const base = `${LabellingTypes.COMPONENTS}.${CONTENT_SECTION_CONTAINER_COMPONENT}.${key}`;\n return result === base ? '' : result;\n }, [tComponent]);\n}\n\n// =============================================================================\n// LAYOUT-BASED MODES\n// =============================================================================\n\ninterface InlineModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Default \| SectionConfig_Card \| SectionConfig_Ghost \| SectionConfig_Inline;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst InlineMode: React.FC<InlineModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const gap = ('gap' in config ? config.gap : undefined) ?? 'md';\n const gapClass = GAP_CLASSES[gap];\n const getLabel = useContentSectionContainerLabel();\n\n // GROUPED (modern default): one card, eyebrow-labelled groups, divide-y.\n if (sectionWrapMode === 'grouped') {\n return <GroupedSectionsCard sections={sections} className={className} />;\n }\n\n return (\n <div\n className={cn(`space-y-field ${gapClass}`, className)}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('contentSectionsRegion')}\n >\n {sections.map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n </div>\n );\n};\n\ninterface GridModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Grid;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst GridMode: React.FC<GridModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const columnCount = config.columnCount === 'auto' ? undefined : config.columnCount ?? 2;\n const gap = config.gap ?? 'md';\n const minColumnWidth = config.minColumnWidth ?? '300px';\n const gapClass = GAP_CLASSES[gap];\n const getLabel = useContentSectionContainerLabel();\n\n const style: React.CSSProperties = columnCount\n ? { gridTemplateColumns: `repeat(${columnCount}, 1fr)` }\n : { gridTemplateColumns: `repeat(auto-fit, minmax(${minColumnWidth}, 1fr))` };\n\n return (\n <div\n className={cn('grid', gapClass, className)}\n style={style}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('contentGridRegion')}\n >\n {sections.map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n </div>\n );\n};\n\ninterface ColumnsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Columns;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst ColumnsMode: React.FC<ColumnsModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const columnCount = config.columnCount === 'auto' ? 2 : config.columnCount ?? 2;\n const gap = config.gap ?? 'md';\n const gapClass = GAP_CLASSES[gap];\n const getLabel = useContentSectionContainerLabel();\n\n return (\n <div\n className={cn('columns-2', gapClass, className)}\n style={{ columnCount }}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('contentColumnsRegion')}\n >\n {sections.map((section) => (\n <div\n key={section.id}\n className={cn(\n 'break-inside-avoid mb-field',\n sectionWrapMode === 'separator-only' && 'border-b pb-field last:border-b-0 last:pb-0'\n )}\n >\n {renderPanelSection(section, { wrapMode: sectionWrapMode === 'separator-only' ? 'flat' : sectionWrapMode })}\n </div>\n ))}\n </div>\n );\n};\n\n// =============================================================================\n// NAVIGATION-BASED MODES\n// =============================================================================\n\ninterface TabsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Tabs;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\nconst TabsMode: React.FC<TabsModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const defaultValue = config.defaultActive ?? sections[0]?.id;\n const getLabel = useContentSectionContainerLabel();\n\n return (\n <Tabs\n /\n * Controlled when `config.activeSection` is present, uncontrolled otherwise — the standard\n * Radix contract, exposed so an OWNER can drive the tab (deep links, cross-pane navigation).\n * In the controlled shape every user click is only REPORTED through `onSectionChange`; an\n * owner that sets `activeSection` and ignores the callback has frozen its tabs.\n /\n {...(config.activeSection !== undefined ? { value: config.activeSection } : { defaultValue })}\n className={className}\n onValueChange={(value) => onSectionChange?.(value)}\n >\n <TabsList role=\"tablist\" aria-label={config.ariaLabel ?? getLabel('sectionTabsNav')}>\n {sections.map((section) => (\n <TabsTrigger\n key={section.id}\n value={section.id}\n disabled={section.disabled}\n role=\"tab\"\n aria-controls={`panel-${section.id}`}\n {...(section.count !== undefined ? { count: section.count } : {})}\n {...(section.countTone !== undefined ? { countTone: section.countTone } : {})}\n >\n {section.icon && <span className=\"me-element\">{section.icon}</span>}\n {section.title}\n </TabsTrigger>\n ))}\n </TabsList>\n {sections.map((section) => (\n <TabsContent\n key={section.id}\n value={section.id}\n role=\"tabpanel\"\n id={`panel-${section.id}`}\n aria-labelledby={section.id}\n // Radix unmounts inactive panels, so the active one mounts fresh on each\n // switch — `animate-in fade-in-0` runs once per activation (a subtle\n // cross-fade instead of an instant pop).\n className=\"animate-in fade-in-0 duration-[var(--motion-duration-fast)]\"\n >\n {renderSectionContentChrome(section, section.content, sectionWrapMode)}\n </TabsContent>\n ))}\n </Tabs>\n );\n};\n\ninterface VerticalTabsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_VerticalTabs;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\n/\n VERTICAL_TABS — side nav rail + content pane.\n \n Built on the Radix `Tabs` primitive (`orientation=\"vertical\"`) rather than a\n * hand-rolled `<nav>` of buttons. The prior hand-rolled version had three real\n * defects the primitive fixes for free: (1) the icon rendered STACKED above the\n * label because the plain button lacked `inline-flex items-center` (the Tabs\n * trigger preset supplies it); (2) `aria-controls` / `aria-labelledby` pointed at\n * ids that were never emitted on the trigger side, so the tab↔panel relationship\n * was broken for AT; (3) `role=\"tab\"` buttons had no roving `tabindex` or\n * Arrow-key navigation. The Tabs preset already styles `data-[orientation=vertical]`\n * as a left-aligned nav rail, so the look is preserved.\n /\nconst VerticalTabsMode: React.FC<VerticalTabsModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const defaultValue = config.defaultActive ?? sections[0]?.id;\n const getLabel = useContentSectionContainerLabel();\n const navWidth = config.navWidth ?? 'w-48';\n\n return (\n <Tabs\n / Controlled/uncontrolled split — same contract as TabsMode above (the seam's home). /\n {...(config.activeSection !== undefined ? { value: config.activeSection } : { defaultValue })}\n orientation={DisplayDirection.VERTICAL}\n /\n * `mt-field` — the rail and its panel start BELOW whatever introduces them. A vertical tab\n * set is a navigation surface, not a paragraph: butted against the preceding content its\n * first rail item read as one more line of that content rather than as the top of a\n * different control. The horizontal set gets its separation for free from the strip's own\n * bottom rule; this one has no such edge, so the space has to be declared.\n /\n className={cn('mt-field', className)}\n onValueChange={(value) => onSectionChange?.(value)}\n >\n <TabsList\n className={cn(navWidth, 'shrink-0 self-start border-e pe-card')}\n aria-label={config.ariaLabel ?? getLabel('verticalTabsRegion')}\n >\n {sections.map((section) => (\n <TabsTrigger\n key={section.id}\n value={section.id}\n disabled={section.disabled}\n {...(section.count !== undefined ? { count: section.count } : {})}\n {...(section.countTone !== undefined ? { countTone: section.countTone } : {})}\n >\n {section.icon && <span className=\"inline-flex items-center shrink-0\">{section.icon}</span>}\n {section.title}\n </TabsTrigger>\n ))}\n </TabsList>\n {sections.map((section) => (\n <TabsContent\n key={section.id}\n value={section.id}\n className=\"min-w-0 flex-1 animate-in fade-in-0 duration-[var(--motion-duration-fast)]\"\n >\n {renderSectionContentChrome(section, section.content, sectionWrapMode)}\n </TabsContent>\n ))}\n </Tabs>\n );\n};\n\ninterface PillsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Pills;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\n/\n PILLS — a horizontal nav tablist over a single content pane.\n \n Styled as the HORIZONTAL EQUIVALENT OF THE VERTICAL RAIL for coherence: the\n * same `SELECTABLE.FILLED` recipe (a soft tinted fill on the selected item) and\n * `rounded-md` shape the vertical-tabs rail uses — just laid out in a row instead\n * of a column. Separated items, NO connecting tray (a tray would read as a\n * segmented control, colliding with TABS's underline bar). The FILLED family is\n * the \"filled-selection\" pattern; TABS (underline) is the distinct sibling.\n \n Hand-rolled (the horizontal-row layout differs from the Radix rail) but\n * a11y-complete: `inline-flex items-center` so the icon sits INLINE with the\n * label; a roving `tabindex` (only the active item is tabbable) with\n * Arrow/Home/End keys per the WAI-ARIA tabs pattern; real `useId`-based\n * `aria-controls`/`aria-labelledby`. Each item carries `data-state` so the\n * recipe's `data-[state=active]:` selected fill actually applies — without it the\n * selection did not persist (only the transient focus ring showed).\n /\nconst PillsMode: React.FC<PillsModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const [uncontrolledActiveSection, setUncontrolledActiveSection] = useState(config.defaultActive ?? sections[0]?.id);\n /\n * Hand-rolled twin of the Radix controlled/uncontrolled contract the two Tabs modes get for\n * free: with `config.activeSection` present the OWNER's value renders and a click is only\n * REPORTED; without it the local state applies. The local setter still runs in the controlled\n * shape — harmlessly, and it keeps the uncontrolled fallback warm if the owner later removes\n * the prop (the same behavior Radix exhibits).\n /\n const activeSection = config.activeSection ?? uncontrolledActiveSection;\n const setActiveSection = setUncontrolledActiveSection;\n const { getRecipe } = useUI();\n const getLabel = useContentSectionContainerLabel();\n const baseId = useId();\n const tablistRef = useRef<HTMLDivElement>(null);\n // FILLED — the SAME recipe the vertical-tabs rail uses, so the two are coherent.\n const selectableRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);\n\n const tabId = (id: string): string => `${baseId}-tab-${id}`;\n const panelId = `${baseId}-panel`;\n\n const handleSectionChange = (id: string): void => {\n setActiveSection(id);\n onSectionChange?.(id);\n };\n\n // WAI-ARIA tabs keyboard model: Arrow keys move (and activate) among ENABLED\n // pills, wrapping at the ends; Home/End jump to first/last. Focus follows the\n // selection so the roving tabindex stays coherent.\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n const keys = ['ArrowRight', 'ArrowLeft', 'Home', 'End'];\n if (!keys.includes(event.key)) return;\n const enabledIds = sections.filter((s) => !s.disabled).map((s) => s.id);\n if (enabledIds.length === 0) return;\n event.preventDefault();\n const current = enabledIds.indexOf(activeSection);\n let nextIndex = current < 0 ? 0 : current;\n if (event.key === 'ArrowRight') nextIndex = (current + 1) % enabledIds.length;\n else if (event.key === 'ArrowLeft') nextIndex = (current - 1 + enabledIds.length) % enabledIds.length;\n else if (event.key === 'Home') nextIndex = 0;\n else if (event.key === 'End') nextIndex = enabledIds.length - 1;\n const nextId = enabledIds[nextIndex];\n handleSectionChange(nextId);\n tablistRef.current?.querySelector<HTMLElement>(`#${CSS.escape(tabId(nextId))}`)?.focus();\n };\n\n const activeContentSection = sections.find(s => s.id === activeSection);\n\n return (\n <div\n className={cn('space-y-field', className)}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('pillNavigationRegion')}\n >\n <div\n ref={tablistRef}\n className=\"flex flex-wrap items-center gap-item\"\n role=\"tablist\"\n aria-label={config.ariaLabel ?? getLabel('sectionTabsNav')}\n onKeyDown={handleKeyDown}\n >\n {sections.map((section) => {\n const isActive = activeSection === section.id;\n return (\n <button\n key={section.id}\n id={tabId(section.id)}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n aria-controls={panelId}\n // `data-state` drives the PILL recipe's `data-[state=active]:` solid\n // fill — the persistent selected indicator (was missing → no fill).\n data-state={isActive ? 'active' : 'inactive'}\n tabIndex={isActive ? 0 : -1}\n disabled={section.disabled}\n className={cn(\n // Mirror the vertical rail item: FILLED recipe + rounded-md.\n 'inline-flex items-center gap-element rounded-md px-card-sm py-item font-medium',\n selectableRecipe.base,\n selectableRecipe.motion?.transition,\n selectableRecipe.states.focus,\n // Hover only when NOT active, so the hover tint can't override the\n // selected fill on the active item.\n !isActive && selectableRecipe.states.hover,\n isActive && selectableRecipe.states.selected,\n section.disabled && 'opacity-[var(--opacity-disabled)] cursor-not-allowed'\n )}\n onClick={() => handleSectionChange(section.id)}\n >\n {section.icon && <span className=\"inline-flex items-center shrink-0\">{section.icon}</span>}\n {section.title}\n </button>\n );\n })}\n </div>\n\n <div\n key={activeSection}\n role=\"tabpanel\"\n id={panelId}\n aria-labelledby={tabId(activeSection)}\n tabIndex={0}\n className=\"animate-in fade-in-0 duration-[var(--motion-duration-fast)]\"\n >\n {activeContentSection && renderSectionContentChrome(activeContentSection, activeContentSection.content, sectionWrapMode)}\n </div>\n </div>\n );\n};\n\n// =============================================================================\n// EXPANDABLE MODES\n// =============================================================================\n\ninterface AccordionModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Accordion;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\nconst AccordionMode: React.FC<AccordionModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const defaultValue = config.defaultExpanded ?? [sections[0]?.id];\n // A true ACCORDION is single-open: opening one row collapses the others. Left\n // multi-open (the prior `!== false` default), it was indistinguishable from a\n // stack of independent EXPANDABLE toggles — the two modes lost their semantic\n // distinction. Multi-open stays available via explicit `allowMultiple: true`.\n const allowMultiple = config.allowMultiple ?? false;\n\n const accordionItems = sections.map((section) => (\n <AccordionItem\n key={section.id}\n value={section.id}\n disabled={section.disabled}\n >\n <AccordionTrigger\n className={cn(section.disabled && 'opacity-[var(--opacity-disabled)] cursor-not-allowed')}\n >\n {/\n * Wrap icon + title in ONE flex group so the trigger's own\n * `justify-between` separates [icon+title] from the chevron only. Passing\n * icon and title as two SIBLING children made `justify-between` distribute\n * THREE items (icon \| title \| chevron) and shove the title to the centre.\n /}\n <span className=\"flex items-center gap-item-xs\">\n {section.icon && <span className=\"inline-flex items-center shrink-0\">{section.icon}</span>}\n {section.title}\n </span>\n </AccordionTrigger>\n <AccordionContent>\n {renderSectionContentChrome(\n section,\n <>\n {section.description && (\n <p className=\"text-sm text-muted-foreground mb-field\">{section.description}</p>\n )}\n {section.content}\n </>,\n sectionWrapMode,\n )}\n </AccordionContent>\n </AccordionItem>\n ));\n\n if (allowMultiple) {\n return (\n <Accordion\n type={ToggleGroupType.MULTIPLE}\n defaultValue={defaultValue}\n className={className}\n onValueChange={(value) => onSectionChange?.(value)}\n >\n {accordionItems}\n </Accordion>\n );\n }\n\n return (\n <Accordion\n type={ToggleGroupType.SINGLE}\n defaultValue={defaultValue[0]}\n className={className}\n collapsible\n onValueChange={(value) => onSectionChange?.(value)}\n >\n {accordionItems}\n </Accordion>\n );\n};\n\ninterface CollapsibleModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Collapsible;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst CollapsibleMode: React.FC<CollapsibleModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const [isOpen, setIsOpen] = useState(true);\n const getLabel = useContentSectionContainerLabel();\n const openLabel = config.triggerLabel?.open ?? getLabel('accordionCollapseAll');\n const closedLabel = config.triggerLabel?.closed ?? getLabel('accordionExpandAll');\n const sectionCountLabel = getLabel('accordionSectionCount', { count: sections.length });\n\n return (\n <Collapsible open={isOpen} onOpenChange={setIsOpen} className={className}>\n <div className=\"flex items-center justify-between\">\n <h3 className=\"font-semibold\">{sectionCountLabel}</h3>\n <CollapsibleTrigger asChild>\n <Button variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} aria-expanded={isOpen}>\n {isOpen ? openLabel : closedLabel}\n </Button>\n </CollapsibleTrigger>\n </div>\n\n <CollapsibleContent className=\"space-y-field mt-field\">\n {sections.map((section) => renderPanelSection(section, { titleTag: 'h4', wrapMode: sectionWrapMode }))}\n </CollapsibleContent>\n </Collapsible>\n );\n};\n\ninterface ExpandableModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Expandable;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst ExpandableMode: React.FC<ExpandableModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const initialCount = config.initialVisibleCount ?? 3;\n const [showAll, setShowAll] = useState(false);\n const getLabel = useContentSectionContainerLabel();\n\n const visibleSections = showAll ? sections : sections.slice(0, initialCount);\n const hiddenCount = sections.length - initialCount;\n\n const showMoreLabel = config.showMoreLabel ?? getLabel('expandableShowMore', { count: hiddenCount });\n const showLessLabel = config.showLessLabel ?? getLabel('expandableShowLess');\n\n return (\n <div className={cn('space-y-field', className)}>\n {visibleSections.map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n\n {hiddenCount > 0 && (\n <Button\n variant={ButtonVariants_Variant.OUTLINE}\n className=\"w-full\"\n onClick={() => setShowAll(!showAll)}\n aria-expanded={showAll}\n >\n {showAll ? showLessLabel : showMoreLabel}\n </Button>\n )}\n </div>\n );\n};\n\n// =============================================================================\n// GUIDED MODES\n// =============================================================================\n\ninterface StepperModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Stepper;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\nconst StepperMode: React.FC<StepperModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const [currentStep, setCurrentStep] = useState(0);\n const getLabel = useContentSectionContainerLabel();\n const progressNavId = useId();\n const orientation = config.orientation ?? 'horizontal';\n // The numbered step indicators (filled circles + connectors) ALREADY communicate\n // progress, so the separate linear progress bar is redundant by default — a\n // double indicator for the same state. Opt in via `config.showProgress` only.\n const showProgress = config.showProgress ?? false;\n const allowSkip = config.allowSkip ?? false;\n const completedIcon = config.completedIcon ?? '✓';\n const nextLabel = config.nextLabel ?? getLabel('stepperNext');\n const previousLabel = config.previousLabel ?? getLabel('stepperPrevious');\n const completeLabel = config.completeLabel ?? getLabel('stepperComplete');\n\n // Single source of truth for \"can the user jump to this step?\" — used for BOTH\n // the disabled state AND the click handler. Previously the two disagreed: a step\n // could render ENABLED (`index <= currentStep + 1`) yet the handler silently\n // rejected the click (it only accepted STRICTLY adjacent steps), so e.g. jumping\n // back to step 1 from step 3 was a dead control. Users may revisit any completed\n // step and advance one step ahead; `allowSkip` unlocks arbitrary jumps.\n const canNavigate = (index: number): boolean => allowSkip \|\| index <= currentStep + 1;\n\n const handleStepChange = (index: number) => {\n if (index < 0 \|\| index >= sections.length) return;\n if (!canNavigate(index)) return;\n setCurrentStep(index);\n onSectionChange?.(sections[index].id);\n };\n\n const currentSection = sections[currentStep];\n\n return (\n <div className={cn('space-y-section', className)}>\n <nav\n id={progressNavId}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? 'flex-row gap-field' : 'flex-col gap-element'\n )}\n aria-label={config.ariaLabel ?? getLabel('stepperProgressNav')}\n >\n {sections.map((section, index) => {\n const isCompleted = index < currentStep;\n const isCurrent = index === currentStep;\n const isClickable = canNavigate(index);\n\n return (\n <button\n key={section.id}\n type=\"button\"\n onClick={() => handleStepChange(index)}\n disabled={!isClickable}\n className={cn(\n 'flex items-center gap-element',\n orientation === 'horizontal' ? 'flex-1' : '',\n !isClickable && 'cursor-not-allowed opacity-[var(--opacity-disabled)]'\n )}\n aria-current={isCurrent ? 'step' : undefined}\n >\n <div\n className={cn(\n 'w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium border-2',\n isCompleted && 'bg-primary text-primary-foreground border-primary',\n isCurrent && 'border-primary text-primary',\n !isCompleted && !isCurrent && 'border-muted-foreground/30'\n )}\n >\n {isCompleted ? completedIcon : index + 1}\n </div>\n\n <span className={cn(\n 'text-sm',\n isCurrent && 'font-medium',\n !isCurrent && !isCompleted && 'text-muted-foreground'\n )}>\n {section.title}\n </span>\n\n {orientation === 'horizontal' && index < sections.length - 1 && (\n <div className={cn(\n 'flex-1 h-0.5',\n isCompleted ? 'bg-primary' : 'bg-muted-foreground/30'\n )} />\n )}\n </button>\n );\n })}\n </nav>\n\n {showProgress && (\n <div className=\"w-full bg-muted rounded-full h-2\">\n <div\n className=\"bg-primary h-2 rounded-full transition-[width]\"\n style={{ width: `${((currentStep + 1) / sections.length) 100}%` }}\n role=\"progressbar\"\n /\n Named by the step navigation it summarises. `aria-labelledby` resolves the referenced\n * element's own `aria-label`, so the bar takes the SAME translated name as the landmark —\n * \"Step progress\" — with no second label key for every application to generate.\n * Unnamed, a screen reader announced a bare \"progress bar\" (axe `aria-progressbar-name`,\n * found enumerating #1411; its sibling on the Wonder Todos home was the one reported).\n /\n aria-labelledby={progressNavId}\n aria-valuenow={currentStep + 1}\n aria-valuemin={1}\n aria-valuemax={sections.length}\n />\n </div>\n )}\n\n {currentSection && (\n <div key={currentSection.id} className=\"animate-in fade-in-0 duration-[var(--motion-duration-fast)]\">\n {renderSectionContentChrome(currentSection, currentSection.content, sectionWrapMode)}\n </div>\n )}\n\n <div className=\"flex justify-between\">\n <Button\n variant={ButtonVariants_Variant.OUTLINE}\n onClick={() => handleStepChange(currentStep - 1)}\n disabled={currentStep === 0}\n >\n {previousLabel}\n </Button>\n <Button\n onClick={() => handleStepChange(currentStep + 1)}\n disabled={currentStep === sections.length - 1}\n >\n {currentStep === sections.length - 1 ? completeLabel : nextLabel}\n </Button>\n </div>\n </div>\n );\n};\n\ninterface TimelineModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Timeline;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst TimelineMode: React.FC<TimelineModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const getLabel = useContentSectionContainerLabel();\n\n /\n * Drawn on the framework's own `Timeline` since #1317 — this mode used to draw a private rail and\n * dot of its own, the first of three hand-drawn timelines the one component replaced. Each section\n * is an entry; a section step has no status, so the marker is the NEUTRAL tone.\n */\n return (\n <div className={className} role=\"region\" aria-label={config.ariaLabel ?? getLabel('timelineRegion')}>\n <Timeline className=\"gap-section\">\n {sections.map((section, index) => (\n <TimelineEntry key={section.id}>\n <TimelineBody>\n {renderSectionContentChrome(\n section,\n <>\n <div className=\"flex items-center gap-element mb-element\">\n {section.icon}\n <h3 className=\"font-semibold\">{section.title}</h3>\n <Badge variant=\"outline\" className=\"ms-auto\">\n {getLabel('timelineStep', { step: index + 1 })}\n </Badge>\n </div>\n {section.description && (\n <p className=\"text-sm text-muted-foreground mb-element\">{section.description}</p>\n )}\n {section.content}\n </>,\n sectionWrapMode,\n )}\n </TimelineBody>\n </TimelineEntry>\n ))}\n </Timeline>\n </div>\n );\n};\n\n// =============================================================================\n// EXPORTS\n// =============================================================================\n\nContentSectionContainer.displayName = 'ContentSectionContainer';\n\nexport default ContentSectionContainer;\n"]}
1	+ {"version":3,"file":"ContentSectionContainer.js","sourceRoot":"","sources":["../../../../../src/components/sections/ContentSectionContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ContentSectionContainer Component\n \n A universal container for rendering content sections in various modes.\n * Part of the UI Abstraction Patterns implementation.\n \n Uses the `SectionConfig` discriminated union — each mode variant\n * carries only its relevant parameters, enabling TypeScript narrowing\n * in the `switch (config.mode)` dispatcher.\n \n Supports 14 modes across 4 categories:\n * - Solo: default, card, ghost, collapsible\n * - Layout: inline, grid, columns\n * - Navigation: tabs, vertical_tabs, pills\n * - Expandable: accordion, expandable\n * - Guided: stepper, timeline\n /\n\nimport React, { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport { SectionMode, type SoloSectionMode, DisplayDirection } from '@wildo-ai/zod-decorators';\nimport type {\n AutoSectionWrap,\n SectionConfig,\n SectionConfig_Default,\n SectionConfig_Card,\n SectionConfig_Ghost,\n SectionConfig_Inline,\n SectionConfig_Grid,\n SectionConfig_Columns,\n SectionConfig_Tabs,\n SectionConfig_VerticalTabs,\n SectionConfig_Pills,\n SectionConfig_Accordion,\n SectionConfig_Collapsible,\n SectionConfig_Expandable,\n SectionConfig_Stepper,\n SectionConfig_Timeline,\n} from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { focusIndicatorClasses, FocusIndicatorShape } from '~wildo-frontend-lib/core/ui/themes/focus-indicator';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useSurfacePolicy } from '~wildo-frontend-lib/core/ui/SurfacePolicyContext';\nimport { ButtonSize, FrontendComponentType, LabellingTypes, UIBehavior, SelectableVariant, SurfaceVariant, IndicatorVariant, TypographyVariant } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { sectionHeadingClassName } from '~wildo-frontend-lib/components/sections/section-legend-voice';\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '~wildo-frontend-lib/components/sections/tabs';\nimport { Timeline, TimelineBody, TimelineEntry } from '~wildo-frontend-lib/components/data-display/timeline';\nimport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '~wildo-frontend-lib/components/sections/accordion';\nimport { ToggleGroupType } from '~wildo-frontend-lib/components/form/controls/enum/toggle-group';\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '~wildo-frontend-lib/components/sections/collapsible';\nimport { Stepper, StepperIndicator, StepperItem, StepperSeparator, StepperTitle } from '~wildo-frontend-lib/components/sections/stepper';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Badge } from '~wildo-frontend-lib/components/data-display/badge';\nimport { Surface } from '~wildo-frontend-lib/components/sections/surface';\nimport { ContentSection } from '~wildo-frontend-lib/components/sections/content-section';\nimport { EmptyState } from '~wildo-frontend-lib/components/feedback/empty-state';\nimport { DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT } from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nimport { fieldRevealPanelAttributes, useFieldRevealRequests, useKeepsHiddenPanelsMounted } from '~wildo-frontend-lib/components/form/validation-errors/field-reveal';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ContentSectionDescriptor {\n /* Unique identifier for the section /\n id: string;\n /* Display title resolved from i18n. /\n title?: React.ReactNode;\n /* Optional description /\n description?: React.ReactNode;\n /* Content to render /\n content: React.ReactNode;\n /* Optional icon /\n icon?: React.ReactNode;\n /* A count the section's tab carries beside its title, in the tone it reads in (#1325). /\n count?: number;\n countTone?: IndicatorVariant;\n /* Whether section is disabled /\n disabled?: boolean;\n}\n\nexport interface ContentSectionContainerProps {\n /* Array of sections to render /\n sections: ContentSectionDescriptor[];\n /* Configuration — discriminated union, narrowed by `config.mode` /\n config: SectionConfig;\n /* Additional CSS classes /\n className?: string;\n /* Callback when active section changes /\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\nfunction resolveSectionWrapMode(value: string \| undefined): AutoSectionWrap {\n switch (value) {\n case 'grouped':\n case 'flat':\n case 'separator-only':\n return value;\n default:\n return 'card-each';\n }\n}\n\n/\n Maps the surface-policy `autoSectionWrap` to a {@link ContentSection}\n * `appearance` (+ optional className). Every container panel renders through\n * the registry-resolved `ContentSection` primitive, so panels inherit the native\n * `<fieldset disabled>` cascade solo sections have:\n * - `card-each` → CARD (a framed fieldset; an authored card paints its frame in every context, nested or not)\n * - `flat` → DEFAULT (bare fieldset, no frame)\n * - `separator-only` → DEFAULT + a bottom-divider className\n \n Container panels render through ContentSection's PANEL mode: a titled card with a\n * header band (an `<h3>` with icon over a `border-b` divider, content in a `p-card`\n * area) for CARD, a flat group otherwise.\n /\nfunction wrapModeToAppearance(wrapMode: AutoSectionWrap): { appearance: SoloSectionMode; className?: string } {\n switch (wrapMode) {\n case 'flat':\n return { appearance: SectionMode.DEFAULT };\n case 'separator-only':\n return { appearance: SectionMode.DEFAULT, className: 'border-b pb-field last:border-b-0 last:pb-0' };\n // `grouped` renders its own single-card + eyebrow chrome in the stacked path\n // (see GroupedSectionsCard). Any OTHER container mode (grid/tabs/columns/…)\n // that resolves `grouped` falls back to `card-each` here — those modes supply\n // their own layout, so a per-section card is the sensible frame.\n case 'grouped':\n case 'card-each':\n default:\n return { appearance: SectionMode.CARD };\n }\n}\n\n/\n GROUPED wrap-mode chrome (T3) — the modern default for stacked forms/settings.\n \n Renders ALL sections inside ONE `SurfaceVariant.CARD`, each as a flat group\n * introduced by an eyebrow label (the theme's `TypographyVariant.EYEBROW` recipe, the same voice\n * a TITLE-styled field label takes) and separated by `divide-y` — instead of a bordered card\n * per section with a floating `<legend>`. Each group's body is a flat\n * `ContentSection` (`SectionMode.DEFAULT`) so the native `<fieldset disabled>`\n * cascade + inter-field spacing are preserved; the section title is promoted to\n * the eyebrow (not the fieldset legend), so there is no nested per-group border.\n \n Used only by the stacked composition (single-section + InlineMode). It does not\n * touch the `ContentSection` primitive itself — it composes it.\n /\nconst GroupedSectionsCard: React.FC<{\n sections: ContentSectionDescriptor[];\n className?: string;\n}> = ({ sections, className }) => {\n const { getRecipe } = useUI();\n const cardRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.CARD);\n const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);\n const getLabel = useContentSectionContainerLabel();\n\n return (\n <Surface\n asChild\n emitPolicyVars={false}\n variant={SurfaceVariant.CARD}\n policyOverride={{ nesting: { framingMode: 'always' as const } }}\n >\n <div\n role=\"region\"\n aria-label={getLabel('contentSectionsRegion')}\n className={cn(cardRecipe.base, 'divide-y divide-border', className)}\n >\n {sections.map((section) => (\n <section key={section.id} data-slot=\"content-group\" className=\"space-y-field p-card\">\n {(section.title != null \|\| section.icon != null) && (\n <div className={cn('flex items-center gap-element-xs', eyebrowRecipe.base)}>\n {section.icon != null && <span className=\"inline-flex items-center\">{section.icon}</span>}\n {section.title}\n </div>\n )}\n {section.description != null && (\n <p className=\"text-sm text-muted-foreground\">{section.description}</p>\n )}\n <ContentSection appearance={SectionMode.DEFAULT} disabled={section.disabled}>\n {section.content}\n </ContentSection>\n </section>\n ))}\n </div>\n </Surface>\n );\n};\n\n/\n Renders a section panel WITH its heading through `ContentSection` in PANEL mode:\n * the heading renders as an `<h3>`/`<h4>` band (icon + title, level per `titleTag`,\n * default `h3`) with a `border-b` divider above the `p-card` content area (the\n * titled-card-with-header look), framed per `wrapMode` via a `<fieldset>` that\n * carries the disabled cascade (a `card-each` panel always paints its card, a flat\n * one never frames). Used by the panel-heading\n * modes (single / inline / grid / columns / collapsible / expandable). Collapsible\n * panels pass `titleTag: 'h4'` since they nest under the collapsible-all `<h3>`.\n * The explicit `section.disabled` flows to the panel `<fieldset disabled>` for the\n * content cascade (plan Decision 4: panel content disabling is explicit/form-driven,\n * distinct from nav-trigger gating).\n /\nfunction renderPanelSection(section: ContentSectionDescriptor, params?: {\n titleTag?: 'h3' \| 'h4';\n wrapMode?: AutoSectionWrap;\n}): React.ReactNode {\n const { appearance, className } = wrapModeToAppearance(params?.wrapMode ?? 'card-each');\n\n return (\n <ContentSection\n key={section.id}\n panel\n appearance={appearance}\n headingTag={params?.titleTag}\n legend={section.title}\n icon={section.icon}\n description={section.description}\n disabled={section.disabled}\n className={className}\n >\n {section.content}\n </ContentSection>\n );\n}\n\n/\n Renders a section panel WITHOUT a panel heading through `ContentSection` — used\n * by the navigation/guided modes (tabs / vertical-tabs / pills / accordion /\n * stepper / timeline) where the heading lives in the trigger or nav and any\n * description/title is already injected into `content`. No `disabled` is passed:\n * nav-trigger gating stays on the trigger, and form-context disabling already\n * cascades from the form-level `<fieldset disabled>` (plan Decision 4).\n /\nfunction renderSectionContentChrome(\n section: ContentSectionDescriptor,\n content: React.ReactNode = section.content,\n wrapMode: AutoSectionWrap = 'card-each',\n): React.ReactNode {\n const { appearance, className } = wrapModeToAppearance(wrapMode);\n\n return (\n <ContentSection key={section.id} panel appearance={appearance} className={className}>\n {content}\n </ContentSection>\n );\n}\n\n/\n A section's content, introduced by its description. The modes whose heading lives OUTSIDE the panel (a tab, a\n * pill, a step, an accordion row) render the panel content-only, so the description had nowhere to go and was\n * dropped: TABS, VERTICAL_TABS, PILLS and STEPPER showed a section without the sentence that says what it is for,\n * which every other mode shows. It leads the panel, in the theme's description voice.\n /\nfunction SectionPanelContent({ section }: { section: ContentSectionDescriptor }): React.ReactNode {\n const { getRecipe } = useUI();\n if (section.description == null) return section.content;\n return (\n <>\n <p className={cn('mb-field', getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION).base)}>{section.description}</p>\n {section.content}\n </>\n );\n}\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\nexport const ContentSectionContainer: React.FC<ContentSectionContainerProps> = ({\n sections,\n config,\n className,\n onSectionChange,\n}) => {\n const surfacePolicy = useSurfacePolicy();\n const sectionWrapMode = resolveSectionWrapMode(surfacePolicy.autoRender?.autoSectionWrap);\n\n if (sections.length === 0) {\n if (config.emptyStateMessage) {\n return (\n <EmptyState\n title={config.emptyStateMessage}\n variant=\"compact\"\n className={className}\n />\n );\n }\n return null;\n }\n\n if (sections.length === 1 && !config.showSingleSectionNav) {\n if (sectionWrapMode === 'grouped') {\n return <GroupedSectionsCard sections={sections} className={className} />;\n }\n return (\n <div className={className}>\n {renderPanelSection(sections[0], { wrapMode: sectionWrapMode })}\n </div>\n );\n }\n\n switch (config.mode) {\n case SectionMode.DEFAULT:\n case SectionMode.CARD:\n case SectionMode.GHOST:\n case SectionMode.INLINE:\n return <InlineMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.GRID:\n return <GridMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.COLUMNS:\n return <ColumnsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.TABS:\n return <TabsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.VERTICAL_TABS:\n return <VerticalTabsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.PILLS:\n return <PillsMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.ACCORDION:\n return <AccordionMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.COLLAPSIBLE:\n return <CollapsibleMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.EXPANDABLE:\n return <ExpandableMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n case SectionMode.STEPPER:\n return <StepperMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} onSectionChange={onSectionChange} />;\n case SectionMode.TIMELINE:\n return <TimelineMode sections={sections} config={config} className={className} sectionWrapMode={sectionWrapMode} />;\n default:\n return <InlineMode sections={sections} config={{ mode: SectionMode.INLINE }} className={className} sectionWrapMode={sectionWrapMode} />;\n }\n};\n\n// =============================================================================\n// LAYOUT-BASED MODES\n// =============================================================================\n\n// =============================================================================\n// GAP HELPER\n// =============================================================================\n\nconst GAP_CLASSES = {\n sm: 'gap-element',\n md: 'gap-field',\n lg: 'gap-section',\n} as const;\n\n/* The length each gap class stands for, for a column computation that has to subtract the gaps. /\nconst GAP_LENGTHS = {\n sm: 'var(--spacing-element)',\n md: 'var(--spacing-field)',\n lg: 'var(--spacing-section)',\n} as const;\n\n/* The narrowest a COLUMNS column gets before the columns become fewer (the GRID default minimum, for one look). /\nconst COLUMNS_MIN_WIDTH = '300px';\n\nconst CONTENT_SECTION_CONTAINER_COMPONENT = FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_CONTAINER;\n\nfunction useContentSectionContainerLabel(): (\n key: string,\n params?: Record<string, string \| number>,\n) => string {\n const { tComponent } = useI18n({\n component: CONTENT_SECTION_CONTAINER_COMPONENT,\n });\n\n return useCallback((key: string, params?: Record<string, string \| number>) => {\n const result = tComponent(CONTENT_SECTION_CONTAINER_COMPONENT, key, params);\n const base = `${LabellingTypes.COMPONENTS}.${CONTENT_SECTION_CONTAINER_COMPONENT}.${key}`;\n return result === base ? '' : result;\n }, [tComponent]);\n}\n\n// =============================================================================\n// LAYOUT-BASED MODES\n// =============================================================================\n\ninterface InlineModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Default \| SectionConfig_Card \| SectionConfig_Ghost \| SectionConfig_Inline;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst InlineMode: React.FC<InlineModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const gap = ('gap' in config ? config.gap : undefined) ?? 'md';\n const gapClass = GAP_CLASSES[gap];\n const getLabel = useContentSectionContainerLabel();\n\n // GROUPED (modern default): one card, eyebrow-labelled groups, divide-y.\n if (sectionWrapMode === 'grouped') {\n return <GroupedSectionsCard sections={sections} className={className} />;\n }\n\n return (\n <div\n // A column with the configured gap. `space-y-field` beside a `gap-` class gave every gap the field spacing:\n // `gap` does nothing on a block container, so the `gap` option was a no-op.\n className={cn('flex flex-col', gapClass, className)}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('contentSectionsRegion')}\n >\n {sections.map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n </div>\n );\n};\n\ninterface GridModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Grid;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst GridMode: React.FC<GridModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n // `'auto'` is the documented default (`SectionConfig_Grid.columnCount`); the code defaulted to 2.\n const columnCount = config.columnCount === 'auto' \|\| config.columnCount === undefined ? undefined : config.columnCount;\n const gap = config.gap ?? 'md';\n const minColumnWidth = config.minColumnWidth ?? '300px';\n const gapClass = GAP_CLASSES[gap];\n const getLabel = useContentSectionContainerLabel();\n\n /\n Responsive in both shapes. `auto` fits as many columns of `minColumnWidth` as the container holds. A column\n * COUNT is a ceiling, not a constant: each column is at least its share of the row (so a wide container shows\n * exactly N) and at least `minColumnWidth` (so a narrow one shows fewer, down to one). A fixed `repeat(N, 1fr)`\n * squeezed two columns into a phone. `min(100%, …)` keeps a single column from overflowing a container narrower\n * than the minimum.\n \n The two shapes differ when there are fewer sections than columns. A COUNT keeps its columns (`auto-fill`): two\n * sections in a three-column grid take two of three columns, as `grid-cols-3` does, so they line up with a\n * three-column grid beside them. `auto` lets the sections fill the row (`auto-fit` collapses the empty columns).\n /\n const columnWidth = columnCount\n ? `max(${minColumnWidth}, calc((100% - ${columnCount - 1} ${GAP_LENGTHS[gap]}) / ${columnCount}))`\n : minColumnWidth;\n const repeatMode = columnCount ? 'auto-fill' : 'auto-fit';\n const style: React.CSSProperties = { gridTemplateColumns: `repeat(${repeatMode}, minmax(min(100%, ${columnWidth}), 1fr))` };\n\n return (\n <div\n className={cn('grid', gapClass, className)}\n style={style}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('contentGridRegion')}\n >\n {sections.map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n </div>\n );\n};\n\ninterface ColumnsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Columns;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst ColumnsMode: React.FC<ColumnsModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const gap = config.gap ?? 'md';\n const gapClass = GAP_CLASSES[gap];\n const getLabel = useContentSectionContainerLabel();\n /\n CSS multi-column with a minimum width: `columns: <count> <width>` is \"at most <count> columns, none narrower\n * than <width>\", so a narrow container flows into fewer. `'auto'`, the documented default, sets the width alone\n * and lets the container decide the count. The code used a fixed two columns whatever the width.\n /\n const columns = config.columnCount === 'auto' \|\| config.columnCount === undefined\n ? COLUMNS_MIN_WIDTH\n : `${config.columnCount} ${COLUMNS_MIN_WIDTH}`;\n\n return (\n <div\n className={cn(gapClass, className)}\n style={{ columns }}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('contentColumnsRegion')}\n >\n {sections.map((section) => (\n <div\n key={section.id}\n className={cn(\n 'break-inside-avoid mb-field',\n sectionWrapMode === 'separator-only' && 'border-b pb-field last:border-b-0 last:pb-0'\n )}\n >\n {renderPanelSection(section, { wrapMode: sectionWrapMode === 'separator-only' ? 'flat' : sectionWrapMode })}\n </div>\n ))}\n </div>\n );\n};\n\n// =============================================================================\n// NAVIGATION-BASED MODES\n// =============================================================================\n\ninterface TabsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Tabs;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\n/\n The tab a tab set shows, with the controlled/uncontrolled contract an OWNER can drive it through (deep links,\n * cross-pane navigation): with `config.activeSection` present the owner's value renders and a selection is only\n * REPORTED through `onSectionChange` (an owner that sets it and ignores the callback has frozen its tabs); without it\n * the set keeps its own. Held here rather than inside Radix so the set can answer a reveal request.\n /\nfunction useActiveTab(\n config: { defaultActive?: string; activeSection?: string },\n sections: ContentSectionDescriptor[],\n onSectionChange: ((sectionId: string \| string[]) => void) \| undefined,\n): { active: string \| undefined; select: (id: string) => void; revealContainerId: string } {\n const [localActive, setLocalActive] = useState(config.defaultActive ?? sections[0]?.id);\n const active = config.activeSection ?? localActive;\n const select = (id: string): void => {\n setLocalActive(id);\n onSectionChange?.(id);\n };\n const revealContainerId = useFieldRevealRequests((id) => {\n if (id === active) return false;\n select(id);\n return true;\n });\n return { active, select, revealContainerId };\n}\n\nconst TabsMode: React.FC<TabsModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const getLabel = useContentSectionContainerLabel();\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n const { active, select, revealContainerId } = useActiveTab(config, sections, onSectionChange);\n\n return (\n <Tabs value={active} className={className} onValueChange={select}>\n {/ Radix wires role, `aria-controls` and `aria-labelledby` between each trigger and its panel. /}\n <TabsList aria-label={config.ariaLabel ?? getLabel('sectionTabsNav')}>\n {sections.map((section) => (\n <TabsTrigger\n key={section.id}\n value={section.id}\n disabled={section.disabled}\n {...(section.count !== undefined ? { count: section.count } : {})}\n {...(section.countTone !== undefined ? { countTone: section.countTone } : {})}\n >\n {section.icon && <span className=\"me-element\">{section.icon}</span>}\n {section.title}\n </TabsTrigger>\n ))}\n </TabsList>\n {sections.map((section) => (\n <TabsContent\n key={section.id}\n value={section.id}\n {...(keepPanelsMounted ? { forceMount: true, hidden: section.id !== active } : {})}\n {...fieldRevealPanelAttributes(revealContainerId, section.id)}\n // The active panel appears fresh on each switch (mounted outside a form, un-hidden inside one, and a CSS\n // animation restarts when an element stops being `display: none`), so `animate-in fade-in-0` runs once per\n // activation: a subtle cross-fade instead of an instant pop.\n className=\"animate-in fade-in-0 duration-[var(--motion-duration-fast)]\"\n >\n {renderSectionContentChrome(section, <SectionPanelContent section={section} />, sectionWrapMode)}\n </TabsContent>\n ))}\n </Tabs>\n );\n};\n\ninterface VerticalTabsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_VerticalTabs;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\n/\n VERTICAL_TABS — side nav rail + content pane.\n \n Built on the Radix `Tabs` primitive (`orientation=\"vertical\"`) rather than a\n * hand-rolled `<nav>` of buttons. The prior hand-rolled version had three real\n * defects the primitive fixes for free: (1) the icon rendered STACKED above the\n * label because the plain button lacked `inline-flex items-center` (the Tabs\n * trigger preset supplies it); (2) `aria-controls` / `aria-labelledby` pointed at\n * ids that were never emitted on the trigger side, so the tab↔panel relationship\n * was broken for AT; (3) `role=\"tab\"` buttons had no roving `tabindex` or\n * Arrow-key navigation. The Tabs preset already styles `data-[orientation=vertical]`\n * as a left-aligned nav rail, so the look is preserved.\n /\n/\n Below this width the rail sits ABOVE its panel instead of beside it: the default 12rem rail plus the 24rem a\n * label-and-value row needs. Measured on the SSO policy in the Settings Hub at phone width (#2329): a 390px screen\n * left the rail half the pane and its fields about 80px, wrapping \"Require SSO\" a word per line. Nothing collapsed\n * the rail at any width. It is the CONTAINER that decides, not the viewport: the same section is narrow in a\n * settings pane on a wide screen.\n /\nconst VERTICAL_TABS_STACKING_THRESHOLD_REM = 36;\n\n/* Whether the element is narrower than `thresholdRem`, re-measured as it resizes. False until measured, and where nothing can measure. /\nfunction useNarrowerThan(thresholdRem: number): [React.RefCallback<HTMLElement>, boolean] {\n const [element, setElement] = useState<HTMLElement \| null>(null);\n const [narrow, setNarrow] = useState(false);\n useEffect(() => {\n if (!element \|\| typeof ResizeObserver === 'undefined') return undefined;\n const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) \|\| 16;\n const measure = (width: number) => setNarrow(width > 0 && width < thresholdRem rootFontSize);\n measure(element.getBoundingClientRect().width);\n const observer = new ResizeObserver(([entry]) => { if (entry) measure(entry.contentRect.width); });\n observer.observe(element);\n return () => observer.disconnect();\n }, [element, thresholdRem]);\n return [setElement, narrow];\n}\n\nconst VerticalTabsMode: React.FC<VerticalTabsModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const getLabel = useContentSectionContainerLabel();\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n const { active, select, revealContainerId } = useActiveTab(config, sections, onSectionChange);\n const navWidth = config.navWidth ?? 'w-48';\n // In a narrow container the rail becomes the horizontal strip, which already scrolls and fades at its edges. The\n // same `Tabs` instance changes orientation, so the open tab is kept, and Radix announces the orientation (and\n // takes the arrow keys) that is actually on screen.\n const [measureRef, stacked] = useNarrowerThan(VERTICAL_TABS_STACKING_THRESHOLD_REM);\n\n return (\n <div ref={measureRef} className=\"min-w-0\" data-vertical-tabs-stacked={stacked \|\| undefined}>\n <Tabs\n /* Controlled/uncontrolled split — same contract as TabsMode above (`useActiveTab`). /\n value={active}\n orientation={stacked ? DisplayDirection.HORIZONTAL : DisplayDirection.VERTICAL}\n /\n * `mt-field` — the rail and its panel start BELOW whatever introduces them. A vertical tab\n * set is a navigation surface, not a paragraph: butted against the preceding content its\n * first rail item read as one more line of that content rather than as the top of a\n * different control. The horizontal set gets its separation for free from the strip's own\n * bottom rule; this one has no such edge, so the space has to be declared.\n /\n className={cn('mt-field', className)}\n onValueChange={select}\n >\n <TabsList\n className={stacked ? undefined : cn(navWidth, 'shrink-0 self-start border-e pe-card')}\n aria-label={config.ariaLabel ?? getLabel('verticalTabsRegion')}\n >\n {sections.map((section) => (\n <TabsTrigger\n key={section.id}\n value={section.id}\n disabled={section.disabled}\n {...(section.count !== undefined ? { count: section.count } : {})}\n {...(section.countTone !== undefined ? { countTone: section.countTone } : {})}\n >\n {section.icon && <span className=\"inline-flex items-center shrink-0\">{section.icon}</span>}\n {section.title}\n </TabsTrigger>\n ))}\n </TabsList>\n {sections.map((section) => (\n <TabsContent\n key={section.id}\n value={section.id}\n {...(keepPanelsMounted ? { forceMount: true, hidden: section.id !== active } : {})}\n {...fieldRevealPanelAttributes(revealContainerId, section.id)}\n className=\"min-w-0 flex-1 animate-in fade-in-0 duration-[var(--motion-duration-fast)]\"\n >\n {renderSectionContentChrome(section, <SectionPanelContent section={section} />, sectionWrapMode)}\n </TabsContent>\n ))}\n </Tabs>\n </div>\n );\n};\n\ninterface PillsModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Pills;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\n/\n PILLS — a horizontal nav tablist over a single content pane.\n \n Styled as the HORIZONTAL EQUIVALENT OF THE VERTICAL RAIL for coherence: the\n * same `SELECTABLE.FILLED` recipe (a soft tinted fill on the selected item) and\n * `rounded-md` shape the vertical-tabs rail uses — just laid out in a row instead\n * of a column. Separated items, NO connecting tray (a tray would read as a\n * segmented control, colliding with TABS's underline bar). The FILLED family is\n * the \"filled-selection\" pattern; TABS (underline) is the distinct sibling.\n \n Hand-rolled (the horizontal-row layout differs from the Radix rail) but\n * a11y-complete: `inline-flex items-center` so the icon sits INLINE with the\n * label; a roving `tabindex` (only the active item is tabbable) with\n * Arrow/Home/End keys per the WAI-ARIA tabs pattern; real `useId`-based\n * `aria-controls`/`aria-labelledby`. Each item carries `data-state` so the\n * recipe's `data-[state=active]:` selected fill actually applies — without it the\n * selection did not persist (only the transient focus ring showed).\n /\nconst PillsMode: React.FC<PillsModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const [uncontrolledActiveSection, setUncontrolledActiveSection] = useState(config.defaultActive ?? sections[0]?.id);\n /\n * Hand-rolled twin of the Radix controlled/uncontrolled contract the two Tabs modes get for\n * free: with `config.activeSection` present the OWNER's value renders and a click is only\n * REPORTED; without it the local state applies. The local setter still runs in the controlled\n * shape — harmlessly, and it keeps the uncontrolled fallback warm if the owner later removes\n * the prop (the same behavior Radix exhibits).\n /\n const activeSection = config.activeSection ?? uncontrolledActiveSection;\n const setActiveSection = setUncontrolledActiveSection;\n const { getRecipe } = useUI();\n const getLabel = useContentSectionContainerLabel();\n const baseId = useId();\n const tablistRef = useRef<HTMLDivElement>(null);\n // FILLED — the SAME recipe the vertical-tabs rail uses, so the two are coherent.\n const selectableRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);\n\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n\n const tabId = (id: string): string => `${baseId}-tab-${id}`;\n const panelId = (id: string): string => `${baseId}-panel-${id}`;\n\n const handleSectionChange = (id: string): void => {\n setActiveSection(id);\n onSectionChange?.(id);\n };\n const revealContainerId = useFieldRevealRequests((id) => {\n if (id === activeSection) return false;\n handleSectionChange(id);\n return true;\n });\n\n // WAI-ARIA tabs keyboard model: Arrow keys move (and activate) among ENABLED\n // pills, wrapping at the ends; Home/End jump to first/last. Focus follows the\n // selection so the roving tabindex stays coherent.\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n const keys = ['ArrowRight', 'ArrowLeft', 'Home', 'End'];\n if (!keys.includes(event.key)) return;\n const enabledIds = sections.filter((s) => !s.disabled).map((s) => s.id);\n if (enabledIds.length === 0) return;\n event.preventDefault();\n const current = enabledIds.indexOf(activeSection);\n let nextIndex = current < 0 ? 0 : current;\n if (event.key === 'ArrowRight') nextIndex = (current + 1) % enabledIds.length;\n else if (event.key === 'ArrowLeft') nextIndex = (current - 1 + enabledIds.length) % enabledIds.length;\n else if (event.key === 'Home') nextIndex = 0;\n else if (event.key === 'End') nextIndex = enabledIds.length - 1;\n const nextId = enabledIds[nextIndex];\n handleSectionChange(nextId);\n tablistRef.current?.querySelector<HTMLElement>(`#${CSS.escape(tabId(nextId))}`)?.focus();\n };\n\n const activeContentSection = sections.find(s => s.id === activeSection);\n\n /\n * One panel per pill, each labelled by its own pill. Outside a form only the active one renders (keyed by its id,\n * so it mounts fresh and cross-fades on each switch); inside one every panel stays mounted and the others are hidden\n * (`useKeepsHiddenPanelsMounted`).\n /\n const renderPanel = (section: ContentSectionDescriptor): React.ReactNode => (\n <div\n key={section.id}\n role=\"tabpanel\"\n id={panelId(section.id)}\n aria-labelledby={tabId(section.id)}\n tabIndex={0}\n hidden={section.id !== activeSection}\n {...fieldRevealPanelAttributes(revealContainerId, section.id)}\n className={cn(\"animate-in fade-in-0 duration-[var(--motion-duration-fast)]\", focusIndicatorClasses(FocusIndicatorShape.INSET))}\n >\n {renderSectionContentChrome(section, <SectionPanelContent section={section} />, sectionWrapMode)}\n </div>\n );\n\n return (\n <div\n className={cn('space-y-field', className)}\n role=\"region\"\n aria-label={config.ariaLabel ?? getLabel('pillNavigationRegion')}\n >\n <div\n ref={tablistRef}\n className=\"flex flex-wrap items-center gap-item\"\n role=\"tablist\"\n aria-label={config.ariaLabel ?? getLabel('sectionTabsNav')}\n onKeyDown={handleKeyDown}\n >\n {sections.map((section) => {\n const isActive = activeSection === section.id;\n return (\n <button\n key={section.id}\n id={tabId(section.id)}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n aria-controls={panelId(section.id)}\n // `data-state` drives the PILL recipe's `data-[state=active]:` solid\n // fill — the persistent selected indicator (was missing → no fill).\n data-state={isActive ? 'active' : 'inactive'}\n tabIndex={isActive ? 0 : -1}\n disabled={section.disabled}\n className={cn(\n // Mirror the vertical rail item: FILLED recipe + rounded-md.\n 'inline-flex items-center gap-element rounded-md px-card-sm py-item font-medium',\n selectableRecipe.base,\n selectableRecipe.motion?.transition,\n selectableRecipe.states.focus,\n // Hover only when NOT active, so the hover tint can't override the\n // selected fill on the active item.\n !isActive && selectableRecipe.states.hover,\n isActive && selectableRecipe.states.selected,\n section.disabled && 'opacity-[var(--opacity-disabled)] cursor-not-allowed'\n )}\n onClick={() => handleSectionChange(section.id)}\n >\n {section.icon && <span className=\"inline-flex items-center shrink-0\">{section.icon}</span>}\n {section.title}\n </button>\n );\n })}\n </div>\n\n {keepPanelsMounted ? sections.map(renderPanel) : activeContentSection && renderPanel(activeContentSection)}\n </div>\n );\n};\n\n// =============================================================================\n// EXPANDABLE MODES\n// =============================================================================\n\ninterface AccordionModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Accordion;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\nconst AccordionMode: React.FC<AccordionModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const defaultValue = config.defaultExpanded ?? [sections[0]?.id];\n // A true ACCORDION is single-open: opening one row collapses the others. Left\n // multi-open (the prior `!== false` default), it was indistinguishable from a\n // stack of independent EXPANDABLE toggles — the two modes lost their semantic\n // distinction. Multi-open stays available via explicit `allowMultiple: true`.\n const allowMultiple = config.allowMultiple ?? false;\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n const { getRecipe } = useUI();\n const sectionTitleClassName = sectionHeadingClassName(getRecipe);\n // The open rows, held here rather than inside Radix so a reveal request can open the row holding a field.\n const [openItems, setOpenItems] = useState<string[]>(allowMultiple ? defaultValue : defaultValue.slice(0, 1));\n const changeOpenItems = (next: string[]): void => {\n setOpenItems(next);\n onSectionChange?.(allowMultiple ? next : (next[0] ?? ''));\n };\n const revealContainerId = useFieldRevealRequests((id) => {\n if (openItems.includes(id)) return false;\n changeOpenItems(allowMultiple ? [...openItems, id] : [id]);\n return true;\n });\n\n const accordionItems = sections.map((section) => (\n <AccordionItem\n key={section.id}\n value={section.id}\n disabled={section.disabled}\n >\n <AccordionTrigger\n className={cn(section.disabled && 'opacity-[var(--opacity-disabled)] cursor-not-allowed')}\n >\n {/\n * Wrap icon + title in ONE flex group so the trigger's own\n * `justify-between` separates [icon+title] from the chevron only. Passing\n * icon and title as two SIBLING children made `justify-between` distribute\n * THREE items (icon \| title \| chevron) and shove the title to the centre.\n /}\n {/ Each row IS a section, so its title speaks as every section heading does (`sectionHeadingClassName`). /}\n <span className={cn('flex items-center gap-element', sectionTitleClassName)}>\n {section.icon && <span className=\"inline-flex items-center shrink-0\">{section.icon}</span>}\n {section.title}\n </span>\n </AccordionTrigger>\n <AccordionContent\n {...(keepPanelsMounted ? { forceMount: true, hidden: !openItems.includes(section.id) } : {})}\n {...fieldRevealPanelAttributes(revealContainerId, section.id)}\n >\n {/\n FLAT, whatever the wrap policy: a disclosure panel's frame is the ITEM (the row and its divider), and its\n content joins the trigger above it (`AccordionContent`). A per-section card here floated the open content\n as a separate card under its own row.\n /}\n {renderSectionContentChrome(section, <SectionPanelContent section={section} />, 'flat')}\n </AccordionContent>\n </AccordionItem>\n ));\n\n if (allowMultiple) {\n return (\n <Accordion\n type={ToggleGroupType.MULTIPLE}\n value={openItems}\n className={className}\n onValueChange={(value: string[]) => changeOpenItems(value)}\n >\n {accordionItems}\n </Accordion>\n );\n }\n\n return (\n <Accordion\n type={ToggleGroupType.SINGLE}\n value={openItems[0] ?? ''}\n className={className}\n collapsible\n onValueChange={(value: string) => changeOpenItems(value ? [value] : [])}\n >\n {accordionItems}\n </Accordion>\n );\n};\n\ninterface CollapsibleModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Collapsible;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\n/* COLLAPSIBLE folds every section at once, so it has a single panel. /\nconst COLLAPSIBLE_PANEL_ID = 'all';\n\nconst CollapsibleMode: React.FC<CollapsibleModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const [isOpen, setIsOpen] = useState(true);\n const getLabel = useContentSectionContainerLabel();\n const openLabel = config.triggerLabel?.open ?? getLabel('accordionCollapseAll');\n const closedLabel = config.triggerLabel?.closed ?? getLabel('accordionExpandAll');\n const sectionCountLabel = getLabel('accordionSectionCount', { count: sections.length });\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n const revealContainerId = useFieldRevealRequests(() => {\n if (isOpen) return false;\n setIsOpen(true);\n return true;\n });\n\n return (\n <Collapsible open={isOpen} onOpenChange={setIsOpen} className={className}>\n <div className=\"flex items-center justify-between\">\n <h3 className=\"font-semibold\">{sectionCountLabel}</h3>\n <CollapsibleTrigger asChild>\n <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} aria-expanded={isOpen}>\n {isOpen ? openLabel : closedLabel}\n </Button>\n </CollapsibleTrigger>\n </div>\n\n <CollapsibleContent\n className=\"space-y-field mt-field\"\n {...(keepPanelsMounted ? { forceMount: true, hidden: !isOpen } : {})}\n {...fieldRevealPanelAttributes(revealContainerId, COLLAPSIBLE_PANEL_ID)}\n >\n {sections.map((section) => renderPanelSection(section, { titleTag: 'h4', wrapMode: sectionWrapMode }))}\n </CollapsibleContent>\n </Collapsible>\n );\n};\n\ninterface ExpandableModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Expandable;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\n/* The panel EXPANDABLE folds behind \"show more\": every section past the first `initialVisibleCount`. /\nconst EXPANDABLE_FOLDED_PANEL_ID = 'folded';\n\nconst ExpandableMode: React.FC<ExpandableModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const initialCount = config.initialVisibleCount ?? DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT;\n const [showAll, setShowAll] = useState(false);\n const getLabel = useContentSectionContainerLabel();\n\n const visibleSections = showAll ? sections : sections.slice(0, initialCount);\n const hiddenCount = sections.length - initialCount;\n\n const showMoreLabel = config.showMoreLabel ?? getLabel('expandableShowMore', { count: hiddenCount });\n const showLessLabel = config.showLessLabel ?? getLabel('expandableShowLess');\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n const { renderIcon } = useIconRegistry();\n const revealContainerId = useFieldRevealRequests(() => {\n if (showAll) return false;\n setShowAll(true);\n return true;\n });\n\n return (\n <div className={cn('flex flex-col gap-field', className)}>\n {keepPanelsMounted ? (\n <>\n {sections.slice(0, initialCount).map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n {/ The folded sections, kept mounted in a form (`useKeepsHiddenPanelsMounted`). /}\n {hiddenCount > 0 && (\n <div className=\"flex flex-col gap-field\" hidden={!showAll} {...fieldRevealPanelAttributes(revealContainerId, EXPANDABLE_FOLDED_PANEL_ID)}>\n {sections.slice(initialCount).map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))}\n </div>\n )}\n </>\n ) : (\n visibleSections.map((section) => renderPanelSection(section, { wrapMode: sectionWrapMode }))\n )}\n\n {hiddenCount > 0 && (\n /\n * A quiet disclosure control under the last visible section, sized to its words: the full-width outline bar it\n * was read as the heaviest thing in the group. The chevron says which way it goes.\n /\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n className=\"self-start\"\n onClick={() => setShowAll(!showAll)}\n aria-expanded={showAll}\n >\n {showAll ? showLessLabel : showMoreLabel}\n {renderIcon(showAll ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM })}\n </Button>\n )}\n </div>\n );\n};\n\n// =============================================================================\n// GUIDED MODES\n// =============================================================================\n\ninterface StepperModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Stepper;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n onSectionChange?: (sectionId: string \| string[]) => void;\n}\n\n/\n STEPPER — a guided sequence, one section at a time.\n \n Drawn with the framework's `Stepper`, the same one a form wizard uses, so a section stepper and a wizard look and\n * behave as one thing (a hand-drawn second stepper diverged in glyph, state and focus). A step a person may go to\n * is a button; a step holding nothing selectable yet is not. There is no \"Complete\" on the last step: a section\n * stepper completes nothing (a form's own submit does that), and the button it showed was always disabled.\n /\nconst StepperMode: React.FC<StepperModeProps> = ({ sections, config, className, sectionWrapMode, onSectionChange }) => {\n const [currentStep, setCurrentStep] = useState(0);\n const getLabel = useContentSectionContainerLabel();\n const progressNavId = useId();\n const orientation = config.orientation ?? DisplayDirection.HORIZONTAL;\n // The numbered step indicators ALREADY communicate progress, so the separate linear progress bar is redundant\n // by default — a double indicator for the same state. Opt in via `config.showProgress` only.\n const showProgress = config.showProgress ?? false;\n const allowSkip = config.allowSkip ?? false;\n const nextLabel = config.nextLabel ?? getLabel('stepperNext');\n const previousLabel = config.previousLabel ?? getLabel('stepperPrevious');\n\n // Single source of truth for \"can the user go to this step?\": any visited step and the next one; `allowSkip`\n // unlocks every step.\n const canNavigate = (index: number): boolean => allowSkip \|\| index <= currentStep + 1;\n\n const handleStepChange = (index: number) => {\n if (index < 0 \|\| index >= sections.length) return;\n if (!canNavigate(index)) return;\n setCurrentStep(index);\n onSectionChange?.(sections[index].id);\n };\n\n const keepPanelsMounted = useKeepsHiddenPanelsMounted();\n // A field that must be shown takes the stepper to its step, whatever `canNavigate` says: it is where the repair is.\n const revealContainerId = useFieldRevealRequests((id) => {\n const index = sections.findIndex((section) => section.id === id);\n if (index < 0 \|\| index === currentStep) return false;\n setCurrentStep(index);\n onSectionChange?.(id);\n return true;\n });\n\n const currentSection = sections[currentStep];\n const renderStepPanel = (section: ContentSectionDescriptor, index: number): React.ReactNode => (\n <div\n key={section.id}\n hidden={index !== currentStep}\n {...fieldRevealPanelAttributes(revealContainerId, section.id)}\n className=\"animate-in fade-in-0 duration-[var(--motion-duration-fast)]\"\n >\n {renderSectionContentChrome(section, <SectionPanelContent section={section} />, sectionWrapMode)}\n </div>\n );\n\n return (\n <div className={cn('flex flex-col gap-section', className)}>\n <nav id={progressNavId} aria-label={config.ariaLabel ?? getLabel('stepperProgressNav')}>\n <Stepper\n currentStep={currentStep}\n totalSteps={sections.length}\n orientation={orientation}\n onStepSelect={handleStepChange}\n isStepSelectable={(index) => index !== currentStep && canNavigate(index)}\n {...(config.completedIcon !== undefined ? { completedIcon: config.completedIcon } : {})}\n role=\"list\"\n >\n {sections.map((section, index) => (\n <React.Fragment key={section.id}>\n <StepperItem step={index} role=\"listitem\" aria-current={index === currentStep ? 'step' : undefined}>\n <StepperIndicator step={index} aria-hidden=\"true\" />\n <StepperTitle step={index}>{section.title}</StepperTitle>\n </StepperItem>\n {index < sections.length - 1 && <StepperSeparator step={index} aria-hidden=\"true\" />}\n </React.Fragment>\n ))}\n </Stepper>\n </nav>\n\n {showProgress && (\n <div className=\"w-full bg-muted rounded-full h-2\">\n <div\n className=\"bg-primary h-2 rounded-full transition-[width]\"\n style={{ width: `${((currentStep + 1) / sections.length) 100}%` }}\n role=\"progressbar\"\n /\n Named by the step navigation it summarises. `aria-labelledby` resolves the referenced\n * element's own `aria-label`, so the bar takes the SAME translated name as the landmark —\n * \"Step progress\" — with no second label key for every application to generate.\n /\n aria-labelledby={progressNavId}\n aria-valuenow={currentStep + 1}\n aria-valuemin={1}\n aria-valuemax={sections.length}\n />\n </div>\n )}\n\n {/ The step and its navigation read as one block: the navigation sits right under the panel it moves. /}\n <div className=\"flex flex-col gap-field\">\n {/ Every step stays mounted in a form (`useKeepsHiddenPanelsMounted`); elsewhere only the current one renders. /}\n {keepPanelsMounted ? sections.map(renderStepPanel) : currentSection && renderStepPanel(currentSection, currentStep)}\n\n <div className=\"flex justify-between\">\n {/ `type=\"button\"`: inside a form a bare button SUBMITS it, so moving between steps sent the record. /}\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n onClick={() => handleStepChange(currentStep - 1)}\n disabled={currentStep === 0}\n >\n {previousLabel}\n </Button>\n {currentStep < sections.length - 1 && (\n <Button type=\"button\" onClick={() => handleStepChange(currentStep + 1)}>\n {nextLabel}\n </Button>\n )}\n </div>\n </div>\n </div>\n );\n};\n\ninterface TimelineModeProps {\n sections: ContentSectionDescriptor[];\n config: SectionConfig_Timeline;\n className?: string;\n sectionWrapMode: AutoSectionWrap;\n}\n\nconst TimelineMode: React.FC<TimelineModeProps> = ({ sections, config, className, sectionWrapMode }) => {\n const getLabel = useContentSectionContainerLabel();\n\n /\n * Drawn on the framework's own `Timeline` since #1317 — this mode used to draw a private rail and\n * dot of its own, the first of three hand-drawn timelines the one component replaced. Each section\n * is an entry; a section step has no status, so the marker is the NEUTRAL tone.\n */\n return (\n <div className={className} role=\"region\" aria-label={config.ariaLabel ?? getLabel('timelineRegion')}>\n <Timeline className=\"gap-section\">\n {sections.map((section, index) => (\n <TimelineEntry key={section.id}>\n <TimelineBody>\n {renderSectionContentChrome(\n section,\n <>\n <div className=\"flex items-center gap-element mb-element\">\n {section.icon}\n <h3 className=\"font-semibold\">{section.title}</h3>\n <Badge variant=\"outline\" className=\"ms-auto\">\n {getLabel('timelineStep', { step: index + 1 })}\n </Badge>\n </div>\n {section.description && (\n <p className=\"text-sm text-muted-foreground mb-element\">{section.description}</p>\n )}\n {section.content}\n </>,\n sectionWrapMode,\n )}\n </TimelineBody>\n </TimelineEntry>\n ))}\n </Timeline>\n </div>\n );\n};\n\n// =============================================================================\n// EXPORTS\n// =============================================================================\n\nContentSectionContainer.displayName = 'ContentSectionContainer';\n\nexport default ContentSectionContainer;\n"]}

package/dist/esm/components/sections/ContentSectionContainer.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentSectionContainer.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/ContentSectionContainer.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,qCAAqC,EAAE,mBAAmB,~~EAiCtE~~,CAAC"}
1	+ {"version":3,"file":"ContentSectionContainer.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/ContentSectionContainer.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,qCAAqC,EAAE,mBAAmB,EAgCtE,CAAC"}

package/dist/esm/components/sections/ContentSectionContainer.labels.js CHANGED Viewed

@@ -15,18 +15,17 @@ export const LowLevelContentSectionContainerLabels = [
         ref: 'accordionSectionCount',
         kind: LabelKind.LABEL,
         purpose: 'Summary of how many sections the accordion contains',
-        params: [{ key: 'count', meaning: 'number of sections in the accordion' }],
+        params: [{ key: 'count', meaning: 'number of sections in the accordion', isCount: true }],
     },
     {
         ref: 'expandableShowMore',
         kind: LabelKind.BUTTON,
         purpose: 'Reveals the remaining hidden sections in an expandable layout',
-        params: [{ key: 'count', meaning: 'number of currently hidden sections' }],
+        params: [{ key: 'count', meaning: 'number of currently hidden sections', isCount: true }],
     },
     { ref: 'expandableShowLess', kind: LabelKind.BUTTON, purpose: 'Collapses the expandable layout back to its truncated view' },
     { ref: 'stepperNext', kind: LabelKind.BUTTON, purpose: 'Advances the stepper layout to the next step' },
     { ref: 'stepperPrevious', kind: LabelKind.BUTTON, purpose: 'Returns the stepper layout to the previous step' },
-    { ref: 'stepperComplete', kind: LabelKind.BUTTON, purpose: 'Completes the stepper layout on its final step' },
     { ref: 'stepperProgressNav', kind: LabelKind.ARIA, purpose: 'Accessible name for the stepper progress navigation landmark' },
     { ref: 'timelineRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the timeline layout landmark (role="region")' },
     {

package/dist/esm/components/sections/ContentSectionContainer.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentSectionContainer.labels.js","sourceRoot":"","sources":["../../../../../src/components/sections/ContentSectionContainer.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,qCAAqC,GAA0B;IAC1E,EAAE,GAAG,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,kEAAkE,EAAE;IACnI,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,8DAA8D,EAAE;IAC3H,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iEAAiE,EAAE;IACjI,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,yDAAyD,EAAE;IACnH,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,uEAAuE,EAAE;IACrI,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,yEAAyE,EAAE;IACzI,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yEAAyE,EAAE;IAC3I,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,0EAA0E,EAAE;IAC1I;QACE,GAAG,EAAE,uBAAuB;QAC5B,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,qDAAqD;QAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,qCAAqC,EAAE,CAAC;~~KAC3E~~;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,+DAA+D;QACxE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,qCAAqC,EAAE,CAAC;~~KAC3E~~;IACD,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,4DAA4D,EAAE;IAC5H,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACvG,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iDAAiD,EAAE;IAC9G,EAAE,GAAG,EAAE,~~iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,gDAAgD,EAAE;IAC7G,EAAE,GAAG,EAAE,~~oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,8DAA8D,EAAE;IAC5H,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,kEAAkE,EAAE;IAC5H;QACE,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,sEAAsE;QAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,oDAAoD,EAAE,CAAC;KACzF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,mCAAmC,EAAE,qCAAqC,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelContentSectionContainerLabels: LabellingUnitaryDef[] = [\n { ref: 'contentSectionsRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the sections layout landmark (role=\"region\")' },\n { ref: 'contentGridRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the grid layout landmark (role=\"region\")' },\n { ref: 'contentColumnsRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the columns layout landmark (role=\"region\")' },\n { ref: 'sectionTabsNav', kind: LabelKind.ARIA, purpose: 'Accessible name for the horizontal section-tabs tablist' },\n { ref: 'verticalTabsRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the vertical-tabs layout landmark (role=\"region\")' },\n { ref: 'pillNavigationRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the pill-navigation layout landmark (role=\"region\")' },\n { ref: 'accordionCollapseAll', kind: LabelKind.BUTTON, purpose: 'Trigger label shown when the accordion is open, collapsing all sections' },\n { ref: 'accordionExpandAll', kind: LabelKind.BUTTON, purpose: 'Trigger label shown when the accordion is closed, expanding all sections' },\n {\n ref: 'accordionSectionCount',\n kind: LabelKind.LABEL,\n purpose: 'Summary of how many sections the accordion contains',\n params: [{ key: 'count', meaning: 'number of sections in the accordion' }],\n },\n {\n ref: 'expandableShowMore',\n kind: LabelKind.BUTTON,\n purpose: 'Reveals the remaining hidden sections in an expandable layout',\n params: [{ key: 'count', meaning: 'number of currently hidden sections' }],\n },\n { ref: 'expandableShowLess', kind: LabelKind.BUTTON, purpose: 'Collapses the expandable layout back to its truncated view' },\n { ref: 'stepperNext', kind: LabelKind.BUTTON, purpose: 'Advances the stepper layout to the next step' },\n { ref: 'stepperPrevious', kind: LabelKind.BUTTON, purpose: 'Returns the stepper layout to the previous step' },\n { ref: '~~stepperComplete', kind: LabelKind.BUTTON, purpose: 'Completes the stepper layout on its final step' },\n { ref: '~~stepperProgressNav', kind: LabelKind.ARIA, purpose: 'Accessible name for the stepper progress navigation landmark' },\n { ref: 'timelineRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the timeline layout landmark (role=\"region\")' },\n {\n ref: 'timelineStep',\n kind: LabelKind.ARIA,\n purpose: 'Accessible label identifying an individual timeline step by position',\n params: [{ key: 'step', meaning: 'one-based position of the step within the timeline' }],\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_CONTAINER, LowLevelContentSectionContainerLabels);\n"]}
1	+ {"version":3,"file":"ContentSectionContainer.labels.js","sourceRoot":"","sources":["../../../../../src/components/sections/ContentSectionContainer.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,qCAAqC,GAA0B;IAC1E,EAAE,GAAG,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,kEAAkE,EAAE;IACnI,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,8DAA8D,EAAE;IAC3H,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iEAAiE,EAAE;IACjI,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,yDAAyD,EAAE;IACnH,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,uEAAuE,EAAE;IACrI,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,yEAAyE,EAAE;IACzI,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yEAAyE,EAAE;IAC3I,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,0EAA0E,EAAE;IAC1I;QACE,GAAG,EAAE,uBAAuB;QAC5B,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,qDAAqD;QAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,qCAAqC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KAC1F;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,+DAA+D;QACxE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,qCAAqC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KAC1F;IACD,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,4DAA4D,EAAE;IAC5H,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACvG,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iDAAiD,EAAE;IAC9G,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,8DAA8D,EAAE;IAC5H,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,kEAAkE,EAAE;IAC5H;QACE,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,sEAAsE;QAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,oDAAoD,EAAE,CAAC;KACzF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,mCAAmC,EAAE,qCAAqC,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelContentSectionContainerLabels: LabellingUnitaryDef[] = [\n { ref: 'contentSectionsRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the sections layout landmark (role=\"region\")' },\n { ref: 'contentGridRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the grid layout landmark (role=\"region\")' },\n { ref: 'contentColumnsRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the columns layout landmark (role=\"region\")' },\n { ref: 'sectionTabsNav', kind: LabelKind.ARIA, purpose: 'Accessible name for the horizontal section-tabs tablist' },\n { ref: 'verticalTabsRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the vertical-tabs layout landmark (role=\"region\")' },\n { ref: 'pillNavigationRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the pill-navigation layout landmark (role=\"region\")' },\n { ref: 'accordionCollapseAll', kind: LabelKind.BUTTON, purpose: 'Trigger label shown when the accordion is open, collapsing all sections' },\n { ref: 'accordionExpandAll', kind: LabelKind.BUTTON, purpose: 'Trigger label shown when the accordion is closed, expanding all sections' },\n {\n ref: 'accordionSectionCount',\n kind: LabelKind.LABEL,\n purpose: 'Summary of how many sections the accordion contains',\n params: [{ key: 'count', meaning: 'number of sections in the accordion', isCount: true }],\n },\n {\n ref: 'expandableShowMore',\n kind: LabelKind.BUTTON,\n purpose: 'Reveals the remaining hidden sections in an expandable layout',\n params: [{ key: 'count', meaning: 'number of currently hidden sections', isCount: true }],\n },\n { ref: 'expandableShowLess', kind: LabelKind.BUTTON, purpose: 'Collapses the expandable layout back to its truncated view' },\n { ref: 'stepperNext', kind: LabelKind.BUTTON, purpose: 'Advances the stepper layout to the next step' },\n { ref: 'stepperPrevious', kind: LabelKind.BUTTON, purpose: 'Returns the stepper layout to the previous step' },\n { ref: 'stepperProgressNav', kind: LabelKind.ARIA, purpose: 'Accessible name for the stepper progress navigation landmark' },\n { ref: 'timelineRegion', kind: LabelKind.ARIA, purpose: 'Accessible name for the timeline layout landmark (role=\"region\")' },\n {\n ref: 'timelineStep',\n kind: LabelKind.ARIA,\n purpose: 'Accessible label identifying an individual timeline step by position',\n params: [{ key: 'step', meaning: 'one-based position of the step within the timeline' }],\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_CONTAINER, LowLevelContentSectionContainerLabels);\n"]}

package/dist/esm/components/sections/content-section.d.ts CHANGED Viewed

@@ -20,8 +20,8 @@ export type ContentSectionProps = React.ComponentProps<'fieldset'> & {
      * accordion/… panels). When `true`, the heading renders as a heading element
      * (`headingTag` + `icon`) with a header-bar/divider layout instead of a
      * `<legend>`, framed per `appearance` (CARD = card-each, DEFAULT = flat). The
-     * element stays a `<fieldset>` so the disabled cascade + when-orphan frame-dedup
-     * still apply. When `false` (default) the section renders form-style (legend +
+     * element stays a `<fieldset>` so the disabled cascade still applies. When
+     * `false` (default) the section renders form-style (legend +
      * flat `gap-field` fieldset).
      */
     panel?: boolean;

package/dist/esm/components/sections/content-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-section.js","sourceRoot":"","sources":["../../../../../src/components/sections/content-section.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AA0D5F;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,SAAS,GAAG,uBAAuB,CAAsB,qBAAqB,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IACzI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAmD;IACjI,MAAM,SAAS,GAAG,uBAAuB,CAA2B,qBAAqB,CAAC,+BAA+B,EAAE,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;IACzJ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoD;IACnI,MAAM,SAAS,GAAG,uBAAuB,CAA4B,qBAAqB,CAAC,gCAAgC,EAAE,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5J,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport type { ReactNode } from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { SoloSectionMode } from '@wildo-ai/zod-decorators'\n\n// =============================================================================\n// CONTENT SECTION — low-level section primitive\n// =============================================================================\n//\n// The registry-resolved replacement for the deprecated FieldSet family\n// (`LOW_LEVEL_FIELD_SET` / `_GROUP` / `_LEGEND`). `ContentSection` renders a\n// native `<fieldset>` for the DEFAULT / CARD appearances (so the native\n// `disabled` cascade disables every descendant control with no per-field\n// wiring), a flat `<div>` for GHOST, and a `Collapsible` for COLLAPSIBLE.\n//\n// `legend` and `description` are STRUCTURED props (not just free children)\n// because COLLAPSIBLE renders the legend as a clickable trigger and GHOST stacks\n// the heading outside any `<fieldset>` — the primitive owns the per-mode\n// arrangement. This mirrors the `ContentSectionDescriptor` data shape so\n// `ContentSectionContainer` can render every panel through this same primitive.\n// Children are the section content (fields). The imperative composite/record/\n// array sites omit the structured props and pass `<ContentSectionLegend>` /\n// `<ContentSectionGroup>` as children (DEFAULT appearance), which also works.\n\n/** Props for the {@link ContentSection} section primitive. /\nexport type ContentSectionProps = React.ComponentProps<'fieldset'> & {\n /\n Solo-mode chrome. DEFAULT/CARD frame via a native `<fieldset>`; GHOST is a\n * flat `<div>`; COLLAPSIBLE wraps the fieldset content in a toggle.\n /\n appearance?: SoloSectionMode\n /* Section heading — a `<legend>` (DEFAULT/CARD/GHOST) or a collapsible trigger (COLLAPSIBLE). /\n legend?: ReactNode\n /* Section description, rendered under the legend. /\n description?: ReactNode\n /* COLLAPSIBLE only: initial open state. Defaults to open. /\n defaultOpen?: boolean\n /\n Container-panel chrome (used by `ContentSectionContainer` for tabs/grid/\n * accordion/… panels). When `true`, the heading renders as a heading element\n * (`headingTag` + `icon`) with a header-bar/divider layout instead of a\n * `<legend>`, framed per `appearance` (CARD = card-each, DEFAULT = flat). The\n * element stays a `<fieldset>` so the disabled cascade + ~~when-orphan~~ ~~frame-dedup~~\n * ~~still apply. When~~ `false` (default) the section renders form-style (legend +\n * flat `gap-field` fieldset).\n /\n panel?: boolean\n /* Panel-mode heading icon (rendered before the heading text). /\n icon?: ReactNode\n /* Panel-mode heading level. Defaults to `h3`. /\n headingTag?: 'h3' \| 'h4'\n}\n\n/* Props for {@link ContentSectionGroup} — the child-grouping container. /\nexport type ContentSectionGroupProps = React.ComponentProps<'div'>\n\n/* Props for {@link ContentSectionLegend} — the section heading element. /\nexport type ContentSectionLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' \| 'label' }\n\n/\n Section primitive. Resolves the `LOW_LEVEL_CONTENT_SECTION` slot. See the\n * module header for the per-appearance rendering contract.\n /\nexport function ContentSection({ preset = CorePresetNames.DEFAULT, ...props }: ContentSectionProps & ComponentPresetProps): React.JSX.Element {\n const Component = createComponentResolver<ContentSectionProps>(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION, 'ContentSection')(preset)\n return <Component {...props} />\n}\n\n/\n Child-grouping container + named container-query / group anchor\n * (`@container/field-group`, `group/field-group`) consumed by responsive `Field`\n * orientation and `FieldSeparator`. Resolves `LOW_LEVEL_CONTENT_SECTION_GROUP`.\n /\nexport function ContentSectionGroup({ preset = CorePresetNames.DEFAULT, ...props }: ContentSectionGroupProps & ComponentPresetProps): React.JSX.Element {\n const Component = createComponentResolver<ContentSectionGroupProps>(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_GROUP, 'ContentSectionGroup')(preset)\n return <Component {...props} />\n}\n\n/\n Section heading element (native `<legend>`, two-size `variant`). Resolves\n * `LOW_LEVEL_CONTENT_SECTION_LEGEND`.\n */\nexport function ContentSectionLegend({ preset = CorePresetNames.DEFAULT, ...props }: ContentSectionLegendProps & ComponentPresetProps): React.JSX.Element {\n const Component = createComponentResolver<ContentSectionLegendProps>(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_LEGEND, 'ContentSectionLegend')(preset)\n return <Component {...props} />\n}\n"]}
1	+ {"version":3,"file":"content-section.js","sourceRoot":"","sources":["../../../../../src/components/sections/content-section.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AA0D5F;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,SAAS,GAAG,uBAAuB,CAAsB,qBAAqB,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IACzI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAmD;IACjI,MAAM,SAAS,GAAG,uBAAuB,CAA2B,qBAAqB,CAAC,+BAA+B,EAAE,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;IACzJ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoD;IACnI,MAAM,SAAS,GAAG,uBAAuB,CAA4B,qBAAqB,CAAC,gCAAgC,EAAE,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5J,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport type { ReactNode } from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { SoloSectionMode } from '@wildo-ai/zod-decorators'\n\n// =============================================================================\n// CONTENT SECTION — low-level section primitive\n// =============================================================================\n//\n// The registry-resolved replacement for the deprecated FieldSet family\n// (`LOW_LEVEL_FIELD_SET` / `_GROUP` / `_LEGEND`). `ContentSection` renders a\n// native `<fieldset>` for the DEFAULT / CARD appearances (so the native\n// `disabled` cascade disables every descendant control with no per-field\n// wiring), a flat `<div>` for GHOST, and a `Collapsible` for COLLAPSIBLE.\n//\n// `legend` and `description` are STRUCTURED props (not just free children)\n// because COLLAPSIBLE renders the legend as a clickable trigger and GHOST stacks\n// the heading outside any `<fieldset>` — the primitive owns the per-mode\n// arrangement. This mirrors the `ContentSectionDescriptor` data shape so\n// `ContentSectionContainer` can render every panel through this same primitive.\n// Children are the section content (fields). The imperative composite/record/\n// array sites omit the structured props and pass `<ContentSectionLegend>` /\n// `<ContentSectionGroup>` as children (DEFAULT appearance), which also works.\n\n/** Props for the {@link ContentSection} section primitive. /\nexport type ContentSectionProps = React.ComponentProps<'fieldset'> & {\n /\n Solo-mode chrome. DEFAULT/CARD frame via a native `<fieldset>`; GHOST is a\n * flat `<div>`; COLLAPSIBLE wraps the fieldset content in a toggle.\n /\n appearance?: SoloSectionMode\n /* Section heading — a `<legend>` (DEFAULT/CARD/GHOST) or a collapsible trigger (COLLAPSIBLE). /\n legend?: ReactNode\n /* Section description, rendered under the legend. /\n description?: ReactNode\n /* COLLAPSIBLE only: initial open state. Defaults to open. /\n defaultOpen?: boolean\n /\n Container-panel chrome (used by `ContentSectionContainer` for tabs/grid/\n * accordion/… panels). When `true`, the heading renders as a heading element\n * (`headingTag` + `icon`) with a header-bar/divider layout instead of a\n * `<legend>`, framed per `appearance` (CARD = card-each, DEFAULT = flat). The\n * element stays a `<fieldset>` so the disabled cascade still applies. When\n * `false` (default) the section renders form-style (legend +\n * flat `gap-field` fieldset).\n /\n panel?: boolean\n /* Panel-mode heading icon (rendered before the heading text). /\n icon?: ReactNode\n /* Panel-mode heading level. Defaults to `h3`. /\n headingTag?: 'h3' \| 'h4'\n}\n\n/* Props for {@link ContentSectionGroup} — the child-grouping container. /\nexport type ContentSectionGroupProps = React.ComponentProps<'div'>\n\n/* Props for {@link ContentSectionLegend} — the section heading element. /\nexport type ContentSectionLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' \| 'label' }\n\n/\n Section primitive. Resolves the `LOW_LEVEL_CONTENT_SECTION` slot. See the\n * module header for the per-appearance rendering contract.\n /\nexport function ContentSection({ preset = CorePresetNames.DEFAULT, ...props }: ContentSectionProps & ComponentPresetProps): React.JSX.Element {\n const Component = createComponentResolver<ContentSectionProps>(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION, 'ContentSection')(preset)\n return <Component {...props} />\n}\n\n/\n Child-grouping container + named container-query / group anchor\n * (`@container/field-group`, `group/field-group`) consumed by responsive `Field`\n * orientation and `FieldSeparator`. Resolves `LOW_LEVEL_CONTENT_SECTION_GROUP`.\n /\nexport function ContentSectionGroup({ preset = CorePresetNames.DEFAULT, ...props }: ContentSectionGroupProps & ComponentPresetProps): React.JSX.Element {\n const Component = createComponentResolver<ContentSectionGroupProps>(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_GROUP, 'ContentSectionGroup')(preset)\n return <Component {...props} />\n}\n\n/\n Section heading element (native `<legend>`, two-size `variant`). Resolves\n * `LOW_LEVEL_CONTENT_SECTION_LEGEND`.\n */\nexport function ContentSectionLegend({ preset = CorePresetNames.DEFAULT, ...props }: ContentSectionLegendProps & ComponentPresetProps): React.JSX.Element {\n const Component = createComponentResolver<ContentSectionLegendProps>(FrontendComponentType.LOW_LEVEL_CONTENT_SECTION_LEGEND, 'ContentSectionLegend')(preset)\n return <Component {...props} />\n}\n"]}

package/dist/esm/components/sections/section-grouping.shared.d.ts CHANGED Viewed

@@ -18,6 +18,25 @@ export type SharedSectionLikeProps = {
 export declare const SOLO_SECTION_MODES: Set<SectionMode>;
 export declare function isSoloSectionMode(mode: SectionMode): boolean;
 export type ContainerSectionMode = SectionMode.INLINE | SectionMode.GRID | SectionMode.COLUMNS | SectionMode.TABS | SectionMode.VERTICAL_TABS | SectionMode.PILLS | SectionMode.ACCORDION | SectionMode.EXPANDABLE | SectionMode.STEPPER | SectionMode.TIMELINE;
+/**
+ * How many sections an EXPANDABLE group shows before its "Show more" button when the template does not
+ * set `initialVisibleCount`. One constant for the renderer (`ExpandableMode`) and the authoring check
+ * below, so the two cannot disagree about when a group truncates.
+ */
+export declare const DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT = 3;
+/**
+ * Whether an EXPANDABLE group holds too few sections ever to truncate, so it renders every section
+ * open and draws no "Show more" button.
+ *
+ * EXPANDABLE is truncation over a GROUP ("show the first N, then Show more"), not a toggle. Over one
+ * section, or any count up to `initialVisibleCount`, it is an always-open panel — which is how a
+ * knowledge document's review notes, declared EXPANDABLE to be "shown on request", came to be always
+ * shown (#2197). A single section a reader reveals on request is `SectionMode.COLLAPSIBLE` with
+ * `defaultFocus={false}`. The count is the RENDERED one, read from the children the host groups: a
+ * section a template switches off for one record lowers it, so a group that does truncate for other
+ * records can be reported here once. The check is advisory for that reason.
+ */
+export declare function expandableGroupNeverTruncates<TProps extends SharedSectionLikeProps>(group: Pick<SectionLikeGroup<TProps>, 'mode' | 'sections'>): boolean;
 export interface SectionLikeGroup<TProps extends SharedSectionLikeProps> {
     mode: ContainerSectionMode;
     sections: ReactElement<TProps>[];

package/dist/esm/components/sections/section-grouping.shared.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"section-grouping.shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/section-grouping.shared.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAElF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,kBAK7B,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAE5D;AAED,MAAM,MAAM,oBAAoB,GAC5B,WAAW,CAAC,MAAM,GAClB,WAAW,CAAC,IAAI,GAChB,WAAW,CAAC,OAAO,GACnB,WAAW,CAAC,IAAI,GAChB,WAAW,CAAC,aAAa,GACzB,WAAW,CAAC,KAAK,GACjB,WAAW,CAAC,SAAS,GACrB,WAAW,CAAC,UAAU,GACtB,WAAW,CAAC,OAAO,GACnB,WAAW,CAAC,QAAQ,CAAC;AAEzB,MAAM,WAAW,gBAAgB,CAAC,MAAM,SAAS,sBAAsB;IACrE,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,0BAA0B,CAAC,MAAM,SAAS,sBAAsB;IAC/E,KAAK,EAAE,KAAK,CACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,GACjC;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;KAAE,CACrD,CAAC;CACH;AAED;;;;;;;;GAQG;AACH,wBAAgB,oCAAoC,CAAC,MAAM,SAAS,sBAAsB,EACxF,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,IAAI,YAAY,CAAC,MAAM,CAAC,EACrE,iBAAiB,CAAC,EAAE,oBAAoB,GACvC,0BAA0B,CAAC,MAAM,CAAC,CAuCpC;AAqDD,wBAAgB,sCAAsC,CAAC,MAAM,SAAS,sBAAsB,EAC1F,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACzD,aAAa,CAmFf;AAED,wBAAgB,uCAAuC,CAAC,MAAM,SAAS,sBAAsB,EAC3F,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,GAC5B,aAAa,CAyBf"}
1	+ {"version":3,"file":"section-grouping.shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/section-grouping.shared.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAElF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,kBAK7B,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAE5D;AAED,MAAM,MAAM,oBAAoB,GAC5B,WAAW,CAAC,MAAM,GAClB,WAAW,CAAC,IAAI,GAChB,WAAW,CAAC,OAAO,GACnB,WAAW,CAAC,IAAI,GAChB,WAAW,CAAC,aAAa,GACzB,WAAW,CAAC,KAAK,GACjB,WAAW,CAAC,SAAS,GACrB,WAAW,CAAC,UAAU,GACtB,WAAW,CAAC,OAAO,GACnB,WAAW,CAAC,QAAQ,CAAC;AAEzB;;;;GAIG;AACH,eAAO,MAAM,wCAAwC,IAAI,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,CAAC,MAAM,SAAS,sBAAsB,EACjF,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACzD,OAAO,CAIT;AAED,MAAM,WAAW,gBAAgB,CAAC,MAAM,SAAS,sBAAsB;IACrE,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,0BAA0B,CAAC,MAAM,SAAS,sBAAsB;IAC/E,KAAK,EAAE,KAAK,CACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,GACjC;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;KAAE,CACrD,CAAC;CACH;AAED;;;;;;;;GAQG;AACH,wBAAgB,oCAAoC,CAAC,MAAM,SAAS,sBAAsB,EACxF,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,IAAI,YAAY,CAAC,MAAM,CAAC,EACrE,iBAAiB,CAAC,EAAE,oBAAoB,GACvC,0BAA0B,CAAC,MAAM,CAAC,CAuCpC;AAqDD,wBAAgB,sCAAsC,CAAC,MAAM,SAAS,sBAAsB,EAC1F,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GACzD,aAAa,CAmFf;AAED,wBAAgB,uCAAuC,CAAC,MAAM,SAAS,sBAAsB,EAC3F,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,GAC5B,aAAa,CAyBf"}

package/dist/esm/components/sections/section-grouping.shared.js CHANGED Viewed

@@ -10,6 +10,30 @@ export const SOLO_SECTION_MODES = new Set([
 export function isSoloSectionMode(mode) {
     return SOLO_SECTION_MODES.has(mode);
 }
+/**
+ * How many sections an EXPANDABLE group shows before its "Show more" button when the template does not
+ * set `initialVisibleCount`. One constant for the renderer (`ExpandableMode`) and the authoring check
+ * below, so the two cannot disagree about when a group truncates.
+ */
+export const DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT = 3;
+/**
+ * Whether an EXPANDABLE group holds too few sections ever to truncate, so it renders every section
+ * open and draws no "Show more" button.
+ *
+ * EXPANDABLE is truncation over a GROUP ("show the first N, then Show more"), not a toggle. Over one
+ * section, or any count up to `initialVisibleCount`, it is an always-open panel — which is how a
+ * knowledge document's review notes, declared EXPANDABLE to be "shown on request", came to be always
+ * shown (#2197). A single section a reader reveals on request is `SectionMode.COLLAPSIBLE` with
+ * `defaultFocus={false}`. The count is the RENDERED one, read from the children the host groups: a
+ * section a template switches off for one record lowers it, so a group that does truncate for other
+ * records can be reported here once. The check is advisory for that reason.
+ */
+export function expandableGroupNeverTruncates(group) {
+    if (group.mode !== SectionMode.EXPANDABLE)
+        return false;
+    const initialVisibleCount = group.sections[0]?.props.initialVisibleCount ?? DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT;
+    return group.sections.length <= initialVisibleCount;
+}
 /**
  * @param defaultAppearance the LAYOUT's container mode, adopted by a section that declares none.
  *