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

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

@@ -1 +1 @@
-{"version":3,"file":"section-grouping.shared.js","sourceRoot":"","sources":["../../../../../src/components/sections/section-grouping.shared.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { type ReactElement, type ReactNode } from 'react';\nimport { DisplayDirection, SectionMode } from '@wildo-ai/zod-decorators';\nimport type { GapSize, SectionConfig } from '@wildo-ai/presets-components-models';\n\nexport type SharedSectionLikeProps = {\n  name: string;\n  appearance?: SectionMode;\n  defaultFocus?: boolean;\n  gap?: GapSize;\n  columns?: number | 'auto';\n  minColumnWidth?: string;\n  navWidth?: string;\n  allowMultiple?: boolean;\n  initialVisibleCount?: number;\n  allowSkip?: boolean;\n  showProgress?: boolean;\n  orientation?: DisplayDirection;\n};\n\nexport const SOLO_SECTION_MODES = new Set<SectionMode>([\n  SectionMode.DEFAULT,\n  SectionMode.CARD,\n  SectionMode.GHOST,\n  SectionMode.COLLAPSIBLE,\n]);\n\nexport function isSoloSectionMode(mode: SectionMode): boolean {\n  return SOLO_SECTION_MODES.has(mode);\n}\n\nexport type ContainerSectionMode =\n  | SectionMode.INLINE\n  | SectionMode.GRID\n  | SectionMode.COLUMNS\n  | SectionMode.TABS\n  | SectionMode.VERTICAL_TABS\n  | SectionMode.PILLS\n  | SectionMode.ACCORDION\n  | SectionMode.EXPANDABLE\n  | SectionMode.STEPPER\n  | SectionMode.TIMELINE;\n\nexport interface SectionLikeGroup<TProps extends SharedSectionLikeProps> {\n  mode: ContainerSectionMode;\n  sections: ReactElement<TProps>[];\n  insertionIndex: number;\n  groupingKey: string;\n}\n\nexport interface GroupedSectionLikeChildren<TProps extends SharedSectionLikeProps> {\n  items: Array<\n    | { type: 'node'; node: ReactNode }\n    | { type: 'group'; group: SectionLikeGroup<TProps> }\n  >;\n}\n\n/**\n * @param defaultAppearance the LAYOUT's container mode, adopted by a section that declares none.\n *\n * A section's own `appearance` always wins. This exists because the grouping below keys on\n * `(mode, its mode-specific props)` over CONSECUTIVE siblings, so a set of sections becomes ONE\n * container only when every member agrees — and declared per section that agreement is something N\n * authors must keep. One that slips renders two containers, or one container and a stray bare\n * section, and neither fails. A layout that means \"these are the tabs of one pane\" says it once.\n */\nexport function groupSectionLikeElementsByAppearance<TProps extends SharedSectionLikeProps>(\n  children: ReactNode,\n  isSectionElement: (child: ReactNode) => child is ReactElement<TProps>,\n  defaultAppearance?: ContainerSectionMode,\n): GroupedSectionLikeChildren<TProps> {\n  const childArray = React.Children.toArray(children);\n  const items: GroupedSectionLikeChildren<TProps>['items'] = [];\n\n  for (let i = 0; i < childArray.length; i++) {\n    const child = childArray[i];\n\n    if (!isSectionElement(child)) {\n      items.push({ type: 'node', node: child });\n      continue;\n    }\n\n    const appearance = child.props.appearance ?? defaultAppearance ?? SectionMode.DEFAULT;\n    if (isSoloSectionMode(appearance)) {\n      items.push({ type: 'node', node: child });\n      continue;\n    }\n\n    const containerMode = appearance as ContainerSectionMode;\n    const groupingKey = buildSectionLikeGroupingKey(containerMode, child.props);\n    const previousItem = items[items.length - 1];\n    if (\n      previousItem?.type === 'group'\n      && previousItem.group.groupingKey === groupingKey\n    ) {\n      previousItem.group.sections.push(child);\n      continue;\n    }\n\n    const group: SectionLikeGroup<TProps> = {\n      mode: containerMode,\n      sections: [child],\n      insertionIndex: i,\n      groupingKey,\n    };\n    items.push({ type: 'group', group });\n  }\n\n  return { items };\n}\n\nfunction buildSectionLikeGroupingKey<TProps extends SharedSectionLikeProps>(\n  mode: ContainerSectionMode,\n  props: TProps,\n): string {\n  switch (mode) {\n    case SectionMode.INLINE:\n      return JSON.stringify({ mode, gap: props.gap });\n    case SectionMode.GRID:\n      return JSON.stringify({\n        mode,\n        columns: props.columns,\n        gap: props.gap,\n        minColumnWidth: props.minColumnWidth,\n      });\n    case SectionMode.COLUMNS:\n      return JSON.stringify({\n        mode,\n        columns: props.columns,\n        gap: props.gap,\n      });\n    case SectionMode.VERTICAL_TABS:\n      return JSON.stringify({\n        mode,\n        navWidth: props.navWidth,\n      });\n    case SectionMode.ACCORDION:\n      return JSON.stringify({\n        mode,\n        allowMultiple: props.allowMultiple,\n      });\n    case SectionMode.EXPANDABLE:\n      return JSON.stringify({\n        mode,\n        initialVisibleCount: props.initialVisibleCount,\n      });\n    case SectionMode.STEPPER:\n      return JSON.stringify({\n        mode,\n        allowSkip: props.allowSkip,\n        showProgress: props.showProgress,\n        orientation: props.orientation,\n      });\n    case SectionMode.TABS:\n    case SectionMode.PILLS:\n    case SectionMode.TIMELINE:\n      return JSON.stringify({ mode });\n    default:\n      return JSON.stringify({ mode });\n  }\n}\n\nexport function buildSectionConfigFromSectionLikeGroup<TProps extends SharedSectionLikeProps>(\n  group: Pick<SectionLikeGroup<TProps>, 'mode' | 'sections'>,\n): SectionConfig {\n  const firstProps = group.sections[0].props;\n  const mode = group.mode;\n\n  const base = {\n    mode,\n    ariaLabel: undefined,\n    ariaLabelledBy: undefined,\n  };\n\n  switch (mode) {\n    case SectionMode.INLINE:\n      return { ...base, mode, gap: firstProps.gap };\n    case SectionMode.GRID:\n      return {\n        ...base,\n        mode,\n        columnCount: firstProps.columns,\n        gap: firstProps.gap,\n        minColumnWidth: firstProps.minColumnWidth,\n      };\n    case SectionMode.COLUMNS:\n      return {\n        ...base,\n        mode,\n        columnCount: firstProps.columns,\n        gap: firstProps.gap,\n      };\n    case SectionMode.TABS: {\n      const defaultActiveSection = group.sections.find((section) => section.props.defaultFocus);\n      return {\n        ...base,\n        mode,\n        defaultActive: defaultActiveSection?.props.name ?? group.sections[0].props.name,\n      };\n    }\n    case SectionMode.VERTICAL_TABS: {\n      const defaultActiveSection = group.sections.find((section) => section.props.defaultFocus);\n      return {\n        ...base,\n        mode,\n        defaultActive: defaultActiveSection?.props.name ?? group.sections[0].props.name,\n        navWidth: firstProps.navWidth,\n      };\n    }\n    case SectionMode.PILLS: {\n      const defaultActiveSection = group.sections.find((section) => section.props.defaultFocus);\n      return {\n        ...base,\n        mode,\n        defaultActive: defaultActiveSection?.props.name ?? group.sections[0].props.name,\n      };\n    }\n    case SectionMode.ACCORDION: {\n      const defaultExpanded = group.sections\n        .filter((section) => section.props.defaultFocus)\n        .map((section) => section.props.name);\n      return {\n        ...base,\n        mode,\n        allowMultiple: firstProps.allowMultiple,\n        defaultExpanded: defaultExpanded.length > 0 ? defaultExpanded : [group.sections[0].props.name],\n      };\n    }\n    case SectionMode.EXPANDABLE:\n      return {\n        ...base,\n        mode,\n        initialVisibleCount: firstProps.initialVisibleCount,\n      };\n    case SectionMode.STEPPER:\n      return {\n        ...base,\n        mode,\n        allowSkip: firstProps.allowSkip,\n        showProgress: firstProps.showProgress,\n        orientation: firstProps.orientation ?? DisplayDirection.VERTICAL,\n      };\n    case SectionMode.TIMELINE:\n      return { ...base, mode };\n    default:\n      return { mode: SectionMode.INLINE };\n  }\n}\n\nexport function buildSectionConfigFromSingleSectionLike<TProps extends SharedSectionLikeProps>(\n  section: ReactElement<TProps>,\n): SectionConfig {\n  const mode = section.props.appearance ?? SectionMode.DEFAULT;\n\n  if (isSoloSectionMode(mode)) {\n    if (mode === SectionMode.COLLAPSIBLE) {\n      return {\n        mode,\n        defaultExpanded: section.props.defaultFocus ? [section.props.name] : [],\n        showSingleSectionNav: true,\n      };\n    }\n\n    return {\n      mode,\n      showSingleSectionNav: true,\n    };\n  }\n\n  return {\n    ...buildSectionConfigFromSectionLikeGroup({\n      mode: mode as ContainerSectionMode,\n      sections: [section],\n    }),\n    showSingleSectionNav: true,\n  };\n}\n"]}
+{"version":3,"file":"section-grouping.shared.js","sourceRoot":"","sources":["../../../../../src/components/sections/section-grouping.shared.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { type ReactElement, type ReactNode } from 'react';\nimport { DisplayDirection, SectionMode } from '@wildo-ai/zod-decorators';\nimport type { GapSize, SectionConfig } from '@wildo-ai/presets-components-models';\n\nexport type SharedSectionLikeProps = {\n  name: string;\n  appearance?: SectionMode;\n  defaultFocus?: boolean;\n  gap?: GapSize;\n  columns?: number | 'auto';\n  minColumnWidth?: string;\n  navWidth?: string;\n  allowMultiple?: boolean;\n  initialVisibleCount?: number;\n  allowSkip?: boolean;\n  showProgress?: boolean;\n  orientation?: DisplayDirection;\n};\n\nexport const SOLO_SECTION_MODES = new Set<SectionMode>([\n  SectionMode.DEFAULT,\n  SectionMode.CARD,\n  SectionMode.GHOST,\n  SectionMode.COLLAPSIBLE,\n]);\n\nexport function isSoloSectionMode(mode: SectionMode): boolean {\n  return SOLO_SECTION_MODES.has(mode);\n}\n\nexport type ContainerSectionMode =\n  | SectionMode.INLINE\n  | SectionMode.GRID\n  | SectionMode.COLUMNS\n  | SectionMode.TABS\n  | SectionMode.VERTICAL_TABS\n  | SectionMode.PILLS\n  | SectionMode.ACCORDION\n  | SectionMode.EXPANDABLE\n  | SectionMode.STEPPER\n  | SectionMode.TIMELINE;\n\n/**\n * How many sections an EXPANDABLE group shows before its \"Show more\" button when the template does not\n * set `initialVisibleCount`. One constant for the renderer (`ExpandableMode`) and the authoring check\n * below, so the two cannot disagree about when a group truncates.\n */\nexport const DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT = 3;\n\n/**\n * Whether an EXPANDABLE group holds too few sections ever to truncate, so it renders every section\n * open and draws no \"Show more\" button.\n *\n * EXPANDABLE is truncation over a GROUP (\"show the first N, then Show more\"), not a toggle. Over one\n * section, or any count up to `initialVisibleCount`, it is an always-open panel — which is how a\n * knowledge document's review notes, declared EXPANDABLE to be \"shown on request\", came to be always\n * shown (#2197). A single section a reader reveals on request is `SectionMode.COLLAPSIBLE` with\n * `defaultFocus={false}`. The count is the RENDERED one, read from the children the host groups: a\n * section a template switches off for one record lowers it, so a group that does truncate for other\n * records can be reported here once. The check is advisory for that reason.\n */\nexport function expandableGroupNeverTruncates<TProps extends SharedSectionLikeProps>(\n  group: Pick<SectionLikeGroup<TProps>, 'mode' | 'sections'>,\n): boolean {\n  if (group.mode !== SectionMode.EXPANDABLE) return false;\n  const initialVisibleCount = group.sections[0]?.props.initialVisibleCount ?? DEFAULT_EXPANDABLE_INITIAL_VISIBLE_COUNT;\n  return group.sections.length <= initialVisibleCount;\n}\n\nexport interface SectionLikeGroup<TProps extends SharedSectionLikeProps> {\n  mode: ContainerSectionMode;\n  sections: ReactElement<TProps>[];\n  insertionIndex: number;\n  groupingKey: string;\n}\n\nexport interface GroupedSectionLikeChildren<TProps extends SharedSectionLikeProps> {\n  items: Array<\n    | { type: 'node'; node: ReactNode }\n    | { type: 'group'; group: SectionLikeGroup<TProps> }\n  >;\n}\n\n/**\n * @param defaultAppearance the LAYOUT's container mode, adopted by a section that declares none.\n *\n * A section's own `appearance` always wins. This exists because the grouping below keys on\n * `(mode, its mode-specific props)` over CONSECUTIVE siblings, so a set of sections becomes ONE\n * container only when every member agrees — and declared per section that agreement is something N\n * authors must keep. One that slips renders two containers, or one container and a stray bare\n * section, and neither fails. A layout that means \"these are the tabs of one pane\" says it once.\n */\nexport function groupSectionLikeElementsByAppearance<TProps extends SharedSectionLikeProps>(\n  children: ReactNode,\n  isSectionElement: (child: ReactNode) => child is ReactElement<TProps>,\n  defaultAppearance?: ContainerSectionMode,\n): GroupedSectionLikeChildren<TProps> {\n  const childArray = React.Children.toArray(children);\n  const items: GroupedSectionLikeChildren<TProps>['items'] = [];\n\n  for (let i = 0; i < childArray.length; i++) {\n    const child = childArray[i];\n\n    if (!isSectionElement(child)) {\n      items.push({ type: 'node', node: child });\n      continue;\n    }\n\n    const appearance = child.props.appearance ?? defaultAppearance ?? SectionMode.DEFAULT;\n    if (isSoloSectionMode(appearance)) {\n      items.push({ type: 'node', node: child });\n      continue;\n    }\n\n    const containerMode = appearance as ContainerSectionMode;\n    const groupingKey = buildSectionLikeGroupingKey(containerMode, child.props);\n    const previousItem = items[items.length - 1];\n    if (\n      previousItem?.type === 'group'\n      && previousItem.group.groupingKey === groupingKey\n    ) {\n      previousItem.group.sections.push(child);\n      continue;\n    }\n\n    const group: SectionLikeGroup<TProps> = {\n      mode: containerMode,\n      sections: [child],\n      insertionIndex: i,\n      groupingKey,\n    };\n    items.push({ type: 'group', group });\n  }\n\n  return { items };\n}\n\nfunction buildSectionLikeGroupingKey<TProps extends SharedSectionLikeProps>(\n  mode: ContainerSectionMode,\n  props: TProps,\n): string {\n  switch (mode) {\n    case SectionMode.INLINE:\n      return JSON.stringify({ mode, gap: props.gap });\n    case SectionMode.GRID:\n      return JSON.stringify({\n        mode,\n        columns: props.columns,\n        gap: props.gap,\n        minColumnWidth: props.minColumnWidth,\n      });\n    case SectionMode.COLUMNS:\n      return JSON.stringify({\n        mode,\n        columns: props.columns,\n        gap: props.gap,\n      });\n    case SectionMode.VERTICAL_TABS:\n      return JSON.stringify({\n        mode,\n        navWidth: props.navWidth,\n      });\n    case SectionMode.ACCORDION:\n      return JSON.stringify({\n        mode,\n        allowMultiple: props.allowMultiple,\n      });\n    case SectionMode.EXPANDABLE:\n      return JSON.stringify({\n        mode,\n        initialVisibleCount: props.initialVisibleCount,\n      });\n    case SectionMode.STEPPER:\n      return JSON.stringify({\n        mode,\n        allowSkip: props.allowSkip,\n        showProgress: props.showProgress,\n        orientation: props.orientation,\n      });\n    case SectionMode.TABS:\n    case SectionMode.PILLS:\n    case SectionMode.TIMELINE:\n      return JSON.stringify({ mode });\n    default:\n      return JSON.stringify({ mode });\n  }\n}\n\nexport function buildSectionConfigFromSectionLikeGroup<TProps extends SharedSectionLikeProps>(\n  group: Pick<SectionLikeGroup<TProps>, 'mode' | 'sections'>,\n): SectionConfig {\n  const firstProps = group.sections[0].props;\n  const mode = group.mode;\n\n  const base = {\n    mode,\n    ariaLabel: undefined,\n    ariaLabelledBy: undefined,\n  };\n\n  switch (mode) {\n    case SectionMode.INLINE:\n      return { ...base, mode, gap: firstProps.gap };\n    case SectionMode.GRID:\n      return {\n        ...base,\n        mode,\n        columnCount: firstProps.columns,\n        gap: firstProps.gap,\n        minColumnWidth: firstProps.minColumnWidth,\n      };\n    case SectionMode.COLUMNS:\n      return {\n        ...base,\n        mode,\n        columnCount: firstProps.columns,\n        gap: firstProps.gap,\n      };\n    case SectionMode.TABS: {\n      const defaultActiveSection = group.sections.find((section) => section.props.defaultFocus);\n      return {\n        ...base,\n        mode,\n        defaultActive: defaultActiveSection?.props.name ?? group.sections[0].props.name,\n      };\n    }\n    case SectionMode.VERTICAL_TABS: {\n      const defaultActiveSection = group.sections.find((section) => section.props.defaultFocus);\n      return {\n        ...base,\n        mode,\n        defaultActive: defaultActiveSection?.props.name ?? group.sections[0].props.name,\n        navWidth: firstProps.navWidth,\n      };\n    }\n    case SectionMode.PILLS: {\n      const defaultActiveSection = group.sections.find((section) => section.props.defaultFocus);\n      return {\n        ...base,\n        mode,\n        defaultActive: defaultActiveSection?.props.name ?? group.sections[0].props.name,\n      };\n    }\n    case SectionMode.ACCORDION: {\n      const defaultExpanded = group.sections\n        .filter((section) => section.props.defaultFocus)\n        .map((section) => section.props.name);\n      return {\n        ...base,\n        mode,\n        allowMultiple: firstProps.allowMultiple,\n        defaultExpanded: defaultExpanded.length > 0 ? defaultExpanded : [group.sections[0].props.name],\n      };\n    }\n    case SectionMode.EXPANDABLE:\n      return {\n        ...base,\n        mode,\n        initialVisibleCount: firstProps.initialVisibleCount,\n      };\n    case SectionMode.STEPPER:\n      return {\n        ...base,\n        mode,\n        allowSkip: firstProps.allowSkip,\n        showProgress: firstProps.showProgress,\n        orientation: firstProps.orientation ?? DisplayDirection.VERTICAL,\n      };\n    case SectionMode.TIMELINE:\n      return { ...base, mode };\n    default:\n      return { mode: SectionMode.INLINE };\n  }\n}\n\nexport function buildSectionConfigFromSingleSectionLike<TProps extends SharedSectionLikeProps>(\n  section: ReactElement<TProps>,\n): SectionConfig {\n  const mode = section.props.appearance ?? SectionMode.DEFAULT;\n\n  if (isSoloSectionMode(mode)) {\n    if (mode === SectionMode.COLLAPSIBLE) {\n      return {\n        mode,\n        defaultExpanded: section.props.defaultFocus ? [section.props.name] : [],\n        showSingleSectionNav: true,\n      };\n    }\n\n    return {\n      mode,\n      showSingleSectionNav: true,\n    };\n  }\n\n  return {\n    ...buildSectionConfigFromSectionLikeGroup({\n      mode: mode as ContainerSectionMode,\n      sections: [section],\n    }),\n    showSingleSectionNav: true,\n  };\n}\n"]}

package/dist/esm/components/sections/section-legend-voice.context.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TypographyVariant } from '@wildo-ai/presets-components-models';
+/**
+ * The raw context behind the section legend voice. INTERNAL to this package: a host chooses the voice
+ * through `SectionLegendVoiceHost`, a field legend through `FormFieldLegendVoice`, and a reader through
+ * `useSectionLegendVoice` (all in `section-legend-voice.ts`, which is public). The context itself was
+ * public by accident of the barrel (audit B-15), which would have made a provider's value shape a
+ * contract nobody chose.
+ */
+export declare const SectionLegendVoiceContext: React.Context<TypographyVariant>;
+/**
+ * The voice a FIELD's own legend takes (an array, an object, a record field), given its host's voice:
+ * inside a read body it keeps the body's EYEBROW, like every other group name there — an inline-editable
+ * checklist on a record page is still a part of the record, not a form; anywhere else (a form, or no
+ * host) it takes the LABEL voice the `Label` preset speaks every scalar field's name in, so a field in
+ * a form reads the same whatever its shape.
+ */
+export declare function fieldLegendVoice(hostVoice: TypographyVariant | undefined): TypographyVariant;
+//# sourceMappingURL=section-legend-voice.context.d.ts.map

package/dist/esm/components/sections/section-legend-voice.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-legend-voice.context.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/section-legend-voice.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAEvE;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,kCAAgE,CAAA;AAEtG;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,GAAG,SAAS,GAAG,iBAAiB,CAE5F"}

package/dist/esm/components/sections/section-legend-voice.context.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TypographyVariant } from '@wildo-ai/presets-components-models';
+/**
+ * The raw context behind the section legend voice. INTERNAL to this package: a host chooses the voice
+ * through `SectionLegendVoiceHost`, a field legend through `FormFieldLegendVoice`, and a reader through
+ * `useSectionLegendVoice` (all in `section-legend-voice.ts`, which is public). The context itself was
+ * public by accident of the barrel (audit B-15), which would have made a provider's value shape a
+ * contract nobody chose.
+ */
+export const SectionLegendVoiceContext = React.createContext(undefined);
+/**
+ * The voice a FIELD's own legend takes (an array, an object, a record field), given its host's voice:
+ * inside a read body it keeps the body's EYEBROW, like every other group name there — an inline-editable
+ * checklist on a record page is still a part of the record, not a form; anywhere else (a form, or no
+ * host) it takes the LABEL voice the `Label` preset speaks every scalar field's name in, so a field in
+ * a form reads the same whatever its shape.
+ */
+export function fieldLegendVoice(hostVoice) {
+    return hostVoice === TypographyVariant.EYEBROW ? TypographyVariant.EYEBROW : TypographyVariant.LABEL;
+}
+//# sourceMappingURL=section-legend-voice.context.js.map

package/dist/esm/components/sections/section-legend-voice.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-legend-voice.context.js","sourceRoot":"","sources":["../../../../../src/components/sections/section-legend-voice.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAEvE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAgC,SAAS,CAAC,CAAA;AAEtG;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,SAAwC;IACvE,OAAO,SAAS,KAAK,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAA;AACtG,CAAC","sourcesContent":["import React from 'react'\nimport { TypographyVariant } from '@wildo-ai/presets-components-models'\n\n/**\n * The raw context behind the section legend voice. INTERNAL to this package: a host chooses the voice\n * through `SectionLegendVoiceHost`, a field legend through `FormFieldLegendVoice`, and a reader through\n * `useSectionLegendVoice` (all in `section-legend-voice.ts`, which is public). The context itself was\n * public by accident of the barrel (audit B-15), which would have made a provider's value shape a\n * contract nobody chose.\n */\nexport const SectionLegendVoiceContext = React.createContext<TypographyVariant | undefined>(undefined)\n\n/**\n * The voice a FIELD's own legend takes (an array, an object, a record field), given its host's voice:\n * inside a read body it keeps the body's EYEBROW, like every other group name there — an inline-editable\n * checklist on a record page is still a part of the record, not a form; anywhere else (a form, or no\n * host) it takes the LABEL voice the `Label` preset speaks every scalar field's name in, so a field in\n * a form reads the same whatever its shape.\n */\nexport function fieldLegendVoice(hostVoice: TypographyVariant | undefined): TypographyVariant {\n  return hostVoice === TypographyVariant.EYEBROW ? TypographyVariant.EYEBROW : TypographyVariant.LABEL\n}\n"]}

package/dist/esm/components/sections/section-legend-voice.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+/** The legend voice the nearest host chose, or `undefined` for the heading voice. */
+export declare function useSectionLegendVoice(): TypographyVariant | undefined;
+/**
+ * Choose the voice the section legends beneath speak in: `TypographyVariant.EYEBROW` for a read body,
+ * `undefined` to reset to the heading voice (a form). The framework's hosts use it — `DisplayLayout`,
+ * `FormLayout`, the record page's related records and inserted views — and so does a custom surface
+ * that hosts sections itself: a custom form rendered inside a read subtree resets the voice with
+ * `voice={undefined}`, or its section headings read as eyebrows.
+ */
+export declare function SectionLegendVoiceHost({ voice, children }: {
+    voice: TypographyVariant | undefined;
+    children: React.ReactNode;
+}): React.ReactElement;
+/**
+ * Give a FIELD's own legend its voice: the read body's EYEBROW inside a read body, the LABEL voice
+ * anywhere else. Wrap the legend only, never the section: a nested section keeps the voice its own host
+ * chose.
+ */
+export declare function FormFieldLegendVoice({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;
+/**
+ * The classes a SECTION HEADING takes: the theme's HEADING voice at section size.
+ *
+ * The theme's own heading family, weight, case and tracking, so a theme restyles every section heading through the
+ * one role it already defines (the editorial serif, the brutalist bold, the trading capitals), at one size. Before,
+ * the elements that draw a section title each spelled a size and a weight by hand (`font-semibold`,
+ * `font-medium leading-tight`, `font-medium text-base`), so one form could show a section title three ways.
+ *
+ * Always the heading voice, whatever the host: CARD and container-panel headings, and accordion rows, keep it in a
+ * read body too (a settings pane's cards are named, not murmured; the record-surfaces decision). Only a section's
+ * LEGEND takes the host's voice, and it falls back to this.
+ *
+ * A function of the caller's `getRecipe` rather than a hook, so it reads the same theme the caller does.
+ */
+export declare function sectionHeadingClassName(getRecipe: (behavior: UIBehavior, variant?: string) => {
+    base: string;
+}): string;
+//# sourceMappingURL=section-legend-voice.d.ts.map

package/dist/esm/components/sections/section-legend-voice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-legend-voice.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/section-legend-voice.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAqBnF,qFAAqF;AACrF,wBAAgB,qBAAqB,IAAI,iBAAiB,GAAG,SAAS,CAErE;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAEnJ;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAGpG;AASD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAEvH"}

package/dist/esm/components/sections/section-legend-voice.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { cn } from '../../core/ui/cn.js';
+/**
+ * The VOICE a section legend speaks in, chosen by the surface that hosts the section — never by the
+ * section itself, because the same `<Section>` renders in a read body and in a form.
+ *
+ * A read body (`DisplayLayout`) provides `TypographyVariant.EYEBROW`: there a section heading names a
+ * group of facts, and it must be quieter than the facts or it reads as the loudest thing on the page
+ * (measured on the Wonder Todos todo detail, 2026-09-30: "Checklist" at 16px/500 above 14px values).
+ * A form (`FormLayout`) resets it, so a form section keeps its heading voice — there the heading
+ * orders a task. With no host the legend keeps the heading voice it always had.
+ *
+ * A FIELD's own legend is the third case, and the field decides it (`FormFieldLegendVoice`): an
+ * array or object field in a form names itself in the label voice, because there its legend IS its
+ * label; inside a read body it keeps the eyebrow (an inline-editable checklist on a record page). Measured 2026-10-01 with `wildo frontend look` on the Wonder Todos todo form: "Checklist" and
+ * "Reminder" at 16px headings, between "Tags" and "Title" at 14px labels and "WORKFLOW" in the eyebrow —
+ * three voices for one kind of thing.
+ */
+import { SectionLegendVoiceContext, fieldLegendVoice } from './section-legend-voice.context.js';
+/** The legend voice the nearest host chose, or `undefined` for the heading voice. */
+export function useSectionLegendVoice() {
+    return React.useContext(SectionLegendVoiceContext);
+}
+/**
+ * Choose the voice the section legends beneath speak in: `TypographyVariant.EYEBROW` for a read body,
+ * `undefined` to reset to the heading voice (a form). The framework's hosts use it — `DisplayLayout`,
+ * `FormLayout`, the record page's related records and inserted views — and so does a custom surface
+ * that hosts sections itself: a custom form rendered inside a read subtree resets the voice with
+ * `voice={undefined}`, or its section headings read as eyebrows.
+ */
+export function SectionLegendVoiceHost({ voice, children }) {
+    return React.createElement(SectionLegendVoiceContext.Provider, { value: voice }, children);
+}
+/**
+ * Give a FIELD's own legend its voice: the read body's EYEBROW inside a read body, the LABEL voice
+ * anywhere else. Wrap the legend only, never the section: a nested section keeps the voice its own host
+ * chose.
+ */
+export function FormFieldLegendVoice({ children }) {
+    const hostVoice = useSectionLegendVoice();
+    return React.createElement(SectionLegendVoiceContext.Provider, { value: fieldLegendVoice(hostVoice) }, children);
+}
+/**
+ * The size a section title takes in the heading voice: the body-plus-one step, below a resource title (18px), above
+ * a field label (14px). Held here, once, because a section title is drawn by several elements (a fieldset legend, a
+ * container panel's heading, a solo card's heading, an accordion row) and each used to spell its own.
+ */
+const SECTION_TITLE_SIZE_CLASS = 'text-base';
+/**
+ * The classes a SECTION HEADING takes: the theme's HEADING voice at section size.
+ *
+ * The theme's own heading family, weight, case and tracking, so a theme restyles every section heading through the
+ * one role it already defines (the editorial serif, the brutalist bold, the trading capitals), at one size. Before,
+ * the elements that draw a section title each spelled a size and a weight by hand (`font-semibold`,
+ * `font-medium leading-tight`, `font-medium text-base`), so one form could show a section title three ways.
+ *
+ * Always the heading voice, whatever the host: CARD and container-panel headings, and accordion rows, keep it in a
+ * read body too (a settings pane's cards are named, not murmured; the record-surfaces decision). Only a section's
+ * LEGEND takes the host's voice, and it falls back to this.
+ *
+ * A function of the caller's `getRecipe` rather than a hook, so it reads the same theme the caller does.
+ */
+export function sectionHeadingClassName(getRecipe) {
+    return cn(getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING).base, SECTION_TITLE_SIZE_CLASS);
+}
+//# sourceMappingURL=section-legend-voice.js.map

package/dist/esm/components/sections/section-legend-voice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-legend-voice.js","sourceRoot":"","sources":["../../../../../src/components/sections/section-legend-voice.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AACnF,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAA;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAE5F,qFAAqF;AACrF,MAAM,UAAU,qBAAqB;IACnC,OAAO,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;AACpD,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAuE;IAC7H,OAAO,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAA;AAC5F,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAiC;IAC9E,MAAM,SAAS,GAAG,qBAAqB,EAAE,CAAA;IACzC,OAAO,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;AAClH,CAAC;AAED;;;;GAIG;AACH,MAAM,wBAAwB,GAAG,WAAW,CAAA;AAE5C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,uBAAuB,CAAC,SAAuE;IAC7G,OAAO,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;AACvG,CAAC","sourcesContent":["import React from 'react'\nimport { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models'\nimport { cn } from '~wildo-frontend-lib/core/ui/cn'\n\n/**\n * The VOICE a section legend speaks in, chosen by the surface that hosts the section — never by the\n * section itself, because the same `<Section>` renders in a read body and in a form.\n *\n * A read body (`DisplayLayout`) provides `TypographyVariant.EYEBROW`: there a section heading names a\n * group of facts, and it must be quieter than the facts or it reads as the loudest thing on the page\n * (measured on the Wonder Todos todo detail, 2026-09-30: \"Checklist\" at 16px/500 above 14px values).\n * A form (`FormLayout`) resets it, so a form section keeps its heading voice — there the heading\n * orders a task. With no host the legend keeps the heading voice it always had.\n *\n * A FIELD's own legend is the third case, and the field decides it (`FormFieldLegendVoice`): an\n * array or object field in a form names itself in the label voice, because there its legend IS its\n * label; inside a read body it keeps the eyebrow (an inline-editable checklist on a record page). Measured 2026-10-01 with `wildo frontend look` on the Wonder Todos todo form: \"Checklist\" and\n * \"Reminder\" at 16px headings, between \"Tags\" and \"Title\" at 14px labels and \"WORKFLOW\" in the eyebrow —\n * three voices for one kind of thing.\n */\nimport { SectionLegendVoiceContext, fieldLegendVoice } from './section-legend-voice.context'\n\n/** The legend voice the nearest host chose, or `undefined` for the heading voice. */\nexport function useSectionLegendVoice(): TypographyVariant | undefined {\n  return React.useContext(SectionLegendVoiceContext)\n}\n\n/**\n * Choose the voice the section legends beneath speak in: `TypographyVariant.EYEBROW` for a read body,\n * `undefined` to reset to the heading voice (a form). The framework's hosts use it — `DisplayLayout`,\n * `FormLayout`, the record page's related records and inserted views — and so does a custom surface\n * that hosts sections itself: a custom form rendered inside a read subtree resets the voice with\n * `voice={undefined}`, or its section headings read as eyebrows.\n */\nexport function SectionLegendVoiceHost({ voice, children }: { voice: TypographyVariant | undefined; children: React.ReactNode }): React.ReactElement {\n  return React.createElement(SectionLegendVoiceContext.Provider, { value: voice }, children)\n}\n\n/**\n * Give a FIELD's own legend its voice: the read body's EYEBROW inside a read body, the LABEL voice\n * anywhere else. Wrap the legend only, never the section: a nested section keeps the voice its own host\n * chose.\n */\nexport function FormFieldLegendVoice({ children }: { children: React.ReactNode }): React.ReactElement {\n  const hostVoice = useSectionLegendVoice()\n  return React.createElement(SectionLegendVoiceContext.Provider, { value: fieldLegendVoice(hostVoice) }, children)\n}\n\n/**\n * The size a section title takes in the heading voice: the body-plus-one step, below a resource title (18px), above\n * a field label (14px). Held here, once, because a section title is drawn by several elements (a fieldset legend, a\n * container panel's heading, a solo card's heading, an accordion row) and each used to spell its own.\n */\nconst SECTION_TITLE_SIZE_CLASS = 'text-base'\n\n/**\n * The classes a SECTION HEADING takes: the theme's HEADING voice at section size.\n *\n * The theme's own heading family, weight, case and tracking, so a theme restyles every section heading through the\n * one role it already defines (the editorial serif, the brutalist bold, the trading capitals), at one size. Before,\n * the elements that draw a section title each spelled a size and a weight by hand (`font-semibold`,\n * `font-medium leading-tight`, `font-medium text-base`), so one form could show a section title three ways.\n *\n * Always the heading voice, whatever the host: CARD and container-panel headings, and accordion rows, keep it in a\n * read body too (a settings pane's cards are named, not murmured; the record-surfaces decision). Only a section's\n * LEGEND takes the host's voice, and it falls back to this.\n *\n * A function of the caller's `getRecipe` rather than a hook, so it reads the same theme the caller does.\n */\nexport function sectionHeadingClassName(getRecipe: (behavior: UIBehavior, variant?: string) => { base: string }): string {\n  return cn(getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING).base, SECTION_TITLE_SIZE_CLASS)\n}\n"]}

package/dist/esm/components/sections/stepper.d.ts

@@ -11,6 +11,20 @@ export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
     totalSteps: number;
     orientation?: DisplayDirection;
     completedSteps?: Set<number>;
+    /**
+     * The steps that hold an error (0-based). Their indicator and title take the destructive tone, so after a failed
+     * submit a person sees WHICH step to go back to; a wizard's steps used to look complete over fields in error.
+     */
+    errorSteps?: ReadonlySet<number>;
+    /**
+     * Makes the steps a navigation: each step `isStepSelectable` answers true for becomes a button that selects it.
+     * Omitted, the stepper is a display of progress only.
+     */
+    onStepSelect?: (step: number) => void;
+    /** Which steps may be selected (for example, the ones already visited). Every step, when omitted. */
+    isStepSelectable?: (step: number) => boolean;
+    /** What a completed step's indicator shows. The theme's check icon, when omitted. */
+    completedIcon?: React.ReactNode;
 }
 export interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
     step: number;

package/dist/esm/components/sections/stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACjF,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACzF,IAAI,EAAE,MAAM,CAAA;CACb;AAID,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACxC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAChC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAA;IAC1C,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAA;IAC1C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAA;CAC/C;AAYD,wBAAgB,OAAO,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9H;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhJ;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhJ;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxI;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpJ"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/stepper.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/sections/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../../src/components/sections/stepper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AA+CjI,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,iBAAiB,EACvC,SAAS,EACT,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CAC3D,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAuC;IACzG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAgD;IAC3H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAgD;IAC3H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA4C;IACnH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAkD;IAC/H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,WAAW,OAAK,KAAK,GAAI,CAAA;AACrC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { DisplayDirection } from '@wildo-ai/zod-decorators'\nimport { createCompoundComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\n/**\n * Every `step` and `currentStep` in the stepper family is a 0-based POSITION. The indicator shows position + 1,\n * because a person counts steps from 1; it used to print the raw position, so a wizard read \"0 Compose, 1 Publish\".\n */\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 0-based position of the active step. */\n  currentStep: number\n  totalSteps: number\n  orientation?: DisplayDirection\n  completedSteps?: Set<number>\n}\n\nexport interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nexport interface StepperSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nexport interface StepperTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  step: number\n}\n\nexport interface StepperDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  step: number\n}\n\n// --- Compound type ---\n\nexport interface StepperCompound {\n  (props: StepperProps): React.JSX.Element\n  Item: React.FC<StepperItemProps>\n  Indicator: React.FC<StepperIndicatorProps>\n  Separator: React.FC<StepperSeparatorProps>\n  Title: React.FC<StepperTitleProps>\n  Description: React.FC<StepperDescriptionProps>\n}\n\n// --- Resolver ---\n\nconst resolve = createCompoundComponentResolver<StepperCompound>(\n  FrontendComponentType.LOW_LEVEL_STEPPER,\n  'Stepper',\n  ['Item', 'Indicator', 'Separator', 'Title', 'Description']\n)\n\n// --- Wrappers ---\n\nexport function Stepper({ preset = CorePresetNames.DEFAULT, ...props }: StepperProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C {...props} />\n}\n\nexport function StepperItem({ preset = CorePresetNames.DEFAULT, ...props }: StepperItemProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Item {...props} />\n}\n\nexport function StepperIndicator({ preset = CorePresetNames.DEFAULT, ...props }: StepperIndicatorProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Indicator {...props} />\n}\n\nexport function StepperSeparator({ preset = CorePresetNames.DEFAULT, ...props }: StepperSeparatorProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Separator {...props} />\n}\n\nexport function StepperTitle({ preset = CorePresetNames.DEFAULT, ...props }: StepperTitleProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Title {...props} />\n}\n\nexport function StepperDescription({ preset = CorePresetNames.DEFAULT, ...props }: StepperDescriptionProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Description {...props} />\n}\n"]}
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../../src/components/sections/stepper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AA6DjI,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,iBAAiB,EACvC,SAAS,EACT,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CAC3D,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAuC;IACzG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAgD;IAC3H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAgD;IAC3H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA4C;IACnH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAkD;IAC/H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,WAAW,OAAK,KAAK,GAAI,CAAA;AACrC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { DisplayDirection } from '@wildo-ai/zod-decorators'\nimport { createCompoundComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\n/**\n * Every `step` and `currentStep` in the stepper family is a 0-based POSITION. The indicator shows position + 1,\n * because a person counts steps from 1; it used to print the raw position, so a wizard read \"0 Compose, 1 Publish\".\n */\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 0-based position of the active step. */\n  currentStep: number\n  totalSteps: number\n  orientation?: DisplayDirection\n  completedSteps?: Set<number>\n  /**\n   * The steps that hold an error (0-based). Their indicator and title take the destructive tone, so after a failed\n   * submit a person sees WHICH step to go back to; a wizard's steps used to look complete over fields in error.\n   */\n  errorSteps?: ReadonlySet<number>\n  /**\n   * Makes the steps a navigation: each step `isStepSelectable` answers true for becomes a button that selects it.\n   * Omitted, the stepper is a display of progress only.\n   */\n  onStepSelect?: (step: number) => void\n  /** Which steps may be selected (for example, the ones already visited). Every step, when omitted. */\n  isStepSelectable?: (step: number) => boolean\n  /** What a completed step's indicator shows. The theme's check icon, when omitted. */\n  completedIcon?: React.ReactNode\n}\n\nexport interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nexport interface StepperSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nexport interface StepperTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  step: number\n}\n\nexport interface StepperDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  step: number\n}\n\n// --- Compound type ---\n\nexport interface StepperCompound {\n  (props: StepperProps): React.JSX.Element\n  Item: React.FC<StepperItemProps>\n  Indicator: React.FC<StepperIndicatorProps>\n  Separator: React.FC<StepperSeparatorProps>\n  Title: React.FC<StepperTitleProps>\n  Description: React.FC<StepperDescriptionProps>\n}\n\n// --- Resolver ---\n\nconst resolve = createCompoundComponentResolver<StepperCompound>(\n  FrontendComponentType.LOW_LEVEL_STEPPER,\n  'Stepper',\n  ['Item', 'Indicator', 'Separator', 'Title', 'Description']\n)\n\n// --- Wrappers ---\n\nexport function Stepper({ preset = CorePresetNames.DEFAULT, ...props }: StepperProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C {...props} />\n}\n\nexport function StepperItem({ preset = CorePresetNames.DEFAULT, ...props }: StepperItemProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Item {...props} />\n}\n\nexport function StepperIndicator({ preset = CorePresetNames.DEFAULT, ...props }: StepperIndicatorProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Indicator {...props} />\n}\n\nexport function StepperSeparator({ preset = CorePresetNames.DEFAULT, ...props }: StepperSeparatorProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Separator {...props} />\n}\n\nexport function StepperTitle({ preset = CorePresetNames.DEFAULT, ...props }: StepperTitleProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Title {...props} />\n}\n\nexport function StepperDescription({ preset = CorePresetNames.DEFAULT, ...props }: StepperDescriptionProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Description {...props} />\n}\n"]}

package/dist/esm/components/sections/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,cAAc,EAEd,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAgB7C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAC3C,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6ID;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,SAAS,MAAM,QAAQ,GAAG,QAAQ,SAAS;IAAE,kBAAkB,CAAC,EAAE,MAAM,QAAQ,CAAA;CAAE,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CA+B9M;AAwnBD,eAAO,MAAM,aAAa,mKA0BxB,CAAC;AAIH,eAAO,MAAM,WAAW,mKAetB,CAAC;AAIH,eAAO,MAAM,aAAa,mKA6BxB,CAAC;AAIH,eAAO,MAAM,aAAa,mKAYxB,CAAC;AAIH,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,cAAc,EAEd,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAgB7C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAC3C,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6ID;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,SAAS,MAAM,QAAQ,GAAG,QAAQ,SAAS;IAAE,kBAAkB,CAAC,EAAE,MAAM,QAAQ,CAAA;CAAE,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CA+B9M;AAioBD,eAAO,MAAM,aAAa,mKA0BxB,CAAC;AAIH,eAAO,MAAM,WAAW,mKAetB,CAAC;AAIH,eAAO,MAAM,aAAa,mKA6BxB,CAAC;AAIH,eAAO,MAAM,aAAa,mKAYxB,CAAC;AAIH,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC"}

package/dist/esm/components/sections/surface.js

@@ -514,7 +514,7 @@ function mergeSurfaceStyle(policy, materialStyle, style, emitPolicyVars, renders
         ...style,
     };
 }
-const SurfaceRoot = React.forwardRef(function SurfaceRoot({ variant = SurfaceVariant.BASE, materialRoleOverride, policyOverride, asChild = false, emitPolicyVars = true, modal = false, a11yManagedByHost = false, className, style, children, role, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'data-slot': _dataSlot, 'data-surface': _dataSurface, ...props }, ref) {
+const SurfaceRoot = React.forwardRef(function SurfaceRoot({ variant = SurfaceVariant.BASE, materialRoleOverride, policyOverride, asChild = false, emitPolicyVars = true, modal = false, a11yManagedByHost = false, className, style, children, role, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'data-slot': _dataSlot, 'data-surface': _dataSurface, tabIndex, ...props }, ref) {
     const { getComposedClasses, getMaterialProfile, getRecipe, getSurfacePolicy, } = useUI();
     // Optional calls keep the primitive resilient in isolated tests and custom
     // host adapters that provide the legacy minimal UI context surface.
@@ -612,6 +612,14 @@ const SurfaceRoot = React.forwardRef(function SurfaceRoot({ variant = SurfaceVar
     const shouldActivateScrollContainment = !a11yManagedByHost
         && modal
         && policy.a11y?.scrollContainment === 'lock-body';
+    /*
+     * `tabIndex` follows the same Slot rule: only a key with a VALUE. Passing `tabIndex={undefined}` deleted the
+     * host's own tab stop. Radix's roving-focus group gives its root `tabIndex: 0` (the group's only Tab entry,
+     * every item being -1), so a toggle group wrapped in a Surface track was skipped by Tab entirely, and so
+     * was the menubar. The value is the caller's, or -1 when the focus trap needs the surface itself focusable.
+     */
+    const resolvedTabIndex = shouldActivateFocusTrap && tabIndex == null ? -1 : tabIndex;
+    const tabIndexAttribute = resolvedTabIndex === undefined ? {} : { tabIndex: resolvedTabIndex };
     useSurfaceFocusTrap(surfaceNodeRef, shouldActivateFocusTrap);
     useSurfaceBodyScrollLock(shouldActivateScrollContainment);
     React.useEffect(() => {
@@ -656,7 +664,7 @@ const SurfaceRoot = React.forwardRef(function SurfaceRoot({ variant = SurfaceVar
             'data-inline-size-tier': policy.geometry?.responsiveMaxWidth,
         }
         : {};
-    const surfaceElement = (_jsx(Comp, { ref: composedRef, ...props, ...policyStyleAttrs, "data-material-kind": materialRuntime['data-material-kind'], "data-material-tier": materialRuntime['data-material-tier'], "data-material-variant": materialRuntime['data-material-variant'], "data-material-depth": materialRuntime['data-material-depth'], "data-material-composition": materialRuntime['data-material-composition'], "data-material-group": materialRuntime['data-material-group'], "data-material-refractive-budget": materialRuntime['data-material-refractive-budget'], tabIndex: shouldActivateFocusTrap && props.tabIndex == null ? -1 : props.tabIndex, "data-surface-focus-trap": shouldActivateFocusTrap ? '' : undefined, "data-surface-scroll-containment": shouldActivateScrollContainment ? '' : undefined, "data-surface-framing-mode": emitPolicyVars ? framingModeToAttribute(policy.nesting?.framingMode) : undefined, "data-surface-frame": emitPolicyVars ? (contextValue.rendersOwnFrame ? 'rendered' : 'suppressed') : undefined, "data-surface-in-framed-ancestor": emitPolicyVars && isNestedInFramedAncestor ? '' : undefined, "data-surface-nearest-framed-ancestor": emitPolicyVars ? nearestFramedAncestorVariant : undefined, "data-surface-nested-radius-strategy": emitPolicyVars ? nestedRadiusStrategyToAttribute(policy.nesting?.nestedRadiusStrategy) : undefined, "data-surface-first-child-edge-strategy": emitPolicyVars ? firstChildEdgeStrategyToAttribute(policy.nesting?.firstChildEdgeStrategy) : undefined, "data-surface-divider-strategy": emitPolicyVars ? dividerStrategyToAttribute(policy.nesting?.dividerStrategy) : undefined, "data-surface-selectable-semantics": emitPolicyVars ? selectableSemanticsToAttribute(policy.interactiveState?.selectableSemantics) : undefined, "data-surface-gesture-opt-in": emitPolicyVars ? gestureOptInToAttribute(policy.interactiveState?.gestureOptIn) : undefined, "data-surface-child-adaptive-density": emitPolicyVars && policy.composition?.childAdaptiveDensity === true ? '' : undefined, "data-surface-selection-column-aware": emitPolicyVars && policy.composition?.selectionColumnAware === true ? '' : undefined, ...a11yAttributes, "data-surface-variant": variant, className: cn(visualRecipeClasses, className), style: mergeSurfaceStyle(policy, materialRuntime.style, style, emitPolicyVars, contextValue.rendersOwnFrame, nestedRadius), children: children }));
+    const surfaceElement = (_jsx(Comp, { ref: composedRef, ...props, ...policyStyleAttrs, "data-material-kind": materialRuntime['data-material-kind'], "data-material-tier": materialRuntime['data-material-tier'], "data-material-variant": materialRuntime['data-material-variant'], "data-material-depth": materialRuntime['data-material-depth'], "data-material-composition": materialRuntime['data-material-composition'], "data-material-group": materialRuntime['data-material-group'], "data-material-refractive-budget": materialRuntime['data-material-refractive-budget'], ...tabIndexAttribute, "data-surface-focus-trap": shouldActivateFocusTrap ? '' : undefined, "data-surface-scroll-containment": shouldActivateScrollContainment ? '' : undefined, "data-surface-framing-mode": emitPolicyVars ? framingModeToAttribute(policy.nesting?.framingMode) : undefined, "data-surface-frame": emitPolicyVars ? (contextValue.rendersOwnFrame ? 'rendered' : 'suppressed') : undefined, "data-surface-in-framed-ancestor": emitPolicyVars && isNestedInFramedAncestor ? '' : undefined, "data-surface-nearest-framed-ancestor": emitPolicyVars ? nearestFramedAncestorVariant : undefined, "data-surface-nested-radius-strategy": emitPolicyVars ? nestedRadiusStrategyToAttribute(policy.nesting?.nestedRadiusStrategy) : undefined, "data-surface-first-child-edge-strategy": emitPolicyVars ? firstChildEdgeStrategyToAttribute(policy.nesting?.firstChildEdgeStrategy) : undefined, "data-surface-divider-strategy": emitPolicyVars ? dividerStrategyToAttribute(policy.nesting?.dividerStrategy) : undefined, "data-surface-selectable-semantics": emitPolicyVars ? selectableSemanticsToAttribute(policy.interactiveState?.selectableSemantics) : undefined, "data-surface-gesture-opt-in": emitPolicyVars ? gestureOptInToAttribute(policy.interactiveState?.gestureOptIn) : undefined, "data-surface-child-adaptive-density": emitPolicyVars && policy.composition?.childAdaptiveDensity === true ? '' : undefined, "data-surface-selection-column-aware": emitPolicyVars && policy.composition?.selectionColumnAware === true ? '' : undefined, ...a11yAttributes, "data-surface-variant": variant, className: cn(visualRecipeClasses, className), style: mergeSurfaceStyle(policy, materialRuntime.style, style, emitPolicyVars, contextValue.rendersOwnFrame, nestedRadius), children: children }));
     const shouldWrapErrorBoundary = policy.interactiveState?.errorBoundary === 'self';
     return (_jsx(SurfacePolicyContext.Provider, { value: contextValue, children: shouldWrapErrorBoundary ? (_jsx(SurfaceErrorBoundary, { children: surfaceElement })) : surfaceElement }));
 });