npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.4 → 1.1.5 - Mend

@wildo-ai/saas-frontend-lib 1.1.4 → 1.1.5

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"surface.js","sourceRoot":"","sources":["../../../../src/components/sections/surface.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n FRAMEWORK_DEFAULT_SURFACE_POLICIES,\n SurfaceVariant,\n UIBehavior,\n type DeepPartialSurfacePolicy,\n type MaterialProfileRole,\n type SurfacePolicy,\n} from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\nimport {\n computeSurfacePolicyContextValue,\n mergeSurfacePolicy,\n SurfacePolicyContext,\n useSurfacePolicy,\n} from '~wildo-frontend-lib/core/ui/SurfacePolicyContext';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useMaterialRuntime } from '~wildo-frontend-lib/core/ui/material-runtime';\nimport { SurfaceErrorBoundary } from '~wildo-frontend-lib/core/ui/SurfaceErrorBoundary';\nimport { useSurfaceBodyScrollLock, useSurfaceFocusTrap } from '~wildo-frontend-lib/core/ui/surface-a11y.utils';\n\ntype SurfaceStyle = React.CSSProperties & Record<`--surface-policy-${string}`, string \| undefined>;\n\nexport interface SurfaceProps extends React.ComponentPropsWithoutRef<'div'> {\n /*\n Semantic container role. Surface always composes the active theme's\n * matching `UIBehavior.SURFACE` recipe onto the rendered node; callers only\n * supply local structural classes and must not repeat the theme lookup.\n /\n variant?: SurfaceVariant;\n /\n Selects a material profile independently from the semantic surface recipe.\n * Use this when a component's behavior/policy remains one SurfaceVariant but\n * its functional role requires different optics (for example, a raised\n * navigation toolbar versus a raised menu). Theme recipes remain the default.\n /\n materialRoleOverride?: MaterialProfileRole;\n policyOverride?: DeepPartialSurfacePolicy;\n asChild?: boolean;\n /\n Suppresses policy-owned CSS variables and selector attributes while\n * retaining the resolved policy in React context for child slots. This does\n * not suppress the visual theme recipe: policy and appearance are separate\n * channels, and the semantic `variant` remains visually authoritative.\n /\n emitPolicyVars?: boolean;\n /\n Marks this surface as a modal root for policy slots such as\n * `focusTrap: 'when-modal'` and `scrollContainment: 'lock-body'`.\n /\n modal?: boolean;\n /\n Set when the host primitive already owns focus trapping / body scroll lock\n * AND the accessible name/description (for example Radix Dialog Content, which\n * wires `aria-labelledby` from its own `Dialog.Title`). Surface still emits\n * policy context and a11y attributes, but skips duplicate runtime side effects\n * (focus trap, body scroll lock) and skips the `from-header` label-policing\n * warning: the host owns labelling, so a `Surface.Header` is never registered\n * here and the warning would be a guaranteed false positive on every\n * host-managed overlay.\n /\n a11yManagedByHost?: boolean;\n 'data-slot'?: string;\n 'data-surface'?: string;\n}\n\nconst POLICY_DRIVEN_UTILITY_PREFIXES = /(?:^\|\\s)(?:p\|pt\|pr\|pb\|pl\|pe\|ps\|px\|py\|gap\|gap-x\|gap-y\|max-h\|min-h\|max-w\|overflow\|z\|flex\|grid\|flex-col\|flex-row\|flex-col-reverse\|flex-row-reverse)-/;\nconst logger = LoggerFrontendService.getLogger();\n\nfunction paddingTierToCssValue(value: string \| undefined): string \| undefined {\n switch (value) {\n case 'none':\n return '0px';\n case 'field':\n return 'var(--sp-field)';\n case 'card-sm':\n return 'var(--spacing-card-sm)';\n case 'card':\n return 'var(--sp-card)';\n case 'container':\n return 'var(--sp-container)';\n default:\n return undefined;\n }\n}\n\nfunction gapTierToCssValue(value: string \| undefined): string \| undefined {\n switch (value) {\n case 'none':\n return '0px';\n case 'item':\n return 'var(--sp-item)';\n case 'field':\n return 'var(--sp-field)';\n case 'section':\n return 'var(--sp-section)';\n case 'lane':\n return 'var(--sp-region)';\n default:\n return undefined;\n }\n}\n\nfunction textWrapToCssValue(value: SurfacePolicy['content'] extends infer Content ? Content extends { wrapStrategy?: infer Wrap } ? Wrap : never : never): string \| undefined {\n switch (value) {\n case 'nowrap':\n return 'nowrap';\n case 'balance':\n return 'balance';\n case 'pretty':\n return 'pretty';\n case 'wrap':\n return 'wrap';\n default:\n return undefined;\n }\n}\n\nfunction numericAlignmentToCssValue(value: SurfacePolicy['content'] extends infer Content ? Content extends { numericAlignment?: infer Numeric } ? Numeric : never : never): string \| undefined {\n switch (value) {\n case 'tabular':\n return 'tabular-nums';\n case 'lining':\n return 'lining-nums';\n case 'inherit':\n return 'inherit';\n default:\n return undefined;\n }\n}\n\nfunction overlongTokenStrategyToCssValue(value: SurfacePolicy['content'] extends infer Content ? Content extends { overlongTokenStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'break-word':\n // CSS `overflow-wrap: break-word` (the framework default): emergency\n // character-boundary breaking when a token would otherwise overflow,\n // WITHOUT feeding those break opportunities into min-content sizing.\n // Catches URLs, dev-time i18n keys, hex hashes, file paths, error\n // messages with embedded paths.\n return 'break-word';\n case 'break-anywhere':\n // CSS `overflow-wrap: anywhere` — same emergency breaking as\n // `break-word`, but the break opportunities ALSO shrink the surface's\n // intrinsic min-content width to one character (which collapses\n // intrinsically-sized layouts like stat tiles to one letter per line).\n // Per-surface opt-in only; see `OverlongTokenStrategy` JSDoc.\n return 'anywhere';\n case 'overflow':\n // CSS `overflow-wrap: normal` = browser default. Long tokens\n // visibly overflow the surface. Useful for code blocks that\n // intentionally scroll horizontally, or any surface where the\n // design specifically calls for visible overflow.\n return 'normal';\n case 'inherit':\n return 'inherit';\n default:\n return undefined;\n }\n}\n\nfunction stackingTierToCssValue(value: SurfacePolicy['stacking'] extends infer Stacking ? Stacking extends { stackingTier?: infer Tier } ? Tier : never : never): string \| undefined {\n switch (value) {\n case 'content':\n return 'var(--z-content)';\n case 'overlay':\n return 'var(--z-overlay)';\n case 'transient':\n return 'var(--z-transient)';\n case 'guidance':\n return 'var(--z-guidance)';\n case 'critical':\n return 'var(--z-critical)';\n default:\n return undefined;\n }\n}\n\nfunction actionAlignmentToCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { actionAlignment?: infer Alignment } ? Alignment : never : never): string \| undefined {\n switch (value) {\n case 'stack':\n return 'column';\n case 'row':\n case 'inherit':\n return value;\n case 'column-reverse-on-mobile':\n return 'row';\n default:\n return undefined;\n }\n}\n\nfunction actionAlignmentToMobileCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { actionAlignment?: infer Alignment } ? Alignment : never : never): string \| undefined {\n switch (value) {\n case 'column-reverse-on-mobile':\n return 'column-reverse';\n case 'stack':\n return 'column';\n case 'row':\n case 'inherit':\n return value;\n default:\n return undefined;\n }\n}\n\n/\n The CSS `max-inline-size` a {@link ResponsiveMaxWidth} tier resolves to.\n \n Exported so the two LAYOUT ROOTS that cap their own content — `DisplayLayout` and `FormLayout` —\n * resolve their measure through the same vocabulary a Surface does, instead of hand-writing the tier's\n * value. They used to carry the literal `max-w-[var(--measure-max-width,42rem)]`, which is byte-for-byte\n * what the `'measure'` tier returns here: the same decision, spelled two ways, with only one of the two\n * spellings reachable by a host that wanted to change it.\n /\nexport function responsiveMaxWidthToCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { responsiveMaxWidth?: infer MaxWidth } ? MaxWidth : never : never): string \| undefined {\n switch (value) {\n case 'full':\n return '100%';\n case 'sm':\n return '24rem';\n case 'md':\n return '28rem';\n case 'lg':\n return '32rem';\n case 'xl':\n return '36rem';\n case 'measure':\n // Reading-measure cap for single-column form/field stacks (T4c).\n // Themeable via `--measure-max-width`; defaults to 42rem (~672px).\n return 'var(--measure-max-width, 42rem)';\n case 'centered-readable':\n return '72ch';\n case 'content':\n // Page-content cap for primary content areas. Themeable via the\n // `--content-max-width` CSS variable; defaults to 80rem (~1280px).\n return 'var(--content-max-width, 80rem)';\n case 'none':\n default:\n // `none` is both the explicit tier AND the neutral, for the same reason the\n // margin companion below returns `0px` rather than `undefined`: policy vars\n // inherit, so an omitted cap adopts the nearest ancestor surface's cap. Every\n // tier of the union already returned explicitly, so folding the default in is\n // inert for every reachable value and only closes the inheritance hole.\n return 'none';\n }\n}\n\n/\n Centering companion to {@link responsiveMaxWidthToCssValue}: a surface capped\n * to a finite max inline-size is centered in its container via\n * `margin-inline: auto`. `full`/`none`/unset surfaces fill their container and\n * are explicitly RESET to `0px`. Applied by the Tailwind base layer at ≥ 640px\n * alongside the inline-size cap, so the `centered-readable`/`content` tiers\n * actually center (the cap alone would leave the surface flush to the\n * inline-start edge).\n \n The uncapped tiers MUST emit `0px` rather than `undefined`. Policy vars are\n * CSS custom properties, so they INHERIT: an omitted value is not \"no\n * centering\", it is \"whatever the nearest ancestor surface asked for\". Since\n * `OVERLAY` is capped (`lg`) and therefore publishes `auto`, every uncapped\n * surface nested inside a dialog silently inherited `margin-inline: auto` — and\n * an auto cross-axis margin in a flex column ALSO suppresses the item's\n * stretch, so those surfaces shrink-wrapped to their content and drifted to the\n * centre. In the settings hub that turned a column of cards into a ragged\n * staircase, each card as wide as its longest sentence. The inline-size\n * companion never showed the defect because its uncapped tier emits an explicit\n * `'none'`; this one returned `undefined` and inherited instead. Same neutral\n * -emission discipline as `--surface-policy-safe-area`, which publishes `0px`\n * rather than omitting itself.\n /\nfunction responsiveMaxWidthToMarginCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { responsiveMaxWidth?: infer MaxWidth } ? MaxWidth : never : never): string \| undefined {\n switch (value) {\n case 'sm':\n case 'md':\n case 'lg':\n case 'xl':\n case 'measure':\n case 'centered-readable':\n case 'content':\n return 'auto';\n case 'full':\n case 'none':\n default:\n // Explicit reset, never `undefined` — see the note above on inheritance.\n return '0px';\n }\n}\n\nfunction embeddedTablePaddingToCssValue(value: SurfacePolicy['composition'] extends infer Composition ? Composition extends { embeddedTablePadding?: infer Padding } ? Padding : never : never): string \| undefined {\n switch (value) {\n case 'strip':\n return '0px';\n case 'preserve':\n default:\n // `preserve` is also the neutral: \"no opinion\" means keep the surface's own\n // inline padding. The Tailwind rule spells the same intent as a fallback\n // (`var(--…-embedded-table-padding-inline, var(--…-padding-inline))`), but a\n // fallback only fires when the var is UNSET — an inherited value that IS set\n // wins over it, so a table-bearing surface nested inside a `strip` ancestor\n // would have inherited `0px`. Emitting it here is what actually shadows that.\n return 'var(--surface-policy-padding-inline)';\n }\n}\n\nfunction framingModeToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { framingMode?: infer Framing } ? Framing : never : never): string \| undefined {\n switch (value) {\n case 'always':\n case 'when-orphan':\n case 'never':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction nestedRadiusStrategyToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { nestedRadiusStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'inherit':\n case 'one-tier-tighter':\n case 'fixed':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction firstChildEdgeStrategyToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { firstChildEdgeStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'collapse':\n case 'preserve':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction dividerStrategyToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { dividerStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'border':\n case 'gap':\n case 'rule':\n case 'none':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction nestedRadiusToCssValue(\n strategy: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { nestedRadiusStrategy?: infer Strategy } ? Strategy : never : never,\n isNestedInFramedAncestor: boolean,\n): string \| undefined {\n if (!isNestedInFramedAncestor) {\n return undefined;\n }\n\n switch (strategy) {\n case 'inherit':\n return 'inherit';\n case 'one-tier-tighter':\n return 'var(--surface-nested-radius-one-tier-tighter, var(--radius-lg, 0.5rem))';\n case 'fixed':\n default:\n return undefined;\n }\n}\n\nfunction selectableSemanticsToAttribute(value: SurfacePolicy['interactiveState'] extends infer InteractiveState ? InteractiveState extends { selectableSemantics?: infer Semantics } ? Semantics : never : never): string \| undefined {\n switch (value) {\n case 'wrap-children':\n case 'self-selectable':\n case 'forbidden':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction gestureOptInToAttribute(value: SurfacePolicy['interactiveState'] extends infer InteractiveState ? InteractiveState extends { gestureOptIn?: infer OptIn } ? OptIn : never : never): string \| undefined {\n switch (value) {\n case 'self':\n case 'children':\n case 'none':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction landmarkRoleToAttribute(value: SurfacePolicy['a11y'] extends infer A11y ? A11y extends { landmarkRole?: infer Role } ? Role : never : never): React.AriaRole \| undefined {\n switch (value) {\n case 'region':\n case 'dialog':\n case 'alertdialog':\n case 'complementary':\n case 'navigation':\n case 'status':\n case 'main':\n return value;\n case 'none':\n case 'reset':\n default:\n return undefined;\n }\n}\n\nfunction shouldActivateStackLayout(gap: string \| undefined): boolean {\n return Boolean(gap && gap !== 'none');\n}\n\n/\n Stack-layout channel for `display` / `flex-direction`, on both the surface\n * root (`--surface-policy-display`) and its slots (`--surface-policy-slot-display`).\n \n The NON-stacking branch MUST return a concrete value rather than `undefined`,\n * for two independent reasons — the second one shipped as a live defect:\n \n 1. Policy vars are CSS custom properties, so they INHERIT. An omitted value is\n * not \"no opinion\", it is \"adopt the nearest ancestor surface's opinion\". A\n * non-stacking surface nested inside a stacking one therefore picked up\n * `display: flex; flex-direction: column` from its ancestor — the same\n * inheritance class as the `--surface-policy-responsive-max-width-margin`\n * defect (see `responsiveMaxWidthToMarginCssValue`).\n * 2. Even with NO ancestor to inherit from, omitting the var does not leave the\n * element alone. `display: var(--surface-policy-display)` with the var unset\n * is invalid at computed-value time, which resolves to `unset` — and `display`\n * is not inherited, so that is its INITIAL value, `inline`. The base-layer\n * declaration still wins the cascade, so it overrides the UA stylesheet's\n * `div { display: block }`. Measured on the running app: the framework's own\n * `PrimaryContentWidthBoundary` (a SHELL surface whose `containment.gap` is\n * flattened to `'none'` precisely so it stays \"a plain block\") computed\n * `display: inline`, which made its `max-inline-size` cap and `margin-inline:\n * auto` centering inert — `max-inline-size` does not apply to non-replaced\n * inline boxes. With a 400px cap forced inside a 976px container the surface\n * measured 976px wide; publishing `block` measured 400px, centered. The entire\n * page-content width cap was silently doing nothing.\n \n A CSS-wide keyword cannot express \"no opinion\" here: `revert-layer`, `revert`\n * and `initial` were each measured through this var in the running app and all\n * three behaved exactly like the unset case (`display: inline`), because a\n * CSS-wide keyword arriving via `var()` substitution is not honoured as one. A\n * consumer-side fallback (`var(--x, block)`) does not help either — an inherited\n * value that IS set wins over the fallback, which is the whole of reason 1.\n \n `block` / `row` are the initial-ish values a block container wants. Utility\n * classes still win: they live in a later cascade layer than this base rule.\n /\nfunction stackDisplayCssValue(isStacking: boolean): string {\n return isStacking ? 'flex' : 'block';\n}\n\n/* Companion to {@link stackDisplayCssValue} — see its note on explicit neutrals. /\nfunction stackFlexDirectionCssValue(isStacking: boolean): string {\n return isStacking ? 'column' : 'row';\n}\n\n/\n Every var below is read by a Tailwind base-layer rule that can match a NESTED\n * surface, so any `undefined` here is not \"neutral\" — it is \"inherit the nearest\n * ancestor surface's value\". The vars were enumerated against that rule set\n * (`src/tailwind/index.ts`) and classified; the residuals are recorded so the next\n * author does not have to re-derive them:\n \n - SAFE BY CONSTRUCTION — `safe-area` always emits `0px`/`env()`;\n * `child-adaptive-gap` is gated by the same boolean as the\n * `data-surface-child-adaptive-density` attribute its selector requires, so the\n * read is unreachable when the emission is absent.\n * - BENIGN — `numeric-align`, `text-wrap` and `overflow-wrap` drive CSS properties\n * that are THEMSELVES inherited, so inheriting the var is equivalent to\n * inheriting the property. No shadowing needed.\n * - INERT — `framing-mode`, `nested-radius{,-strategy}`, `first-child-edge-strategy`,\n * `divider-strategy`, `selectable-semantics` and `gesture-opt-in` are republished\n * as `--surface-` custom properties that NOTHING reads (verified repo-wide);\n behaviour is driven by the matching `data-surface-` attributes, which do not\n inherit.\n * - LATENT — the remaining tier-mapped vars (`padding-`, `overflow`, `max-height`,\n `gap`, `z-tier`, the per-slot gaps, `action-alignment{,-mobile}`) can only reach\n * their `undefined` branch through an override that sets the slot explicitly to\n * `undefined`: every variant's framework default populates them, and both `'reset'`\n * and `'inherit'` resolve to a concrete value (`'reset'` additionally logs an error\n * when it cannot). Left as-is rather than changed blind — if one becomes reachable,\n * it belongs in the explicit-neutral treatment above.\n /\nfunction buildSurfacePolicyStyle(policy: SurfacePolicy): SurfaceStyle {\n const containment = policy.containment;\n const nesting = policy.nesting;\n const content = policy.content;\n const interactiveState = policy.interactiveState;\n const geometry = policy.geometry;\n const stacking = policy.stacking;\n const composition = policy.composition;\n const shouldStack = shouldActivateStackLayout(containment?.gap);\n\n return {\n '--surface-policy-display': stackDisplayCssValue(shouldStack),\n '--surface-policy-flex-direction': stackFlexDirectionCssValue(shouldStack),\n '--surface-policy-padding-block': paddingTierToCssValue(containment?.paddingBlock),\n '--surface-policy-padding-inline': paddingTierToCssValue(containment?.paddingInline),\n '--surface-policy-overflow': containment?.overflow,\n '--surface-policy-max-height': containment?.maxHeight === 'none' ? 'none' : containment?.maxHeight,\n '--surface-policy-gap': gapTierToCssValue(containment?.gap),\n '--surface-policy-header-gap': gapTierToCssValue(containment?.slotGap?.header ?? containment?.gap),\n '--surface-policy-body-gap': gapTierToCssValue(containment?.slotGap?.body ?? containment?.gap),\n '--surface-policy-footer-gap': gapTierToCssValue(containment?.slotGap?.footer ?? containment?.gap),\n '--surface-policy-framing-mode': framingModeToAttribute(nesting?.framingMode),\n '--surface-policy-nested-radius-strategy': nestedRadiusStrategyToAttribute(nesting?.nestedRadiusStrategy),\n '--surface-policy-first-child-edge-strategy': firstChildEdgeStrategyToAttribute(nesting?.firstChildEdgeStrategy),\n '--surface-policy-divider-strategy': dividerStrategyToAttribute(nesting?.dividerStrategy),\n '--surface-policy-z-tier': stackingTierToCssValue(stacking?.stackingTier),\n '--surface-policy-numeric-align': numericAlignmentToCssValue(content?.numericAlignment),\n '--surface-policy-text-wrap': textWrapToCssValue(content?.wrapStrategy),\n '--surface-policy-overflow-wrap': overlongTokenStrategyToCssValue(content?.overlongTokenStrategy),\n '--surface-policy-safe-area': geometry?.safeAreaPadding ? 'env(safe-area-inset-bottom)' : '0px',\n '--surface-policy-action-alignment': actionAlignmentToCssValue(geometry?.actionAlignment),\n '--surface-policy-action-alignment-mobile': actionAlignmentToMobileCssValue(geometry?.actionAlignment),\n '--surface-policy-responsive-max-width': responsiveMaxWidthToCssValue(geometry?.responsiveMaxWidth),\n '--surface-policy-responsive-max-width-margin': responsiveMaxWidthToMarginCssValue(geometry?.responsiveMaxWidth),\n '--surface-policy-embedded-table-padding-inline': embeddedTablePaddingToCssValue(composition?.embeddedTablePadding),\n '--surface-policy-child-adaptive-gap': composition?.childAdaptiveDensity ? 'var(--sp-field)' : undefined,\n '--surface-policy-selectable-semantics': selectableSemanticsToAttribute(interactiveState?.selectableSemantics),\n '--surface-policy-gesture-opt-in': gestureOptInToAttribute(interactiveState?.gestureOptIn),\n };\n}\n\n/\n Policy families whose values DO produce CSS — `containment` (padding,\n * overflow, max-height, gap), `nesting` (framing mode → frame visibility),\n * `content` (text-wrap, numeric alignment), `geometry` (responsiveMaxWidth →\n * max-inline-size), `stacking` (z-tier). The remaining families (`a11y`,\n * `interactiveState`, `autoRender`, `skeleton`, `composition`) emit only ARIA\n * attributes / behavioral data-attributes / runtime hooks and CANNOT\n * visually conflict with a Tailwind utility class.\n \n Restricting the collision check to these families eliminates a noisy\n * false-positive: a Surface that overrides ONLY `a11y.landmarkRole`\n * (e.g., the public shell using `NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE`)\n * combined with an `overflow-auto` Tailwind utility on the same node is NOT\n * a collision — `a11y.landmarkRole` does not emit any CSS property the\n * utility could fight with.\n /\nconst VISUALLY_IMPACTFUL_POLICY_FAMILIES: ReadonlySet<string> = new Set([\n 'containment',\n 'nesting',\n 'content',\n 'geometry',\n 'stacking',\n]);\n\nfunction hasPolicyDrivenOverride(policyOverride: DeepPartialSurfacePolicy \| undefined): boolean {\n if (!policyOverride) {\n return false;\n }\n\n return Object.entries(policyOverride).some(([familyName, familyOverride]) => {\n if (!VISUALLY_IMPACTFUL_POLICY_FAMILIES.has(familyName)) {\n return false;\n }\n return familyOverride !== undefined\n && familyOverride !== null\n && typeof familyOverride === 'object'\n && Object.keys(familyOverride).length > 0;\n });\n}\n\nfunction usePolicyChannelCollisionWarning(\n className: string \| undefined,\n childClassName: string \| undefined,\n policyOverride: DeepPartialSurfacePolicy \| undefined,\n emitPolicyVars: boolean,\n): void {\n const warnedRef = React.useRef(false);\n\n // The collision this warns about — a className layout utility (padding / gap /\n // flex / …) visually overriding a policy-driven CSS var while children still\n // read the policy value — can only happen when the policy vars are actually\n // emitted. A surface with `emitPolicyVars={false}` (e.g. ContentSection section\n // chrome, which owns layout via recipe classes and may set only a\n // `nesting.framingMode` override) emits NO vars, so there is nothing for a\n // utility to override. Skipping the check here removes a guaranteed\n // false-positive on every such surface.\n if (!emitPolicyVars) {\n return;\n }\n\n const conflictingClassName = [className, childClassName].filter(Boolean).join(' ');\n\n if (\n process.env.NODE_ENV !== 'production'\n && !warnedRef.current\n && conflictingClassName\n && hasPolicyDrivenOverride(policyOverride)\n && POLICY_DRIVEN_UTILITY_PREFIXES.test(conflictingClassName)\n ) {\n warnedRef.current = true;\n logger.warn('[Surface] className utilities can visually override policyOverride while child policy context still sees the policy value', {\n className: conflictingClassName,\n });\n }\n}\n\nfunction mergeSurfaceStyle(\n policy: SurfacePolicy,\n materialStyle: React.CSSProperties \| undefined,\n style: React.CSSProperties \| undefined,\n emitPolicyVars: boolean,\n rendersOwnFrame: boolean,\n nestedRadius: string \| undefined,\n): SurfaceStyle \| React.CSSProperties \| undefined {\n if (!emitPolicyVars) {\n return { ...materialStyle, ...style };\n }\n\n return {\n ...buildSurfacePolicyStyle(policy),\n '--surface-policy-nested-radius': nestedRadius,\n borderWidth: rendersOwnFrame ? undefined : '0px',\n boxShadow: rendersOwnFrame ? undefined : 'none',\n borderRadius: nestedRadius ? 'var(--surface-policy-nested-radius)' : undefined,\n ...materialStyle,\n ...style,\n } as SurfaceStyle;\n}\n\nconst SurfaceRoot = React.forwardRef<HTMLDivElement, SurfaceProps>(function SurfaceRoot(\n {\n variant = SurfaceVariant.BASE,\n materialRoleOverride,\n policyOverride,\n asChild = false,\n emitPolicyVars = true,\n modal = false,\n a11yManagedByHost = false,\n className,\n style,\n children,\n role,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'data-slot': _dataSlot,\n 'data-surface': _dataSurface,\n ...props\n },\n ref,\n): React.JSX.Element {\n const {\n getComposedClasses,\n getMaterialProfile,\n getRecipe,\n getSurfacePolicy,\n } = useUI();\n // Optional calls keep the primitive resilient in isolated tests and custom\n // host adapters that provide the legacy minimal UI context surface.\n const visualRecipe = getRecipe?.(UIBehavior.SURFACE, variant);\n const visualRecipeClasses = getComposedClasses?.(UIBehavior.SURFACE, variant);\n const materialProfile = getMaterialProfile?.(materialRoleOverride ?? visualRecipe?.material);\n const parentContext = React.useContext(SurfacePolicyContext);\n const policy = React.useMemo(\n () => getSurfacePolicy\n ? getSurfacePolicy(variant, policyOverride, parentContext?.policy)\n : mergeSurfacePolicy(\n FRAMEWORK_DEFAULT_SURFACE_POLICIES[variant],\n undefined,\n undefined,\n policyOverride,\n {\n variant,\n parentPolicy: parentContext?.policy,\n logger,\n },\n ),\n [getSurfacePolicy, parentContext?.policy, policyOverride, variant],\n );\n const [headerId, setHeaderId] = React.useState<string \| undefined>();\n const registerHeaderId = React.useCallback((id: string): void => {\n setHeaderId(id);\n }, []);\n const unregisterHeaderId = React.useCallback((id: string): void => {\n setHeaderId((current) => (current === id ? undefined : current));\n }, []);\n const headerRegistration = React.useMemo(\n () => ({ headerId, registerHeaderId, unregisterHeaderId }),\n [headerId, registerHeaderId, unregisterHeaderId],\n );\n const contextValue = React.useMemo(\n () => computeSurfacePolicyContextValue(variant, policy, parentContext, headerRegistration),\n [headerRegistration, parentContext, policy, variant],\n );\n const isNestedInFramedAncestor = Boolean(parentContext?.isInFramedAncestor);\n const nearestFramedAncestorVariant = isNestedInFramedAncestor\n ? parentContext?.nearestFramedAncestorVariant ?? undefined\n : undefined;\n const nestedRadius = nestedRadiusToCssValue(policy.nesting?.nestedRadiusStrategy, isNestedInFramedAncestor);\n\n const childClassName = asChild && React.isValidElement<{ className?: string }>(children)\n ? children.props.className\n : undefined;\n usePolicyChannelCollisionWarning(className, childClassName, policyOverride, emitPolicyVars);\n const Comp = asChild ? Slot : 'div';\n const surfaceNodeRef = React.useRef<HTMLElement \| null>(null);\n const materialRuntime = useMaterialRuntime(materialProfile, surfaceNodeRef);\n const composedRef = React.useCallback((node: HTMLElement \| null): void => {\n surfaceNodeRef.current = node;\n\n if (typeof ref === 'function') {\n ref(node as HTMLDivElement \| null);\n return;\n }\n\n if (ref) {\n ref.current = node as HTMLDivElement \| null;\n }\n }, [ref]);\n const resolvedRole = role ?? landmarkRoleToAttribute(policy.a11y?.landmarkRole);\n const resolvedAriaLabelledBy = ariaLabelledBy\n ?? (policy.a11y?.labelStrategy === 'from-header' ? headerId : undefined);\n const shouldActivateFocusTrap = !a11yManagedByHost\n && (policy.a11y?.focusTrap === 'on-mount' \|\| (modal && policy.a11y?.focusTrap === 'when-modal'));\n const shouldActivateScrollContainment = !a11yManagedByHost\n && modal\n && policy.a11y?.scrollContainment === 'lock-body';\n\n useSurfaceFocusTrap(surfaceNodeRef, shouldActivateFocusTrap);\n useSurfaceBodyScrollLock(shouldActivateScrollContainment);\n React.useEffect(() => {\n if (\n process.env.NODE_ENV === 'production'\n // When the host primitive owns a11y (Radix Dialog / Drawer / Sheet /\n // AlertDialog), the accessible name comes from the host's own title\n // (e.g. `Dialog.Title` → `aria-labelledby`), NOT from a `Surface.Header`.\n // The `from-header` strategy is structurally inactive here, so this\n // warning would fire for EVERY host-managed overlay regardless of whether\n // it is correctly titled. Defer labelling validation to the host — Radix\n // emits its own (authoritative) warning when the title is genuinely absent.\n \|\| a11yManagedByHost\n \|\| policy.a11y?.labelStrategy !== 'from-header'\n \|\| !resolvedRole\n \|\| ariaLabel\n \|\| ariaLabelledBy\n \|\| headerId\n ) {\n return undefined;\n }\n\n const timeout = window.setTimeout(() => {\n logger.warn('[Surface] labelStrategy \"from-header\" produced an unlabelled landmark surface', {\n variant,\n role: resolvedRole,\n });\n }, 0);\n\n return () => window.clearTimeout(timeout);\n }, [a11yManagedByHost, ariaLabel, ariaLabelledBy, headerId, policy.a11y?.labelStrategy, resolvedRole, variant]);\n const policyStyleAttrs = emitPolicyVars\n ? {\n 'data-slot': 'surface',\n 'data-surface': '',\n /\n * The width tier this surface applies, announced so the CAP is legible in the DOM.\n \n Width is a chain — a zone boundary, a pane, a layout root's reading measure — and until\n * every level said which tier it was applying, diagnosing \"why is this narrow\" meant walking\n * the ancestors reading computed styles, which is how the wrong cap got fixed twice in a row.\n * With this, `document.querySelectorAll('[data-inline-size-tier]')` names every cap in the\n * page and its owner in one call. Absent when no tier is declared, so it marks the elements\n * that actually decide something rather than every surface.\n */\n 'data-inline-size-tier': policy.geometry?.responsiveMaxWidth,\n }\n : {};\n const surfaceElement = (\n <Comp\n ref={composedRef}\n {...props}\n {...policyStyleAttrs}\n data-material-kind={materialRuntime['data-material-kind']}\n data-material-tier={materialRuntime['data-material-tier']}\n data-material-variant={materialRuntime['data-material-variant']}\n data-material-depth={materialRuntime['data-material-depth']}\n data-material-composition={materialRuntime['data-material-composition']}\n data-material-group={materialRuntime['data-material-group']}\n data-material-refractive-budget={materialRuntime['data-material-refractive-budget']}\n tabIndex={shouldActivateFocusTrap && props.tabIndex == null ? -1 : props.tabIndex}\n data-surface-focus-trap={shouldActivateFocusTrap ? '' : undefined}\n data-surface-scroll-containment={shouldActivateScrollContainment ? '' : undefined}\n data-surface-framing-mode={emitPolicyVars ? framingModeToAttribute(policy.nesting?.framingMode) : undefined}\n data-surface-frame={emitPolicyVars ? (contextValue.rendersOwnFrame ? 'rendered' : 'suppressed') : undefined}\n data-surface-in-framed-ancestor={emitPolicyVars && isNestedInFramedAncestor ? '' : undefined}\n data-surface-nearest-framed-ancestor={emitPolicyVars ? nearestFramedAncestorVariant : undefined}\n data-surface-nested-radius-strategy={emitPolicyVars ? nestedRadiusStrategyToAttribute(policy.nesting?.nestedRadiusStrategy) : undefined}\n data-surface-first-child-edge-strategy={emitPolicyVars ? firstChildEdgeStrategyToAttribute(policy.nesting?.firstChildEdgeStrategy) : undefined}\n data-surface-divider-strategy={emitPolicyVars ? dividerStrategyToAttribute(policy.nesting?.dividerStrategy) : undefined}\n data-surface-selectable-semantics={emitPolicyVars ? selectableSemanticsToAttribute(policy.interactiveState?.selectableSemantics) : undefined}\n data-surface-gesture-opt-in={emitPolicyVars ? gestureOptInToAttribute(policy.interactiveState?.gestureOptIn) : undefined}\n data-surface-child-adaptive-density={emitPolicyVars && policy.composition?.childAdaptiveDensity === true ? '' : undefined}\n data-surface-selection-column-aware={emitPolicyVars && policy.composition?.selectionColumnAware === true ? '' : undefined}\n role={resolvedRole}\n aria-label={ariaLabel}\n aria-labelledby={resolvedAriaLabelledBy}\n data-surface-variant={variant}\n className={cn(visualRecipeClasses, className)}\n style={mergeSurfaceStyle(policy, materialRuntime.style, style, emitPolicyVars, contextValue.rendersOwnFrame, nestedRadius)}\n >\n {children}\n </Comp>\n );\n const shouldWrapErrorBoundary = policy.interactiveState?.errorBoundary === 'self';\n\n return (\n <SurfacePolicyContext.Provider value={contextValue}>\n {shouldWrapErrorBoundary ? (\n <SurfaceErrorBoundary>{surfaceElement}</SurfaceErrorBoundary>\n ) : surfaceElement}\n </SurfacePolicyContext.Provider>\n );\n});\n\nSurfaceRoot.displayName = 'Surface';\n\nfunction surfaceSlotStyle(\n slot: 'header' \| 'body' \| 'footer',\n policy: SurfacePolicy,\n style: React.CSSProperties \| undefined,\n): React.CSSProperties {\n const gap = policy.containment?.slotGap?.[slot] ?? policy.containment?.gap;\n const shouldStack = shouldActivateStackLayout(gap);\n\n return {\n '--surface-policy-slot-display': stackDisplayCssValue(shouldStack),\n '--surface-policy-slot-flex-direction': stackFlexDirectionCssValue(shouldStack),\n [`--surface-policy-${slot}-gap`]: gapTierToCssValue(gap),\n ...style,\n } as React.CSSProperties;\n}\n\nexport const SurfaceHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceHeader(\n { className, id, style, ...props },\n ref,\n): React.JSX.Element {\n const policy = useSurfacePolicy();\n const surfaceContext = React.useContext(SurfacePolicyContext);\n const registerHeaderId = surfaceContext?.registerHeaderId;\n const unregisterHeaderId = surfaceContext?.unregisterHeaderId;\n const generatedId = React.useId();\n const resolvedId = id ?? generatedId;\n\n React.useEffect(() => {\n registerHeaderId?.(resolvedId);\n return () => unregisterHeaderId?.(resolvedId);\n }, [registerHeaderId, resolvedId, unregisterHeaderId]);\n\n return (\n <div\n ref={ref}\n id={resolvedId}\n data-slot=\"surface-header\"\n className={cn(className)}\n style={surfaceSlotStyle('header', policy, style)}\n {...props}\n />\n );\n});\n\nSurfaceHeader.displayName = 'Surface.Header';\n\nexport const SurfaceBody = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceBody(\n { className, style, ...props },\n ref,\n): React.JSX.Element {\n const policy = useSurfacePolicy();\n\n return (\n <div\n ref={ref}\n data-slot=\"surface-body\"\n className={cn(className)}\n style={surfaceSlotStyle('body', policy, style)}\n {...props}\n />\n );\n});\n\nSurfaceBody.displayName = 'Surface.Body';\n\nexport const SurfaceFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceFooter(\n { className, style, ...props },\n ref,\n): React.JSX.Element {\n const policy = useSurfacePolicy();\n const gap = policy.containment?.slotGap?.footer ?? policy.containment?.gap;\n const shouldStack = shouldActivateStackLayout(gap);\n const shouldAlignActions = Boolean(policy.geometry?.actionAlignment && policy.geometry.actionAlignment !== 'inherit');\n\n return (\n <div\n ref={ref}\n data-slot=\"surface-footer\"\n className={cn(className)}\n style={{\n '--surface-policy-slot-display': stackDisplayCssValue(shouldStack \|\| shouldAlignActions),\n '--surface-policy-slot-flex-direction': stackFlexDirectionCssValue(shouldStack),\n '--surface-policy-footer-gap': gapTierToCssValue(gap),\n '--surface-policy-action-alignment': shouldAlignActions\n ? actionAlignmentToCssValue(policy.geometry?.actionAlignment)\n : undefined,\n '--surface-policy-action-alignment-mobile': shouldAlignActions\n ? actionAlignmentToMobileCssValue(policy.geometry?.actionAlignment)\n : undefined,\n ...style,\n } as React.CSSProperties}\n {...props}\n />\n );\n});\n\nSurfaceFooter.displayName = 'Surface.Footer';\n\nexport const SurfaceAction = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceAction(\n { className, ...props },\n ref,\n): React.JSX.Element {\n return (\n <div\n ref={ref}\n data-slot=\"surface-action\"\n className={cn(className)}\n {...props}\n />\n );\n});\n\nSurfaceAction.displayName = 'Surface.Action';\n\nexport const Surface = Object.assign(SurfaceRoot, {\n Header: SurfaceHeader,\n Body: SurfaceBody,\n Footer: SurfaceFooter,\n Action: SurfaceAction,\n});\n"]}
1	+ {"version":3,"file":"surface.js","sourceRoot":"","sources":["../../../../../src/components/sections/surface.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n FRAMEWORK_DEFAULT_SURFACE_POLICIES,\n SurfaceVariant,\n UIBehavior,\n type DeepPartialSurfacePolicy,\n type MaterialProfileRole,\n type SurfacePolicy,\n} from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\nimport {\n computeSurfacePolicyContextValue,\n mergeSurfacePolicy,\n SurfacePolicyContext,\n useSurfacePolicy,\n} from '~wildo-frontend-lib/core/ui/SurfacePolicyContext';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useMaterialRuntime } from '~wildo-frontend-lib/core/ui/material-runtime';\nimport { SurfaceErrorBoundary } from '~wildo-frontend-lib/core/ui/SurfaceErrorBoundary';\nimport { useSurfaceBodyScrollLock, useSurfaceFocusTrap } from '~wildo-frontend-lib/core/ui/surface-a11y.utils';\n\ntype SurfaceStyle = React.CSSProperties & Record<`--surface-policy-${string}`, string \| undefined>;\n\nexport interface SurfaceProps extends React.ComponentPropsWithoutRef<'div'> {\n /*\n Semantic container role. Surface always composes the active theme's\n * matching `UIBehavior.SURFACE` recipe onto the rendered node; callers only\n * supply local structural classes and must not repeat the theme lookup.\n /\n variant?: SurfaceVariant;\n /\n Selects a material profile independently from the semantic surface recipe.\n * Use this when a component's behavior/policy remains one SurfaceVariant but\n * its functional role requires different optics (for example, a raised\n * navigation toolbar versus a raised menu). Theme recipes remain the default.\n /\n materialRoleOverride?: MaterialProfileRole;\n policyOverride?: DeepPartialSurfacePolicy;\n asChild?: boolean;\n /\n Suppresses policy-owned CSS variables and selector attributes while\n * retaining the resolved policy in React context for child slots. This does\n * not suppress the visual theme recipe: policy and appearance are separate\n * channels, and the semantic `variant` remains visually authoritative.\n /\n emitPolicyVars?: boolean;\n /\n Marks this surface as a modal root for policy slots such as\n * `focusTrap: 'when-modal'` and `scrollContainment: 'lock-body'`.\n /\n modal?: boolean;\n /\n Set when the host primitive already owns focus trapping / body scroll lock\n * AND the accessible name/description (for example Radix Dialog Content, which\n * wires `aria-labelledby` from its own `Dialog.Title`). Surface still emits\n * policy context, but contributes NO a11y attribute of its own — see the\n * `a11yAttributes` note below, where passing an `undefined` key was deleting\n * the host's accessible name (#632) — and skips duplicate runtime side effects\n * (focus trap, body scroll lock) plus the `from-header` label-policing\n * warning: the host owns labelling, so a `Surface.Header` is never registered\n * here and the warning would be a guaranteed false positive on every\n * host-managed overlay.\n /\n a11yManagedByHost?: boolean;\n 'data-slot'?: string;\n 'data-surface'?: string;\n}\n\nconst POLICY_DRIVEN_UTILITY_PREFIXES = /(?:^\|\\s)(?:p\|pt\|pr\|pb\|pl\|pe\|ps\|px\|py\|gap\|gap-x\|gap-y\|max-h\|min-h\|max-w\|overflow\|z\|flex\|grid\|flex-col\|flex-row\|flex-col-reverse\|flex-row-reverse)-/;\nconst logger = LoggerFrontendService.getLogger();\n\nfunction paddingTierToCssValue(value: string \| undefined): string \| undefined {\n switch (value) {\n case 'none':\n return '0px';\n case 'field':\n return 'var(--sp-field)';\n case 'card-sm':\n return 'var(--spacing-card-sm)';\n case 'card':\n return 'var(--sp-card)';\n case 'container':\n return 'var(--sp-container)';\n default:\n return undefined;\n }\n}\n\nfunction gapTierToCssValue(value: string \| undefined): string \| undefined {\n switch (value) {\n case 'none':\n return '0px';\n case 'item':\n return 'var(--sp-item)';\n case 'field':\n return 'var(--sp-field)';\n case 'section':\n return 'var(--sp-section)';\n case 'lane':\n return 'var(--sp-region)';\n default:\n return undefined;\n }\n}\n\nfunction textWrapToCssValue(value: SurfacePolicy['content'] extends infer Content ? Content extends { wrapStrategy?: infer Wrap } ? Wrap : never : never): string \| undefined {\n switch (value) {\n case 'nowrap':\n return 'nowrap';\n case 'balance':\n return 'balance';\n case 'pretty':\n return 'pretty';\n case 'wrap':\n return 'wrap';\n default:\n return undefined;\n }\n}\n\nfunction numericAlignmentToCssValue(value: SurfacePolicy['content'] extends infer Content ? Content extends { numericAlignment?: infer Numeric } ? Numeric : never : never): string \| undefined {\n switch (value) {\n case 'tabular':\n return 'tabular-nums';\n case 'lining':\n return 'lining-nums';\n case 'inherit':\n return 'inherit';\n default:\n return undefined;\n }\n}\n\nfunction overlongTokenStrategyToCssValue(value: SurfacePolicy['content'] extends infer Content ? Content extends { overlongTokenStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'break-word':\n // CSS `overflow-wrap: break-word` (the framework default): emergency\n // character-boundary breaking when a token would otherwise overflow,\n // WITHOUT feeding those break opportunities into min-content sizing.\n // Catches URLs, dev-time i18n keys, hex hashes, file paths, error\n // messages with embedded paths.\n return 'break-word';\n case 'break-anywhere':\n // CSS `overflow-wrap: anywhere` — same emergency breaking as\n // `break-word`, but the break opportunities ALSO shrink the surface's\n // intrinsic min-content width to one character (which collapses\n // intrinsically-sized layouts like stat tiles to one letter per line).\n // Per-surface opt-in only; see `OverlongTokenStrategy` JSDoc.\n return 'anywhere';\n case 'overflow':\n // CSS `overflow-wrap: normal` = browser default. Long tokens\n // visibly overflow the surface. Useful for code blocks that\n // intentionally scroll horizontally, or any surface where the\n // design specifically calls for visible overflow.\n return 'normal';\n case 'inherit':\n return 'inherit';\n default:\n return undefined;\n }\n}\n\nfunction stackingTierToCssValue(value: SurfacePolicy['stacking'] extends infer Stacking ? Stacking extends { stackingTier?: infer Tier } ? Tier : never : never): string \| undefined {\n switch (value) {\n case 'content':\n return 'var(--z-content)';\n case 'overlay':\n return 'var(--z-overlay)';\n case 'transient':\n return 'var(--z-transient)';\n case 'guidance':\n return 'var(--z-guidance)';\n case 'critical':\n return 'var(--z-critical)';\n default:\n return undefined;\n }\n}\n\nfunction actionAlignmentToCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { actionAlignment?: infer Alignment } ? Alignment : never : never): string \| undefined {\n switch (value) {\n case 'stack':\n return 'column';\n case 'row':\n case 'inherit':\n return value;\n case 'column-reverse-on-mobile':\n return 'row';\n default:\n return undefined;\n }\n}\n\nfunction actionAlignmentToMobileCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { actionAlignment?: infer Alignment } ? Alignment : never : never): string \| undefined {\n switch (value) {\n case 'column-reverse-on-mobile':\n return 'column-reverse';\n case 'stack':\n return 'column';\n case 'row':\n case 'inherit':\n return value;\n default:\n return undefined;\n }\n}\n\n/\n The CSS `max-inline-size` a {@link ResponsiveMaxWidth} tier resolves to.\n \n Exported so the two LAYOUT ROOTS that cap their own content — `DisplayLayout` and `FormLayout` —\n * resolve their measure through the same vocabulary a Surface does, instead of hand-writing the tier's\n * value. They used to carry the literal `max-w-[var(--measure-max-width,42rem)]`, which is byte-for-byte\n * what the `'measure'` tier returns here: the same decision, spelled two ways, with only one of the two\n * spellings reachable by a host that wanted to change it.\n /\nexport function responsiveMaxWidthToCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { responsiveMaxWidth?: infer MaxWidth } ? MaxWidth : never : never): string \| undefined {\n switch (value) {\n case 'full':\n return '100%';\n case 'sm':\n return '24rem';\n case 'md':\n return '28rem';\n case 'lg':\n return '32rem';\n case 'xl':\n return '36rem';\n case 'measure':\n // Reading-measure cap for single-column form/field stacks (T4c).\n // Themeable via `--measure-max-width`; defaults to 42rem (~672px).\n return 'var(--measure-max-width, 42rem)';\n case 'centered-readable':\n return '72ch';\n case 'content':\n // Page-content cap for primary content areas. Themeable via the\n // `--content-max-width` CSS variable; defaults to 80rem (~1280px).\n return 'var(--content-max-width, 80rem)';\n case 'none':\n default:\n // `none` is both the explicit tier AND the neutral, for the same reason the\n // margin companion below returns `0px` rather than `undefined`: policy vars\n // inherit, so an omitted cap adopts the nearest ancestor surface's cap. Every\n // tier of the union already returned explicitly, so folding the default in is\n // inert for every reachable value and only closes the inheritance hole.\n return 'none';\n }\n}\n\n/\n Centering companion to {@link responsiveMaxWidthToCssValue}: a surface capped\n * to a finite max inline-size is centered in its container via\n * `margin-inline: auto`. `full`/`none`/unset surfaces fill their container and\n * are explicitly RESET to `0px`. Applied by the Tailwind base layer at ≥ 640px\n * alongside the inline-size cap, so the `centered-readable`/`content` tiers\n * actually center (the cap alone would leave the surface flush to the\n * inline-start edge).\n \n The uncapped tiers MUST emit `0px` rather than `undefined`. Policy vars are\n * CSS custom properties, so they INHERIT: an omitted value is not \"no\n * centering\", it is \"whatever the nearest ancestor surface asked for\". Since\n * `OVERLAY` is capped (`lg`) and therefore publishes `auto`, every uncapped\n * surface nested inside a dialog silently inherited `margin-inline: auto` — and\n * an auto cross-axis margin in a flex column ALSO suppresses the item's\n * stretch, so those surfaces shrink-wrapped to their content and drifted to the\n * centre. In the settings hub that turned a column of cards into a ragged\n * staircase, each card as wide as its longest sentence. The inline-size\n * companion never showed the defect because its uncapped tier emits an explicit\n * `'none'`; this one returned `undefined` and inherited instead. Same neutral\n * -emission discipline as `--surface-policy-safe-area`, which publishes `0px`\n * rather than omitting itself.\n /\nfunction responsiveMaxWidthToMarginCssValue(value: SurfacePolicy['geometry'] extends infer Geometry ? Geometry extends { responsiveMaxWidth?: infer MaxWidth } ? MaxWidth : never : never): string \| undefined {\n switch (value) {\n case 'sm':\n case 'md':\n case 'lg':\n case 'xl':\n case 'measure':\n case 'centered-readable':\n case 'content':\n return 'auto';\n case 'full':\n case 'none':\n default:\n // Explicit reset, never `undefined` — see the note above on inheritance.\n return '0px';\n }\n}\n\nfunction embeddedTablePaddingToCssValue(value: SurfacePolicy['composition'] extends infer Composition ? Composition extends { embeddedTablePadding?: infer Padding } ? Padding : never : never): string \| undefined {\n switch (value) {\n case 'strip':\n return '0px';\n case 'preserve':\n default:\n // `preserve` is also the neutral: \"no opinion\" means keep the surface's own\n // inline padding. The Tailwind rule spells the same intent as a fallback\n // (`var(--…-embedded-table-padding-inline, var(--…-padding-inline))`), but a\n // fallback only fires when the var is UNSET — an inherited value that IS set\n // wins over it, so a table-bearing surface nested inside a `strip` ancestor\n // would have inherited `0px`. Emitting it here is what actually shadows that.\n return 'var(--surface-policy-padding-inline)';\n }\n}\n\nfunction framingModeToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { framingMode?: infer Framing } ? Framing : never : never): string \| undefined {\n switch (value) {\n case 'always':\n case 'when-orphan':\n case 'never':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction nestedRadiusStrategyToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { nestedRadiusStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'inherit':\n case 'one-tier-tighter':\n case 'fixed':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction firstChildEdgeStrategyToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { firstChildEdgeStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'collapse':\n case 'preserve':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction dividerStrategyToAttribute(value: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { dividerStrategy?: infer Strategy } ? Strategy : never : never): string \| undefined {\n switch (value) {\n case 'border':\n case 'gap':\n case 'rule':\n case 'none':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction nestedRadiusToCssValue(\n strategy: SurfacePolicy['nesting'] extends infer Nesting ? Nesting extends { nestedRadiusStrategy?: infer Strategy } ? Strategy : never : never,\n isNestedInFramedAncestor: boolean,\n): string \| undefined {\n if (!isNestedInFramedAncestor) {\n return undefined;\n }\n\n switch (strategy) {\n case 'inherit':\n return 'inherit';\n case 'one-tier-tighter':\n return 'var(--surface-nested-radius-one-tier-tighter, var(--radius-lg, 0.5rem))';\n case 'fixed':\n default:\n return undefined;\n }\n}\n\nfunction selectableSemanticsToAttribute(value: SurfacePolicy['interactiveState'] extends infer InteractiveState ? InteractiveState extends { selectableSemantics?: infer Semantics } ? Semantics : never : never): string \| undefined {\n switch (value) {\n case 'wrap-children':\n case 'self-selectable':\n case 'forbidden':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction gestureOptInToAttribute(value: SurfacePolicy['interactiveState'] extends infer InteractiveState ? InteractiveState extends { gestureOptIn?: infer OptIn } ? OptIn : never : never): string \| undefined {\n switch (value) {\n case 'self':\n case 'children':\n case 'none':\n return value;\n default:\n return undefined;\n }\n}\n\nfunction landmarkRoleToAttribute(value: SurfacePolicy['a11y'] extends infer A11y ? A11y extends { landmarkRole?: infer Role } ? Role : never : never): React.AriaRole \| undefined {\n switch (value) {\n case 'region':\n case 'dialog':\n case 'alertdialog':\n case 'complementary':\n case 'navigation':\n case 'status':\n case 'main':\n return value;\n case 'none':\n case 'reset':\n default:\n return undefined;\n }\n}\n\nfunction shouldActivateStackLayout(gap: string \| undefined): boolean {\n return Boolean(gap && gap !== 'none');\n}\n\n/\n Stack-layout channel for `display` / `flex-direction`, on both the surface\n * root (`--surface-policy-display`) and its slots (`--surface-policy-slot-display`).\n \n The NON-stacking branch MUST return a concrete value rather than `undefined`,\n * for two independent reasons — the second one shipped as a live defect:\n \n 1. Policy vars are CSS custom properties, so they INHERIT. An omitted value is\n * not \"no opinion\", it is \"adopt the nearest ancestor surface's opinion\". A\n * non-stacking surface nested inside a stacking one therefore picked up\n * `display: flex; flex-direction: column` from its ancestor — the same\n * inheritance class as the `--surface-policy-responsive-max-width-margin`\n * defect (see `responsiveMaxWidthToMarginCssValue`).\n * 2. Even with NO ancestor to inherit from, omitting the var does not leave the\n * element alone. `display: var(--surface-policy-display)` with the var unset\n * is invalid at computed-value time, which resolves to `unset` — and `display`\n * is not inherited, so that is its INITIAL value, `inline`. The base-layer\n * declaration still wins the cascade, so it overrides the UA stylesheet's\n * `div { display: block }`. Measured on the running app: the framework's own\n * `PrimaryContentWidthBoundary` (a SHELL surface whose `containment.gap` is\n * flattened to `'none'` precisely so it stays \"a plain block\") computed\n * `display: inline`, which made its `max-inline-size` cap and `margin-inline:\n * auto` centering inert — `max-inline-size` does not apply to non-replaced\n * inline boxes. With a 400px cap forced inside a 976px container the surface\n * measured 976px wide; publishing `block` measured 400px, centered. The entire\n * page-content width cap was silently doing nothing.\n \n A CSS-wide keyword cannot express \"no opinion\" here: `revert-layer`, `revert`\n * and `initial` were each measured through this var in the running app and all\n * three behaved exactly like the unset case (`display: inline`), because a\n * CSS-wide keyword arriving via `var()` substitution is not honoured as one. A\n * consumer-side fallback (`var(--x, block)`) does not help either — an inherited\n * value that IS set wins over the fallback, which is the whole of reason 1.\n \n `block` / `row` are the initial-ish values a block container wants. Utility\n * classes still win: they live in a later cascade layer than this base rule.\n /\nfunction stackDisplayCssValue(isStacking: boolean): string {\n return isStacking ? 'flex' : 'block';\n}\n\n/* Companion to {@link stackDisplayCssValue} — see its note on explicit neutrals. /\nfunction stackFlexDirectionCssValue(isStacking: boolean): string {\n return isStacking ? 'column' : 'row';\n}\n\n/\n Every var below is read by a Tailwind base-layer rule that can match a NESTED\n * surface, so any `undefined` here is not \"neutral\" — it is \"inherit the nearest\n * ancestor surface's value\". The vars were enumerated against that rule set\n * (`src/tailwind/index.ts`) and classified; the residuals are recorded so the next\n * author does not have to re-derive them:\n \n - SAFE BY CONSTRUCTION — `safe-area` always emits `0px`/`env()`;\n * `child-adaptive-gap` is gated by the same boolean as the\n * `data-surface-child-adaptive-density` attribute its selector requires, so the\n * read is unreachable when the emission is absent.\n * - BENIGN — `numeric-align`, `text-wrap` and `overflow-wrap` drive CSS properties\n * that are THEMSELVES inherited, so inheriting the var is equivalent to\n * inheriting the property. No shadowing needed.\n * - INERT — `framing-mode`, `nested-radius{,-strategy}`, `first-child-edge-strategy`,\n * `divider-strategy`, `selectable-semantics` and `gesture-opt-in` are republished\n * as `--surface-` custom properties that NOTHING reads (verified repo-wide);\n behaviour is driven by the matching `data-surface-` attributes, which do not\n inherit.\n * - LATENT — the remaining tier-mapped vars (`padding-`, `overflow`, `max-height`,\n `gap`, `z-tier`, the per-slot gaps, `action-alignment{,-mobile}`) can only reach\n * their `undefined` branch through an override that sets the slot explicitly to\n * `undefined`: every variant's framework default populates them, and both `'reset'`\n * and `'inherit'` resolve to a concrete value (`'reset'` additionally logs an error\n * when it cannot). Left as-is rather than changed blind — if one becomes reachable,\n * it belongs in the explicit-neutral treatment above.\n /\nfunction buildSurfacePolicyStyle(policy: SurfacePolicy): SurfaceStyle {\n const containment = policy.containment;\n const nesting = policy.nesting;\n const content = policy.content;\n const interactiveState = policy.interactiveState;\n const geometry = policy.geometry;\n const stacking = policy.stacking;\n const composition = policy.composition;\n const shouldStack = shouldActivateStackLayout(containment?.gap);\n\n return {\n '--surface-policy-display': stackDisplayCssValue(shouldStack),\n '--surface-policy-flex-direction': stackFlexDirectionCssValue(shouldStack),\n '--surface-policy-padding-block': paddingTierToCssValue(containment?.paddingBlock),\n '--surface-policy-padding-inline': paddingTierToCssValue(containment?.paddingInline),\n '--surface-policy-overflow': containment?.overflow,\n '--surface-policy-max-height': containment?.maxHeight === 'none' ? 'none' : containment?.maxHeight,\n '--surface-policy-gap': gapTierToCssValue(containment?.gap),\n '--surface-policy-header-gap': gapTierToCssValue(containment?.slotGap?.header ?? containment?.gap),\n '--surface-policy-body-gap': gapTierToCssValue(containment?.slotGap?.body ?? containment?.gap),\n '--surface-policy-footer-gap': gapTierToCssValue(containment?.slotGap?.footer ?? containment?.gap),\n '--surface-policy-framing-mode': framingModeToAttribute(nesting?.framingMode),\n '--surface-policy-nested-radius-strategy': nestedRadiusStrategyToAttribute(nesting?.nestedRadiusStrategy),\n '--surface-policy-first-child-edge-strategy': firstChildEdgeStrategyToAttribute(nesting?.firstChildEdgeStrategy),\n '--surface-policy-divider-strategy': dividerStrategyToAttribute(nesting?.dividerStrategy),\n '--surface-policy-z-tier': stackingTierToCssValue(stacking?.stackingTier),\n '--surface-policy-numeric-align': numericAlignmentToCssValue(content?.numericAlignment),\n '--surface-policy-text-wrap': textWrapToCssValue(content?.wrapStrategy),\n '--surface-policy-overflow-wrap': overlongTokenStrategyToCssValue(content?.overlongTokenStrategy),\n '--surface-policy-safe-area': geometry?.safeAreaPadding ? 'env(safe-area-inset-bottom)' : '0px',\n '--surface-policy-action-alignment': actionAlignmentToCssValue(geometry?.actionAlignment),\n '--surface-policy-action-alignment-mobile': actionAlignmentToMobileCssValue(geometry?.actionAlignment),\n '--surface-policy-responsive-max-width': responsiveMaxWidthToCssValue(geometry?.responsiveMaxWidth),\n '--surface-policy-responsive-max-width-margin': responsiveMaxWidthToMarginCssValue(geometry?.responsiveMaxWidth),\n '--surface-policy-embedded-table-padding-inline': embeddedTablePaddingToCssValue(composition?.embeddedTablePadding),\n '--surface-policy-child-adaptive-gap': composition?.childAdaptiveDensity ? 'var(--sp-field)' : undefined,\n '--surface-policy-selectable-semantics': selectableSemanticsToAttribute(interactiveState?.selectableSemantics),\n '--surface-policy-gesture-opt-in': gestureOptInToAttribute(interactiveState?.gestureOptIn),\n };\n}\n\n/\n Policy families whose values DO produce CSS — `containment` (padding,\n * overflow, max-height, gap), `nesting` (framing mode → frame visibility),\n * `content` (text-wrap, numeric alignment), `geometry` (responsiveMaxWidth →\n * max-inline-size), `stacking` (z-tier). The remaining families (`a11y`,\n * `interactiveState`, `autoRender`, `skeleton`, `composition`) emit only ARIA\n * attributes / behavioral data-attributes / runtime hooks and CANNOT\n * visually conflict with a Tailwind utility class.\n \n Restricting the collision check to these families eliminates a noisy\n * false-positive: a Surface that overrides ONLY `a11y.landmarkRole`\n * (e.g., the public shell using `NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE`)\n * combined with an `overflow-auto` Tailwind utility on the same node is NOT\n * a collision — `a11y.landmarkRole` does not emit any CSS property the\n * utility could fight with.\n /\nconst VISUALLY_IMPACTFUL_POLICY_FAMILIES: ReadonlySet<string> = new Set([\n 'containment',\n 'nesting',\n 'content',\n 'geometry',\n 'stacking',\n]);\n\nfunction hasPolicyDrivenOverride(policyOverride: DeepPartialSurfacePolicy \| undefined): boolean {\n if (!policyOverride) {\n return false;\n }\n\n return Object.entries(policyOverride).some(([familyName, familyOverride]) => {\n if (!VISUALLY_IMPACTFUL_POLICY_FAMILIES.has(familyName)) {\n return false;\n }\n return familyOverride !== undefined\n && familyOverride !== null\n && typeof familyOverride === 'object'\n && Object.keys(familyOverride).length > 0;\n });\n}\n\nfunction usePolicyChannelCollisionWarning(\n className: string \| undefined,\n childClassName: string \| undefined,\n policyOverride: DeepPartialSurfacePolicy \| undefined,\n emitPolicyVars: boolean,\n): void {\n const warnedRef = React.useRef(false);\n\n // The collision this warns about — a className layout utility (padding / gap /\n // flex / …) visually overriding a policy-driven CSS var while children still\n // read the policy value — can only happen when the policy vars are actually\n // emitted. A surface with `emitPolicyVars={false}` (e.g. ContentSection section\n // chrome, which owns layout via recipe classes and may set only a\n // `nesting.framingMode` override) emits NO vars, so there is nothing for a\n // utility to override. Skipping the check here removes a guaranteed\n // false-positive on every such surface.\n if (!emitPolicyVars) {\n return;\n }\n\n const conflictingClassName = [className, childClassName].filter(Boolean).join(' ');\n\n if (\n process.env.NODE_ENV !== 'production'\n && !warnedRef.current\n && conflictingClassName\n && hasPolicyDrivenOverride(policyOverride)\n && POLICY_DRIVEN_UTILITY_PREFIXES.test(conflictingClassName)\n ) {\n warnedRef.current = true;\n logger.warn('[Surface] className utilities can visually override policyOverride while child policy context still sees the policy value', {\n className: conflictingClassName,\n });\n }\n}\n\nfunction mergeSurfaceStyle(\n policy: SurfacePolicy,\n materialStyle: React.CSSProperties \| undefined,\n style: React.CSSProperties \| undefined,\n emitPolicyVars: boolean,\n rendersOwnFrame: boolean,\n nestedRadius: string \| undefined,\n): SurfaceStyle \| React.CSSProperties \| undefined {\n if (!emitPolicyVars) {\n return { ...materialStyle, ...style };\n }\n\n return {\n ...buildSurfacePolicyStyle(policy),\n '--surface-policy-nested-radius': nestedRadius,\n borderWidth: rendersOwnFrame ? undefined : '0px',\n boxShadow: rendersOwnFrame ? undefined : 'none',\n borderRadius: nestedRadius ? 'var(--surface-policy-nested-radius)' : undefined,\n ...materialStyle,\n ...style,\n } as SurfaceStyle;\n}\n\nconst SurfaceRoot = React.forwardRef<HTMLDivElement, SurfaceProps>(function SurfaceRoot(\n {\n variant = SurfaceVariant.BASE,\n materialRoleOverride,\n policyOverride,\n asChild = false,\n emitPolicyVars = true,\n modal = false,\n a11yManagedByHost = false,\n className,\n style,\n children,\n role,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'data-slot': _dataSlot,\n 'data-surface': _dataSurface,\n ...props\n },\n ref,\n): React.JSX.Element {\n const {\n getComposedClasses,\n getMaterialProfile,\n getRecipe,\n getSurfacePolicy,\n } = useUI();\n // Optional calls keep the primitive resilient in isolated tests and custom\n // host adapters that provide the legacy minimal UI context surface.\n const visualRecipe = getRecipe?.(UIBehavior.SURFACE, variant);\n const visualRecipeClasses = getComposedClasses?.(UIBehavior.SURFACE, variant);\n const materialProfile = getMaterialProfile?.(materialRoleOverride ?? visualRecipe?.material);\n const parentContext = React.useContext(SurfacePolicyContext);\n const policy = React.useMemo(\n () => getSurfacePolicy\n ? getSurfacePolicy(variant, policyOverride, parentContext?.policy)\n : mergeSurfacePolicy(\n FRAMEWORK_DEFAULT_SURFACE_POLICIES[variant],\n undefined,\n undefined,\n policyOverride,\n {\n variant,\n parentPolicy: parentContext?.policy,\n logger,\n },\n ),\n [getSurfacePolicy, parentContext?.policy, policyOverride, variant],\n );\n const [headerId, setHeaderId] = React.useState<string \| undefined>();\n const registerHeaderId = React.useCallback((id: string): void => {\n setHeaderId(id);\n }, []);\n const unregisterHeaderId = React.useCallback((id: string): void => {\n setHeaderId((current) => (current === id ? undefined : current));\n }, []);\n const headerRegistration = React.useMemo(\n () => ({ headerId, registerHeaderId, unregisterHeaderId }),\n [headerId, registerHeaderId, unregisterHeaderId],\n );\n const contextValue = React.useMemo(\n () => computeSurfacePolicyContextValue(variant, policy, parentContext, headerRegistration),\n [headerRegistration, parentContext, policy, variant],\n );\n const isNestedInFramedAncestor = Boolean(parentContext?.isInFramedAncestor);\n const nearestFramedAncestorVariant = isNestedInFramedAncestor\n ? parentContext?.nearestFramedAncestorVariant ?? undefined\n : undefined;\n const nestedRadius = nestedRadiusToCssValue(policy.nesting?.nestedRadiusStrategy, isNestedInFramedAncestor);\n\n const childClassName = asChild && React.isValidElement<{ className?: string }>(children)\n ? children.props.className\n : undefined;\n usePolicyChannelCollisionWarning(className, childClassName, policyOverride, emitPolicyVars);\n const Comp = asChild ? Slot : 'div';\n const surfaceNodeRef = React.useRef<HTMLElement \| null>(null);\n const materialRuntime = useMaterialRuntime(materialProfile, surfaceNodeRef);\n const composedRef = React.useCallback((node: HTMLElement \| null): void => {\n surfaceNodeRef.current = node;\n\n if (typeof ref === 'function') {\n ref(node as HTMLDivElement \| null);\n return;\n }\n\n if (ref) {\n ref.current = node as HTMLDivElement \| null;\n }\n }, [ref]);\n const resolvedRole = role ?? landmarkRoleToAttribute(policy.a11y?.landmarkRole);\n const resolvedAriaLabelledBy = ariaLabelledBy\n ?? (policy.a11y?.labelStrategy === 'from-header' ? headerId : undefined);\n\n /\n * The a11y attributes Surface puts on the merged element — and under `a11yManagedByHost`, the\n * KEYS it must not put there at all.\n \n An `asChild` Surface is a Slot: its props are merged into the host primitive's, and the host\n * then spreads that merged object AFTER its own attributes. So a key present with an\n * `undefined` value does not mean \"Surface contributes nothing\" — it means \"delete whatever the\n * host set\". Radix `Dialog.Content` renders\n * `<div role=\"dialog\" aria-labelledby={context.titleId} {...contentProps}>`, so Surface passing\n * `aria-labelledby: undefined` REMOVED the accessible name the host had just wired from its own\n * `Dialog.Title` (#632).\n \n Measured on the command palette: `aria-describedby` survived (Surface never emits it) while\n * `aria-labelledby` was absent, with a correctly-rendered `Dialog.Title` sitting inside carrying\n * the very id that should have been referenced. The defect hid behind the common path —\n * `OverlayContainer` passes `aria-labelledby` EXPLICITLY, so its dialogs were named and only\n * overlays relying on the host's own title wiring lost it.\n \n Hence: when the host owns a11y, forward only what the CALLER explicitly supplied, as present\n * keys, and omit the rest entirely rather than passing `undefined`. Synthesizing a value is\n * equally wrong here — Surface's own `landmarkRole` would overwrite an `alertdialog` role with\n * `dialog`, which is the same defect one attribute over.\n /\n const hostManagedA11yAttributes = {\n ...(role !== undefined ? { role } : {}),\n ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}),\n ...(ariaLabelledBy !== undefined ? { 'aria-labelledby': ariaLabelledBy } : {}),\n };\n const a11yAttributes = a11yManagedByHost\n ? hostManagedA11yAttributes\n : {\n role: resolvedRole,\n 'aria-label': ariaLabel,\n 'aria-labelledby': resolvedAriaLabelledBy,\n };\n const shouldActivateFocusTrap = !a11yManagedByHost\n && (policy.a11y?.focusTrap === 'on-mount' \|\| (modal && policy.a11y?.focusTrap === 'when-modal'));\n const shouldActivateScrollContainment = !a11yManagedByHost\n && modal\n && policy.a11y?.scrollContainment === 'lock-body';\n\n useSurfaceFocusTrap(surfaceNodeRef, shouldActivateFocusTrap);\n useSurfaceBodyScrollLock(shouldActivateScrollContainment);\n React.useEffect(() => {\n if (\n process.env.NODE_ENV === 'production'\n // When the host primitive owns a11y (Radix Dialog / Drawer / Sheet /\n // AlertDialog), the accessible name comes from the host's own title\n // (e.g. `Dialog.Title` → `aria-labelledby`), NOT from a `Surface.Header`.\n // The `from-header` strategy is structurally inactive here, so this\n // warning would fire for EVERY host-managed overlay regardless of whether\n // it is correctly titled. Defer labelling validation to the host — Radix\n // emits its own (authoritative) warning when the title is genuinely absent.\n \|\| a11yManagedByHost\n \|\| policy.a11y?.labelStrategy !== 'from-header'\n \|\| !resolvedRole\n \|\| ariaLabel\n \|\| ariaLabelledBy\n \|\| headerId\n ) {\n return undefined;\n }\n\n const timeout = window.setTimeout(() => {\n logger.warn('[Surface] labelStrategy \"from-header\" produced an unlabelled landmark surface', {\n variant,\n role: resolvedRole,\n });\n }, 0);\n\n return () => window.clearTimeout(timeout);\n }, [a11yManagedByHost, ariaLabel, ariaLabelledBy, headerId, policy.a11y?.labelStrategy, resolvedRole, variant]);\n const policyStyleAttrs = emitPolicyVars\n ? {\n 'data-slot': 'surface',\n 'data-surface': '',\n /\n * The width tier this surface applies, announced so the CAP is legible in the DOM.\n \n Width is a chain — a zone boundary, a pane, a layout root's reading measure — and until\n * every level said which tier it was applying, diagnosing \"why is this narrow\" meant walking\n * the ancestors reading computed styles, which is how the wrong cap got fixed twice in a row.\n * With this, `document.querySelectorAll('[data-inline-size-tier]')` names every cap in the\n * page and its owner in one call. Absent when no tier is declared, so it marks the elements\n * that actually decide something rather than every surface.\n */\n 'data-inline-size-tier': policy.geometry?.responsiveMaxWidth,\n }\n : {};\n const surfaceElement = (\n <Comp\n ref={composedRef}\n {...props}\n {...policyStyleAttrs}\n data-material-kind={materialRuntime['data-material-kind']}\n data-material-tier={materialRuntime['data-material-tier']}\n data-material-variant={materialRuntime['data-material-variant']}\n data-material-depth={materialRuntime['data-material-depth']}\n data-material-composition={materialRuntime['data-material-composition']}\n data-material-group={materialRuntime['data-material-group']}\n data-material-refractive-budget={materialRuntime['data-material-refractive-budget']}\n tabIndex={shouldActivateFocusTrap && props.tabIndex == null ? -1 : props.tabIndex}\n data-surface-focus-trap={shouldActivateFocusTrap ? '' : undefined}\n data-surface-scroll-containment={shouldActivateScrollContainment ? '' : undefined}\n data-surface-framing-mode={emitPolicyVars ? framingModeToAttribute(policy.nesting?.framingMode) : undefined}\n data-surface-frame={emitPolicyVars ? (contextValue.rendersOwnFrame ? 'rendered' : 'suppressed') : undefined}\n data-surface-in-framed-ancestor={emitPolicyVars && isNestedInFramedAncestor ? '' : undefined}\n data-surface-nearest-framed-ancestor={emitPolicyVars ? nearestFramedAncestorVariant : undefined}\n data-surface-nested-radius-strategy={emitPolicyVars ? nestedRadiusStrategyToAttribute(policy.nesting?.nestedRadiusStrategy) : undefined}\n data-surface-first-child-edge-strategy={emitPolicyVars ? firstChildEdgeStrategyToAttribute(policy.nesting?.firstChildEdgeStrategy) : undefined}\n data-surface-divider-strategy={emitPolicyVars ? dividerStrategyToAttribute(policy.nesting?.dividerStrategy) : undefined}\n data-surface-selectable-semantics={emitPolicyVars ? selectableSemanticsToAttribute(policy.interactiveState?.selectableSemantics) : undefined}\n data-surface-gesture-opt-in={emitPolicyVars ? gestureOptInToAttribute(policy.interactiveState?.gestureOptIn) : undefined}\n data-surface-child-adaptive-density={emitPolicyVars && policy.composition?.childAdaptiveDensity === true ? '' : undefined}\n data-surface-selection-column-aware={emitPolicyVars && policy.composition?.selectionColumnAware === true ? '' : undefined}\n {...a11yAttributes}\n data-surface-variant={variant}\n className={cn(visualRecipeClasses, className)}\n style={mergeSurfaceStyle(policy, materialRuntime.style, style, emitPolicyVars, contextValue.rendersOwnFrame, nestedRadius)}\n >\n {children}\n </Comp>\n );\n const shouldWrapErrorBoundary = policy.interactiveState?.errorBoundary === 'self';\n\n return (\n <SurfacePolicyContext.Provider value={contextValue}>\n {shouldWrapErrorBoundary ? (\n <SurfaceErrorBoundary>{surfaceElement}</SurfaceErrorBoundary>\n ) : surfaceElement}\n </SurfacePolicyContext.Provider>\n );\n});\n\nSurfaceRoot.displayName = 'Surface';\n\nfunction surfaceSlotStyle(\n slot: 'header' \| 'body' \| 'footer',\n policy: SurfacePolicy,\n style: React.CSSProperties \| undefined,\n): React.CSSProperties {\n const gap = policy.containment?.slotGap?.[slot] ?? policy.containment?.gap;\n const shouldStack = shouldActivateStackLayout(gap);\n\n return {\n '--surface-policy-slot-display': stackDisplayCssValue(shouldStack),\n '--surface-policy-slot-flex-direction': stackFlexDirectionCssValue(shouldStack),\n [`--surface-policy-${slot}-gap`]: gapTierToCssValue(gap),\n ...style,\n } as React.CSSProperties;\n}\n\nexport const SurfaceHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceHeader(\n { className, id, style, ...props },\n ref,\n): React.JSX.Element {\n const policy = useSurfacePolicy();\n const surfaceContext = React.useContext(SurfacePolicyContext);\n const registerHeaderId = surfaceContext?.registerHeaderId;\n const unregisterHeaderId = surfaceContext?.unregisterHeaderId;\n const generatedId = React.useId();\n const resolvedId = id ?? generatedId;\n\n React.useEffect(() => {\n registerHeaderId?.(resolvedId);\n return () => unregisterHeaderId?.(resolvedId);\n }, [registerHeaderId, resolvedId, unregisterHeaderId]);\n\n return (\n <div\n ref={ref}\n id={resolvedId}\n data-slot=\"surface-header\"\n className={cn(className)}\n style={surfaceSlotStyle('header', policy, style)}\n {...props}\n />\n );\n});\n\nSurfaceHeader.displayName = 'Surface.Header';\n\nexport const SurfaceBody = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceBody(\n { className, style, ...props },\n ref,\n): React.JSX.Element {\n const policy = useSurfacePolicy();\n\n return (\n <div\n ref={ref}\n data-slot=\"surface-body\"\n className={cn(className)}\n style={surfaceSlotStyle('body', policy, style)}\n {...props}\n />\n );\n});\n\nSurfaceBody.displayName = 'Surface.Body';\n\nexport const SurfaceFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceFooter(\n { className, style, ...props },\n ref,\n): React.JSX.Element {\n const policy = useSurfacePolicy();\n const gap = policy.containment?.slotGap?.footer ?? policy.containment?.gap;\n const shouldStack = shouldActivateStackLayout(gap);\n const shouldAlignActions = Boolean(policy.geometry?.actionAlignment && policy.geometry.actionAlignment !== 'inherit');\n\n return (\n <div\n ref={ref}\n data-slot=\"surface-footer\"\n className={cn(className)}\n style={{\n '--surface-policy-slot-display': stackDisplayCssValue(shouldStack \|\| shouldAlignActions),\n '--surface-policy-slot-flex-direction': stackFlexDirectionCssValue(shouldStack),\n '--surface-policy-footer-gap': gapTierToCssValue(gap),\n '--surface-policy-action-alignment': shouldAlignActions\n ? actionAlignmentToCssValue(policy.geometry?.actionAlignment)\n : undefined,\n '--surface-policy-action-alignment-mobile': shouldAlignActions\n ? actionAlignmentToMobileCssValue(policy.geometry?.actionAlignment)\n : undefined,\n ...style,\n } as React.CSSProperties}\n {...props}\n />\n );\n});\n\nSurfaceFooter.displayName = 'Surface.Footer';\n\nexport const SurfaceAction = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(function SurfaceAction(\n { className, ...props },\n ref,\n): React.JSX.Element {\n return (\n <div\n ref={ref}\n data-slot=\"surface-action\"\n className={cn(className)}\n {...props}\n />\n );\n});\n\nSurfaceAction.displayName = 'Surface.Action';\n\nexport const Surface = Object.assign(SurfaceRoot, {\n Header: SurfaceHeader,\n Body: SurfaceBody,\n Footer: SurfaceFooter,\n Action: SurfaceAction,\n});\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/sections/table.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAEjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AACtD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAC5D,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAC1D,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AACvD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAA;CAC5C,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;AAG/D,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACtC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAClC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IAC9B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IAC9B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;CACrC;AAUD,wBAAgB,KAAK,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1H;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGlI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGlI;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGlI;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxI"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"table.js","sourceRoot":"","sources":["~~../../../../~~src/components/sections/table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AA2BjI,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,eAAe,EACrC,OAAO,EACP,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAC/D,CAAA;AAED,mBAAmB;AACnB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAqC;IACrG,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,MAAM,OAAK,KAAK,GAAI,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,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,MAAM,OAAK,KAAK,GAAI,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,GAAG,OAAK,KAAK,GAAI,CAAA;AAC7B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,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,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { TextTruncationStrategy } from '@wildo-ai/presets-components-models'\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 ---\nexport type TableProps = React.ComponentProps<\"table\">\nexport type TableHeaderProps = React.ComponentProps<\"thead\">\nexport type TableBodyProps = React.ComponentProps<\"tbody\">\nexport type TableFooterProps = React.ComponentProps<\"tfoot\">\nexport type TableRowProps = React.ComponentProps<\"tr\">\nexport type TableHeadProps = React.ComponentProps<\"th\">\nexport type TableCellProps = React.ComponentProps<\"td\"> & {\n truncate?: boolean \| TextTruncationStrategy\n}\nexport type TableCaptionProps = React.ComponentProps<\"caption\">\n\n// --- Compound type ---\nexport interface TableCompound {\n (props: TableProps): React.JSX.Element\n Header: React.FC<TableHeaderProps>\n Body: React.FC<TableBodyProps>\n Footer: React.FC<TableFooterProps>\n Row: React.FC<TableRowProps>\n Head: React.FC<TableHeadProps>\n Cell: React.FC<TableCellProps>\n Caption: React.FC<TableCaptionProps>\n}\n\n// --- Resolver ---\nconst resolve = createCompoundComponentResolver<TableCompound>(\n FrontendComponentType.LOW_LEVEL_TABLE,\n 'Table',\n ['Header', 'Body', 'Footer', 'Row', 'Head', 'Cell', 'Caption']\n)\n\n// --- Wrappers ---\nexport function Table({ preset = CorePresetNames.DEFAULT, ...props }: TableProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C {...props} />\n}\n\nexport function TableHeader({ preset = CorePresetNames.DEFAULT, ...props }: TableHeaderProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Header {...props} />\n}\n\nexport function TableBody({ preset = CorePresetNames.DEFAULT, ...props }: TableBodyProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Body {...props} />\n}\n\nexport function TableFooter({ preset = CorePresetNames.DEFAULT, ...props }: TableFooterProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Footer {...props} />\n}\n\nexport function TableRow({ preset = CorePresetNames.DEFAULT, ...props }: TableRowProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Row {...props} />\n}\n\nexport function TableHead({ preset = CorePresetNames.DEFAULT, ...props }: TableHeadProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Head {...props} />\n}\n\nexport function TableCell({ preset = CorePresetNames.DEFAULT, ...props }: TableCellProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Cell {...props} />\n}\n\nexport function TableCaption({ preset = CorePresetNames.DEFAULT, ...props }: TableCaptionProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Caption {...props} />\n}\n"]}
1	+ {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/components/sections/table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AA2BjI,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,eAAe,EACrC,OAAO,EACP,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAC/D,CAAA;AAED,mBAAmB;AACnB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAqC;IACrG,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,MAAM,OAAK,KAAK,GAAI,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,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,MAAM,OAAK,KAAK,GAAI,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,GAAG,OAAK,KAAK,GAAI,CAAA;AAC7B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,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,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { TextTruncationStrategy } from '@wildo-ai/presets-components-models'\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 ---\nexport type TableProps = React.ComponentProps<\"table\">\nexport type TableHeaderProps = React.ComponentProps<\"thead\">\nexport type TableBodyProps = React.ComponentProps<\"tbody\">\nexport type TableFooterProps = React.ComponentProps<\"tfoot\">\nexport type TableRowProps = React.ComponentProps<\"tr\">\nexport type TableHeadProps = React.ComponentProps<\"th\">\nexport type TableCellProps = React.ComponentProps<\"td\"> & {\n truncate?: boolean \| TextTruncationStrategy\n}\nexport type TableCaptionProps = React.ComponentProps<\"caption\">\n\n// --- Compound type ---\nexport interface TableCompound {\n (props: TableProps): React.JSX.Element\n Header: React.FC<TableHeaderProps>\n Body: React.FC<TableBodyProps>\n Footer: React.FC<TableFooterProps>\n Row: React.FC<TableRowProps>\n Head: React.FC<TableHeadProps>\n Cell: React.FC<TableCellProps>\n Caption: React.FC<TableCaptionProps>\n}\n\n// --- Resolver ---\nconst resolve = createCompoundComponentResolver<TableCompound>(\n FrontendComponentType.LOW_LEVEL_TABLE,\n 'Table',\n ['Header', 'Body', 'Footer', 'Row', 'Head', 'Cell', 'Caption']\n)\n\n// --- Wrappers ---\nexport function Table({ preset = CorePresetNames.DEFAULT, ...props }: TableProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C {...props} />\n}\n\nexport function TableHeader({ preset = CorePresetNames.DEFAULT, ...props }: TableHeaderProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Header {...props} />\n}\n\nexport function TableBody({ preset = CorePresetNames.DEFAULT, ...props }: TableBodyProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Body {...props} />\n}\n\nexport function TableFooter({ preset = CorePresetNames.DEFAULT, ...props }: TableFooterProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Footer {...props} />\n}\n\nexport function TableRow({ preset = CorePresetNames.DEFAULT, ...props }: TableRowProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Row {...props} />\n}\n\nexport function TableHead({ preset = CorePresetNames.DEFAULT, ...props }: TableHeadProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Head {...props} />\n}\n\nexport function TableCell({ preset = CorePresetNames.DEFAULT, ...props }: TableCellProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Cell {...props} />\n}\n\nexport function TableCaption({ preset = CorePresetNames.DEFAULT, ...props }: TableCaptionProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Caption {...props} />\n}\n"]}

package/dist/esm/components/sections/tabs.d.ts CHANGED Viewed

@@ -1,16 +1,49 @@
 import React from 'react';
+import type { IndicatorVariant } from '@wildo-ai/presets-components-models';
 import { DisplayDirection } from '@wildo-ai/zod-decorators';
 import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
 export declare enum TabsActivationMode {
     AUTOMATIC = "automatic",
     MANUAL = "manual"
 }
+/**
+ * Which LEVEL a tab set sits at — the page's own tabs, or a quieter set nested inside one of them.
+ *
+ * ## Why a level rather than a variant
+ *
+ * A detail page has tabs; the record it shows has tabs of its own (overview · changes · cost). Two
+ * underline strips one inside the other read as one strip that broke in half, and two `TAB_PANEL`
+ * surfaces nested read as a frame inside a frame. The second set is not a different KIND of tabs —
+ * same roving focus, same activation, same panels — it is the same thing one level down, and what
+ * changes is only how loudly it is drawn: pills instead of the underline, and no panel surface of
+ * its own, since the enclosing panel already frames it.
+ *
+ * ## It defaults from NESTING
+ *
+ * A `Tabs` rendered inside another `Tabs`' content is SECONDARY unless told otherwise: the preset
+ * publishes its level on `TabsLevelContext`, and a nested root reads it. So the section pipeline's
+ * `SectionMode.TABS` needs no new configuration to render a record's tabs quietly inside a page's —
+ * the one case that produced this vocabulary — and a surface that genuinely wants a loud strip
+ * inside a loud strip says so with the prop.
+ */
+export declare enum TabsLevel {
+    PRIMARY = "primary",
+    SECONDARY = "secondary"
+}
+/**
+ * The level of the nearest enclosing `Tabs`, or `null` outside any. Provided by the preset's root,
+ * read by a nested root to default its own level, and exported so a preset other than the default
+ * can take part in the same nesting rule.
+ */
+export declare const TabsLevelContext: React.Context<TabsLevel | null>;
 export type TabsProps = React.ComponentProps<"div"> & {
     defaultValue?: string;
     value?: string;
     onValueChange?: (value: string) => void;
     orientation?: DisplayDirection;
     activationMode?: TabsActivationMode;
+    /** See {@link TabsLevel}. Defaults to SECONDARY inside another `Tabs`, PRIMARY otherwise. */
+    level?: TabsLevel;
     asChild?: boolean;
 };
 export type TabsListProps = React.ComponentProps<"div"> & {
@@ -20,6 +53,17 @@ export type TabsListProps = React.ComponentProps<"div"> & {
 export type TabsTriggerProps = React.ComponentProps<"button"> & {
     value: string;
     disabled?: boolean;
+    /**
+     * How many things are behind this tab — `Your move · 2`, `Timeline · 14`. Zero and `undefined`
+     * render nothing: an empty count is not information, and "0" beside every quiet tab teaches a
+     * reader to stop reading counts.
+     */
+    count?: number;
+    /**
+     * The count's tone, through the theme's INDICATOR recipe. Defaults to NEUTRAL; WARNING is what a
+     * count of things OWED BY THE READER reads in, INFO a count of things in progress.
+     */
+    countTone?: IndicatorVariant;
     asChild?: boolean;
 };
 export type TabsContentProps = React.ComponentProps<"div"> & {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/sections/tabs.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,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAID,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACrC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IAC7B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACnC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACpC;AAYD,wBAAgB,IAAI,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxH;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI"}
1	+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,MAAM,WAAW;CAClB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAA+C,CAAA;AAE5G,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,6FAA6F;IAC7F,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAID,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACrC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IAC7B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACnC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACpC;AAYD,wBAAgB,IAAI,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxH;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI"}

package/dist/esm/components/sections/tabs.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
 import { createCompoundComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 // --- Contract ---
@@ -7,6 +8,37 @@ export var TabsActivationMode;
     TabsActivationMode["AUTOMATIC"] = "automatic";
     TabsActivationMode["MANUAL"] = "manual";
 })(TabsActivationMode || (TabsActivationMode = {}));
+/**
+ * Which LEVEL a tab set sits at — the page's own tabs, or a quieter set nested inside one of them.
+ *
+ * ## Why a level rather than a variant
+ *
+ * A detail page has tabs; the record it shows has tabs of its own (overview · changes · cost). Two
+ * underline strips one inside the other read as one strip that broke in half, and two `TAB_PANEL`
+ * surfaces nested read as a frame inside a frame. The second set is not a different KIND of tabs —
+ * same roving focus, same activation, same panels — it is the same thing one level down, and what
+ * changes is only how loudly it is drawn: pills instead of the underline, and no panel surface of
+ * its own, since the enclosing panel already frames it.
+ *
+ * ## It defaults from NESTING
+ *
+ * A `Tabs` rendered inside another `Tabs`' content is SECONDARY unless told otherwise: the preset
+ * publishes its level on `TabsLevelContext`, and a nested root reads it. So the section pipeline's
+ * `SectionMode.TABS` needs no new configuration to render a record's tabs quietly inside a page's —
+ * the one case that produced this vocabulary — and a surface that genuinely wants a loud strip
+ * inside a loud strip says so with the prop.
+ */
+export var TabsLevel;
+(function (TabsLevel) {
+    TabsLevel["PRIMARY"] = "primary";
+    TabsLevel["SECONDARY"] = "secondary";
+})(TabsLevel || (TabsLevel = {}));
+/**
+ * The level of the nearest enclosing `Tabs`, or `null` outside any. Provided by the preset's root,
+ * read by a nested root to default its own level, and exported so a preset other than the default
+ * can take part in the same nesting rule.
+ */
+export const TabsLevelContext = React.createContext(null);
 // --- Resolver ---
 const resolve = createCompoundComponentResolver(FrontendComponentType.LOW_LEVEL_TABS, 'Tabs', ['List', 'Trigger', 'Content']);
 // --- Wrappers ---

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["~~../../../../~~src/components/sections/tabs.tsx"],"names":[],"mappings":";~~AACA~~,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;~~AAE5F~~,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AAGjI,mBAAmB;AACnB,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,uCAAiB,CAAA;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;~~AAqCD~~,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,cAAc,EACpC,MAAM,EACN,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAC/B,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoC;IACnG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,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,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,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,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,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 ---\nexport enum TabsActivationMode {\n AUTOMATIC = 'automatic',\n MANUAL = 'manual',\n}\n\nexport type TabsProps = React.ComponentProps<\"div\"> & {\n defaultValue?: string\n value?: string\n onValueChange?: (value: string) => void\n orientation?: DisplayDirection\n activationMode?: TabsActivationMode\n asChild?: boolean\n}\n\nexport type TabsListProps = React.ComponentProps<\"div\"> & {\n loop?: boolean\n asChild?: boolean\n}\n\nexport type TabsTriggerProps = React.ComponentProps<\"button\"> & {\n value: string\n disabled?: boolean\n asChild?: boolean\n}\n\nexport type TabsContentProps = React.ComponentProps<\"div\"> & {\n value: string\n forceMount?: true\n asChild?: boolean\n}\n\n// --- Compound type ---\n\nexport interface TabsCompound {\n (props: TabsProps): React.JSX.Element\n List: React.FC<TabsListProps>\n Trigger: React.FC<TabsTriggerProps>\n Content: React.FC<TabsContentProps>\n}\n\n// --- Resolver ---\n\nconst resolve = createCompoundComponentResolver<TabsCompound>(\n FrontendComponentType.LOW_LEVEL_TABS,\n 'Tabs',\n ['List', 'Trigger', 'Content']\n)\n\n// --- Wrappers ---\n\nexport function Tabs({ preset = CorePresetNames.DEFAULT, ...props }: TabsProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C {...props} />\n}\n\nexport function TabsList({ preset = CorePresetNames.DEFAULT, ...props }: TabsListProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.List {...props} />\n}\n\nexport function TabsTrigger({ preset = CorePresetNames.DEFAULT, ...props }: TabsTriggerProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Trigger {...props} />\n}\n\nexport function TabsContent({ preset = CorePresetNames.DEFAULT, ...props }: TabsContentProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Content {...props} />\n}\n"]}
1	+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAG5F,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AAGjI,mBAAmB;AACnB,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,uCAAiB,CAAA;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAA;AAkD5G,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,cAAc,EACpC,MAAM,EACN,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAC/B,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoC;IACnG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,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,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,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,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { IndicatorVariant } 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 ---\nexport enum TabsActivationMode {\n AUTOMATIC = 'automatic',\n MANUAL = 'manual',\n}\n\n/*\n Which LEVEL a tab set sits at — the page's own tabs, or a quieter set nested inside one of them.\n \n ## Why a level rather than a variant\n \n A detail page has tabs; the record it shows has tabs of its own (overview · changes · cost). Two\n * underline strips one inside the other read as one strip that broke in half, and two `TAB_PANEL`\n * surfaces nested read as a frame inside a frame. The second set is not a different KIND of tabs —\n * same roving focus, same activation, same panels — it is the same thing one level down, and what\n * changes is only how loudly it is drawn: pills instead of the underline, and no panel surface of\n * its own, since the enclosing panel already frames it.\n \n ## It defaults from NESTING\n \n A `Tabs` rendered inside another `Tabs`' content is SECONDARY unless told otherwise: the preset\n * publishes its level on `TabsLevelContext`, and a nested root reads it. So the section pipeline's\n * `SectionMode.TABS` needs no new configuration to render a record's tabs quietly inside a page's —\n * the one case that produced this vocabulary — and a surface that genuinely wants a loud strip\n * inside a loud strip says so with the prop.\n /\nexport enum TabsLevel {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\n/\n The level of the nearest enclosing `Tabs`, or `null` outside any. Provided by the preset's root,\n * read by a nested root to default its own level, and exported so a preset other than the default\n * can take part in the same nesting rule.\n /\nexport const TabsLevelContext: React.Context<TabsLevel \| null> = React.createContext<TabsLevel \| null>(null)\n\nexport type TabsProps = React.ComponentProps<\"div\"> & {\n defaultValue?: string\n value?: string\n onValueChange?: (value: string) => void\n orientation?: DisplayDirection\n activationMode?: TabsActivationMode\n /* See {@link TabsLevel}. Defaults to SECONDARY inside another `Tabs`, PRIMARY otherwise. /\n level?: TabsLevel\n asChild?: boolean\n}\n\nexport type TabsListProps = React.ComponentProps<\"div\"> & {\n loop?: boolean\n asChild?: boolean\n}\n\nexport type TabsTriggerProps = React.ComponentProps<\"button\"> & {\n value: string\n disabled?: boolean\n /\n How many things are behind this tab — `Your move · 2`, `Timeline · 14`. Zero and `undefined`\n * render nothing: an empty count is not information, and \"0\" beside every quiet tab teaches a\n * reader to stop reading counts.\n /\n count?: number\n /\n The count's tone, through the theme's INDICATOR recipe. Defaults to NEUTRAL; WARNING is what a\n * count of things OWED BY THE READER reads in, INFO a count of things in progress.\n */\n countTone?: IndicatorVariant\n asChild?: boolean\n}\n\nexport type TabsContentProps = React.ComponentProps<\"div\"> & {\n value: string\n forceMount?: true\n asChild?: boolean\n}\n\n// --- Compound type ---\n\nexport interface TabsCompound {\n (props: TabsProps): React.JSX.Element\n List: React.FC<TabsListProps>\n Trigger: React.FC<TabsTriggerProps>\n Content: React.FC<TabsContentProps>\n}\n\n// --- Resolver ---\n\nconst resolve = createCompoundComponentResolver<TabsCompound>(\n FrontendComponentType.LOW_LEVEL_TABS,\n 'Tabs',\n ['List', 'Trigger', 'Content']\n)\n\n// --- Wrappers ---\n\nexport function Tabs({ preset = CorePresetNames.DEFAULT, ...props }: TabsProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C {...props} />\n}\n\nexport function TabsList({ preset = CorePresetNames.DEFAULT, ...props }: TabsListProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.List {...props} />\n}\n\nexport function TabsTrigger({ preset = CorePresetNames.DEFAULT, ...props }: TabsTriggerProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Trigger {...props} />\n}\n\nexport function TabsContent({ preset = CorePresetNames.DEFAULT, ...props }: TabsContentProps & ComponentPresetProps): React.JSX.Element {\n const C = resolve(preset)\n return <C.Content {...props} />\n}\n"]}

package/dist/esm/components/settings/AppPage_AppearanceSettings.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppPage_AppearanceSettings.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/settings/AppPage_AppearanceSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAwIpD,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA0E9C,CAAC"}
1	+ {"version":3,"file":"AppPage_AppearanceSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_AppearanceSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAwIpD,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA0E9C,CAAC"}

package/dist/esm/components/settings/AppPage_AppearanceSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppPage_AppearanceSettings.js","sourceRoot":"","sources":["../../../../src/components/settings/AppPage_AppearanceSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n AppPage_AppearanceSettings — the Settings Hub \"Appearance\" panel.\n \n A bespoke `ENGINE_PANEL` (not a resource surface) that surfaces the app's\n * theme system: a Light / Dark / System selector. It reads the chosen preference\n * from `useThemePreferenceControl().themePreference` and commits changes through\n * that hook's `selectTheme`, which both applies the theme locally AND durably\n * records it on the user's preferences — see `useThemePreferenceControl` for why\n * the local half alone was actively harmful.\n \n ## Each option shows the theme, it does not describe it\n \n Theme is the one setting whose control can render its own result, and every\n * mature product does exactly that (VS Code, GitHub, Notion, Linear). The\n * previous version was three text radios with descriptions that restated their\n * own labels — \"Light / Always use the light theme.\" — so the reader learned\n * nothing a preview shows instantly, and had to commit to a look sight-unseen.\n \n The tiles are painted from the app's OWN design tokens resolved per mode (see\n * `resolveModePalette`), not from hardcoded greys, so an app that retunes its\n * palette retunes its previews. `System` shows both halves because that is\n * literally what it means.\n \n i18n follows the framework convention (same shape as `AppPage_SecuritySettings`):\n * `useI18n({ component })` requests this component's label namespace, the panel\n * gates rendering on `isReady` so it never flashes raw key paths, and a thin\n * `t(key)` reads each label. Label copy is owned entirely by the labelling\n * pipeline (declared in the sibling `.labels.ts`) — the component carries NO\n * hardcoded fallback strings.\n \n The selector reuses the framework radio control (`RadioGroupRoot` /\n * `RadioGroupItem`) + typography `Label` rather than a hand-rolled\n * `role=\"radio\"` group, so `radiogroup`/`radio` roles, roving focus,\n * `aria-checked`, and the selection indicator all come from the primitives.\n /\nimport React, { useCallback, useMemo } from 'react';\nimport {\n DesignSystemToken,\n DesignTokenRenderMode,\n FrontendComponentType,\n getDesignTokenValue,\n type DesignTokenConfiguration,\n} from '@wildo-ai/presets-components-models';\nimport { UserTheme } from '@wildo-ai/saas-models';\nimport { Card, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Label } from '~wildo-frontend-lib/components/typography/label';\nimport { RadioGroupRoot, RadioGroupItem } from '~wildo-frontend-lib/components/form/controls/enum/radio';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useThemePreferenceControl } from '~wildo-frontend-lib/core/ui/useThemePreferenceControl';\n\n/* Theme options, in display order. /\nconst THEME_OPTIONS = [UserTheme.LIGHT, UserTheme.DARK, UserTheme.AUTO] as const;\n\n/* Label keys (resolved via `t`) for each theme option's name. /\nconst THEME_OPTION_LABEL_KEYS: Record<UserTheme, string> = {\n [UserTheme.LIGHT]: 'themeLight',\n [UserTheme.DARK]: 'themeDark',\n [UserTheme.AUTO]: 'themeSystem',\n};\n\n/* The tokens a preview tile paints with — the smallest set that reads as \"an app\". /\nconst PREVIEW_TOKENS = [\n DesignSystemToken.BACKGROUND,\n DesignSystemToken.FOREGROUND,\n DesignSystemToken.MUTED,\n DesignSystemToken.MUTED_FOREGROUND,\n DesignSystemToken.PRIMARY,\n DesignSystemToken.BORDER,\n] as const;\n\ntype PreviewPalette = Record<(typeof PREVIEW_TOKENS)[number], string>;\n\n/\n Resolve the preview palette for ONE mode, independently of the mode the app is\n * currently in.\n \n This cannot be done with CSS alone, and the asymmetry is worth knowing before\n * anyone \"simplifies\" it. The dark palette is a plain `.dark { … }` class, so a\n * subtree can opt into it — but the LIGHT palette lives on `:root`, which only\n * ever matches `<html>`. Inside a dark app every descendant inherits the dark\n * values and there is no selector that restores the light ones. So a light\n * preview shown while the app is dark has to be given explicit values, which is\n * what the design-token configuration carries (`lightValue` / `darkValue` on\n * every `LIGHT_DARK` token).\n \n Falls back to `var(--token)` for any token the app did not configure. That\n * resolves correctly for the CURRENT mode and approximates the other — a\n * degraded preview rather than a broken one, and only reachable in an app that\n * declares no colour tokens at all.\n /\nfunction resolveModePalette(\n tokens: Partial<Record<DesignSystemToken, DesignTokenConfiguration>> \| undefined,\n customTokens: Partial<Record<string, DesignTokenConfiguration>> \| undefined,\n mode: DesignTokenRenderMode,\n): PreviewPalette {\n const resolve = (token: (typeof PREVIEW_TOKENS)[number]): string => {\n const configuration = tokens?.[token] ?? customTokens?.[token];\n return configuration ? getDesignTokenValue(configuration, mode) : `var(--${token})`;\n };\n\n return PREVIEW_TOKENS.reduce<PreviewPalette>(\n (palette, token) => ({ ...palette, [token]: resolve(token) }),\n {} as PreviewPalette,\n );\n}\n\n/\n A miniature of the running app in one mode: page ground, a sidebar rail with\n * two nav lines, a content card with a heading line, a body line, and the accent.\n * Colours come in as explicit values so one tile can render light while the app\n * around it is dark.\n /\nconst ThemePreviewPane: React.FC<{ palette: PreviewPalette; className?: string }> = ({ palette, className }) => (\n <div\n className={cn('flex h-full w-full gap-[3px] p-[5px]', className)}\n style={{ backgroundColor: palette[DesignSystemToken.BACKGROUND] }}\n >\n {/ Sidebar rail /}\n <div\n className=\"flex w-1/4 shrink-0 flex-col gap-[3px] rounded-[3px] p-[3px]\"\n style={{ backgroundColor: palette[DesignSystemToken.MUTED] }}\n >\n <div className=\"h-[3px] w-full rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.PRIMARY] }} />\n <div className=\"h-[3px] w-3/4 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.5 }} />\n <div className=\"h-[3px] w-2/3 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.5 }} />\n </div>\n\n {/ Content card /}\n <div\n className=\"flex flex-1 flex-col gap-[4px] rounded-[3px] border p-[4px]\"\n style={{ backgroundColor: palette[DesignSystemToken.MUTED], borderColor: palette[DesignSystemToken.BORDER] }}\n >\n <div className=\"h-[4px] w-2/3 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.FOREGROUND] }} />\n <div className=\"h-[3px] w-full rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.55 }} />\n <div className=\"h-[3px] w-4/5 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.55 }} />\n <div className=\"mt-auto h-[6px] w-2/5 rounded-[2px]\" style={{ backgroundColor: palette[DesignSystemToken.PRIMARY] }} />\n </div>\n </div>\n);\n\n/\n The preview for one option. `AUTO` is rendered as both palettes split down the\n * middle — the convention every OS-following theme picker uses, and the only\n * honest depiction of an option whose result depends on the device.\n /\nconst ThemePreview: React.FC<{ option: UserTheme; light: PreviewPalette; dark: PreviewPalette }> = ({ option, light, dark }) => {\n if (option === UserTheme.AUTO) {\n return (\n <div aria-hidden=\"true\" className=\"flex h-16 w-full overflow-hidden rounded-md border\">\n <div className=\"w-1/2 overflow-hidden\">\n {/ Fixed at twice the half-width so each side renders a WHOLE miniature\n clipped down the middle, rather than two squashed ones. /}\n <div className=\"h-full w-[200%]\"><ThemePreviewPane palette={light} /></div>\n </div>\n <div className=\"w-1/2 overflow-hidden\">\n <div className=\"ms-[-100%] h-full w-[200%]\"><ThemePreviewPane palette={dark} /></div>\n </div>\n </div>\n );\n }\n\n return (\n <div aria-hidden=\"true\" className=\"h-16 w-full overflow-hidden rounded-md border\">\n <ThemePreviewPane palette={option === UserTheme.DARK ? dark : light} />\n </div>\n );\n};\n\nexport const AppPage_AppearanceSettings: React.FC = () => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS });\n const { designSystemConfiguration } = useUI();\n const { themePreference, selectTheme } = useThemePreferenceControl();\n\n const t = useCallback(\n (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS, key),\n [tComponent],\n );\n\n const lightPalette = useMemo(\n () => resolveModePalette(designSystemConfiguration?.tokens, designSystemConfiguration?.customTokens, DesignTokenRenderMode.LIGHT),\n [designSystemConfiguration],\n );\n const darkPalette = useMemo(\n () => resolveModePalette(designSystemConfiguration?.tokens, designSystemConfiguration?.customTokens, DesignTokenRenderMode.DARK),\n [designSystemConfiguration],\n );\n\n // Gate on label readiness so the panel never flashes raw key paths — the same\n // convention as `AppPage_SecuritySettings`. Copy is owned by the labelling\n // pipeline, so there are deliberately no inline fallback strings here.\n if (!isReady) return null;\n\n return (\n <div className=\"flex flex-col gap-section\">\n {/ `h3`, not `h2`: the hub's own header owns the `h2` for this dialog, so a\n panel heading is one level below it. /}\n <div className=\"flex flex-col gap-item-xs\">\n <h3 className=\"text-base font-semibold tracking-tight\">{t('pageTitle')}</h3>\n <Text className=\"text-sm text-muted-foreground\">{t('pageDescription')}</Text>\n </div>\n\n {/ No inner card header: it used to repeat the panel heading and its\n description almost verbatim (\"Appearance Settings / Customize your app's\n look and feel\" above \"Theme Selection / Choose light, dark, or system\n theme\"), which was four lines of chrome introducing three tiles. The\n group keeps its accessible name through `aria-label`. */}\n <Card>\n <CardContent className=\"p-card\">\n <RadioGroupRoot\n value={themePreference}\n onValueChange={(value) => selectTheme(value as UserTheme)}\n aria-label={t('themeHeading')}\n className=\"grid-cols-1 gap-item sm:grid-cols-3\"\n >\n {THEME_OPTIONS.map((option) => {\n const optionId = `appearance-theme-${option}`;\n const isSelected = themePreference === option;\n return (\n <Label\n key={option}\n htmlFor={optionId}\n className={cn(\n 'flex cursor-pointer flex-col gap-element rounded-lg border p-card-sm font-normal transition-colors',\n // The whole tile is the target, and selection is carried by\n // the tile itself as well as by the radio — a 12px dot is not\n // enough signal next to a picture.\n isSelected ? 'border-primary ring-1 ring-primary' : 'hover:border-primary/40',\n )}\n >\n <ThemePreview option={option} light={lightPalette} dark={darkPalette} />\n <div className=\"flex items-center gap-element-xs\">\n <RadioGroupItem id={optionId} value={option} />\n <span className=\"text-sm font-medium\">{t(THEME_OPTION_LABEL_KEYS[option])}</span>\n </div>\n </Label>\n );\n })}\n </RadioGroupRoot>\n </CardContent>\n </Card>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"AppPage_AppearanceSettings.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_AppearanceSettings.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,GAEpB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yDAAyD,CAAC;AACzG,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAElG,uCAAuC;AACvC,MAAM,aAAa,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAU,CAAC;AAEjF,kEAAkE;AAClE,MAAM,uBAAuB,GAA8B;IACzD,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,YAAY;IAC/B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,WAAW;IAC7B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa;CAChC,CAAC;AAEF,uFAAuF;AACvF,MAAM,cAAc,GAAG;IACrB,iBAAiB,CAAC,UAAU;IAC5B,iBAAiB,CAAC,UAAU;IAC5B,iBAAiB,CAAC,KAAK;IACvB,iBAAiB,CAAC,gBAAgB;IAClC,iBAAiB,CAAC,OAAO;IACzB,iBAAiB,CAAC,MAAM;CAChB,CAAC;AAIX;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAS,kBAAkB,CACzB,MAAgF,EAChF,YAA2E,EAC3E,IAA2B;IAE3B,MAAM,OAAO,GAAG,CAAC,KAAsC,EAAU,EAAE;QACjE,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QAC/D,OAAO,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,CAAC;IACtF,CAAC,CAAC;IAEF,OAAO,cAAc,CAAC,MAAM,CAC1B,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAC7D,EAAoB,CACrB,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,gBAAgB,GAA8D,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC9G,eACE,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,EAChE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,aAGjE,eACE,SAAS,EAAC,8DAA8D,EACxE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAE5D,cAAK,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAI,EAC/G,cAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAI,EACrI,cAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAI,IACjI,EAGN,eACE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,aAE5G,cAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,GAAI,EACjH,cAAK,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAI,EACvI,cAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAI,EACtI,cAAK,SAAS,EAAC,qCAAqC,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAI,IACnH,IACF,CACP,CAAC;AAEF;;;;GAIG;AACH,MAAM,YAAY,GAAiF,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7H,IAAI,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QAC9B,OAAO,CACL,8BAAiB,MAAM,EAAC,SAAS,EAAC,oDAAoD,aACpF,cAAK,SAAS,EAAC,uBAAuB,YAGpC,cAAK,SAAS,EAAC,iBAAiB,YAAC,KAAC,gBAAgB,IAAC,OAAO,EAAE,KAAK,GAAI,GAAM,GACvE,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,4BAA4B,YAAC,KAAC,gBAAgB,IAAC,OAAO,EAAE,IAAI,GAAI,GAAM,GACjF,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAiB,MAAM,EAAC,SAAS,EAAC,+CAA+C,YAC/E,KAAC,gBAAgB,IAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAI,GACnE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAa,GAAG,EAAE;IACvD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,+BAA+B,EAAE,CAAC,CAAC;IAC9G,MAAM,EAAE,yBAAyB,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9C,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAErE,MAAM,CAAC,GAAG,WAAW,CACnB,CAAC,GAAW,EAAE,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,+BAA+B,EAAE,GAAG,CAAC,EACvF,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,kBAAkB,CAAC,yBAAyB,EAAE,MAAM,EAAE,yBAAyB,EAAE,YAAY,EAAE,qBAAqB,CAAC,KAAK,CAAC,EACjI,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IACF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,kBAAkB,CAAC,yBAAyB,EAAE,MAAM,EAAE,yBAAyB,EAAE,YAAY,EAAE,qBAAqB,CAAC,IAAI,CAAC,EAChI,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,8EAA8E;IAC9E,2EAA2E;IAC3E,uEAAuE;IACvE,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aAGxC,eAAK,SAAS,EAAC,2BAA2B,aACxC,aAAI,SAAS,EAAC,wCAAwC,YAAE,CAAC,CAAC,WAAW,CAAC,GAAM,EAC5E,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAQ,IACzE,EAON,KAAC,IAAI,cACH,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,YAC7B,KAAC,cAAc,IACb,KAAK,EAAE,eAAe,EACtB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAkB,CAAC,gBAC7C,CAAC,CAAC,cAAc,CAAC,EAC7B,SAAS,EAAC,qCAAqC,YAE9C,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BAC5B,MAAM,QAAQ,GAAG,oBAAoB,MAAM,EAAE,CAAC;4BAC9C,MAAM,UAAU,GAAG,eAAe,KAAK,MAAM,CAAC;4BAC9C,OAAO,CACL,MAAC,KAAK,IAEJ,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,oGAAoG;gCACpG,4DAA4D;gCAC5D,8DAA8D;gCAC9D,mCAAmC;gCACnC,UAAU,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,yBAAyB,CAC9E,aAED,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,GAAI,EACxE,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,cAAc,IAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAI,EAC/C,eAAM,SAAS,EAAC,qBAAqB,YAAE,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,GAAQ,IAC7E,KAdD,MAAM,CAeL,CACT,CAAC;wBACJ,CAAC,CAAC,GACa,GACL,GACT,IACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*\n AppPage_AppearanceSettings — the Settings Hub \"Appearance\" panel.\n \n A bespoke `ENGINE_PANEL` (not a resource surface) that surfaces the app's\n * theme system: a Light / Dark / System selector. It reads the chosen preference\n * from `useThemePreferenceControl().themePreference` and commits changes through\n * that hook's `selectTheme`, which both applies the theme locally AND durably\n * records it on the user's preferences — see `useThemePreferenceControl` for why\n * the local half alone was actively harmful.\n \n ## Each option shows the theme, it does not describe it\n \n Theme is the one setting whose control can render its own result, and every\n * mature product does exactly that (VS Code, GitHub, Notion, Linear). The\n * previous version was three text radios with descriptions that restated their\n * own labels — \"Light / Always use the light theme.\" — so the reader learned\n * nothing a preview shows instantly, and had to commit to a look sight-unseen.\n \n The tiles are painted from the app's OWN design tokens resolved per mode (see\n * `resolveModePalette`), not from hardcoded greys, so an app that retunes its\n * palette retunes its previews. `System` shows both halves because that is\n * literally what it means.\n \n i18n follows the framework convention (same shape as `AppPage_SecuritySettings`):\n * `useI18n({ component })` requests this component's label namespace, the panel\n * gates rendering on `isReady` so it never flashes raw key paths, and a thin\n * `t(key)` reads each label. Label copy is owned entirely by the labelling\n * pipeline (declared in the sibling `.labels.ts`) — the component carries NO\n * hardcoded fallback strings.\n \n The selector reuses the framework radio control (`RadioGroupRoot` /\n * `RadioGroupItem`) + typography `Label` rather than a hand-rolled\n * `role=\"radio\"` group, so `radiogroup`/`radio` roles, roving focus,\n * `aria-checked`, and the selection indicator all come from the primitives.\n /\nimport React, { useCallback, useMemo } from 'react';\nimport {\n DesignSystemToken,\n DesignTokenRenderMode,\n FrontendComponentType,\n getDesignTokenValue,\n type DesignTokenConfiguration,\n} from '@wildo-ai/presets-components-models';\nimport { UserTheme } from '@wildo-ai/saas-models';\nimport { Card, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Label } from '~wildo-frontend-lib/components/typography/label';\nimport { RadioGroupRoot, RadioGroupItem } from '~wildo-frontend-lib/components/form/controls/enum/radio';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useThemePreferenceControl } from '~wildo-frontend-lib/core/ui/useThemePreferenceControl';\n\n/* Theme options, in display order. /\nconst THEME_OPTIONS = [UserTheme.LIGHT, UserTheme.DARK, UserTheme.AUTO] as const;\n\n/* Label keys (resolved via `t`) for each theme option's name. /\nconst THEME_OPTION_LABEL_KEYS: Record<UserTheme, string> = {\n [UserTheme.LIGHT]: 'themeLight',\n [UserTheme.DARK]: 'themeDark',\n [UserTheme.AUTO]: 'themeSystem',\n};\n\n/* The tokens a preview tile paints with — the smallest set that reads as \"an app\". /\nconst PREVIEW_TOKENS = [\n DesignSystemToken.BACKGROUND,\n DesignSystemToken.FOREGROUND,\n DesignSystemToken.MUTED,\n DesignSystemToken.MUTED_FOREGROUND,\n DesignSystemToken.PRIMARY,\n DesignSystemToken.BORDER,\n] as const;\n\ntype PreviewPalette = Record<(typeof PREVIEW_TOKENS)[number], string>;\n\n/\n Resolve the preview palette for ONE mode, independently of the mode the app is\n * currently in.\n \n This cannot be done with CSS alone, and the asymmetry is worth knowing before\n * anyone \"simplifies\" it. The dark palette is a plain `.dark { … }` class, so a\n * subtree can opt into it — but the LIGHT palette lives on `:root`, which only\n * ever matches `<html>`. Inside a dark app every descendant inherits the dark\n * values and there is no selector that restores the light ones. So a light\n * preview shown while the app is dark has to be given explicit values, which is\n * what the design-token configuration carries (`lightValue` / `darkValue` on\n * every `LIGHT_DARK` token).\n \n Falls back to `var(--token)` for any token the app did not configure. That\n * resolves correctly for the CURRENT mode and approximates the other — a\n * degraded preview rather than a broken one, and only reachable in an app that\n * declares no colour tokens at all.\n /\nfunction resolveModePalette(\n tokens: Partial<Record<DesignSystemToken, DesignTokenConfiguration>> \| undefined,\n customTokens: Partial<Record<string, DesignTokenConfiguration>> \| undefined,\n mode: DesignTokenRenderMode,\n): PreviewPalette {\n const resolve = (token: (typeof PREVIEW_TOKENS)[number]): string => {\n const configuration = tokens?.[token] ?? customTokens?.[token];\n return configuration ? getDesignTokenValue(configuration, mode) : `var(--${token})`;\n };\n\n return PREVIEW_TOKENS.reduce<PreviewPalette>(\n (palette, token) => ({ ...palette, [token]: resolve(token) }),\n {} as PreviewPalette,\n );\n}\n\n/\n A miniature of the running app in one mode: page ground, a sidebar rail with\n * two nav lines, a content card with a heading line, a body line, and the accent.\n * Colours come in as explicit values so one tile can render light while the app\n * around it is dark.\n /\nconst ThemePreviewPane: React.FC<{ palette: PreviewPalette; className?: string }> = ({ palette, className }) => (\n <div\n className={cn('flex h-full w-full gap-[3px] p-[5px]', className)}\n style={{ backgroundColor: palette[DesignSystemToken.BACKGROUND] }}\n >\n {/ Sidebar rail /}\n <div\n className=\"flex w-1/4 shrink-0 flex-col gap-[3px] rounded-[3px] p-[3px]\"\n style={{ backgroundColor: palette[DesignSystemToken.MUTED] }}\n >\n <div className=\"h-[3px] w-full rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.PRIMARY] }} />\n <div className=\"h-[3px] w-3/4 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.5 }} />\n <div className=\"h-[3px] w-2/3 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.5 }} />\n </div>\n\n {/ Content card /}\n <div\n className=\"flex flex-1 flex-col gap-[4px] rounded-[3px] border p-[4px]\"\n style={{ backgroundColor: palette[DesignSystemToken.MUTED], borderColor: palette[DesignSystemToken.BORDER] }}\n >\n <div className=\"h-[4px] w-2/3 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.FOREGROUND] }} />\n <div className=\"h-[3px] w-full rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.55 }} />\n <div className=\"h-[3px] w-4/5 rounded-full\" style={{ backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.55 }} />\n <div className=\"mt-auto h-[6px] w-2/5 rounded-[2px]\" style={{ backgroundColor: palette[DesignSystemToken.PRIMARY] }} />\n </div>\n </div>\n);\n\n/\n The preview for one option. `AUTO` is rendered as both palettes split down the\n * middle — the convention every OS-following theme picker uses, and the only\n * honest depiction of an option whose result depends on the device.\n /\nconst ThemePreview: React.FC<{ option: UserTheme; light: PreviewPalette; dark: PreviewPalette }> = ({ option, light, dark }) => {\n if (option === UserTheme.AUTO) {\n return (\n <div aria-hidden=\"true\" className=\"flex h-16 w-full overflow-hidden rounded-md border\">\n <div className=\"w-1/2 overflow-hidden\">\n {/ Fixed at twice the half-width so each side renders a WHOLE miniature\n clipped down the middle, rather than two squashed ones. /}\n <div className=\"h-full w-[200%]\"><ThemePreviewPane palette={light} /></div>\n </div>\n <div className=\"w-1/2 overflow-hidden\">\n <div className=\"ms-[-100%] h-full w-[200%]\"><ThemePreviewPane palette={dark} /></div>\n </div>\n </div>\n );\n }\n\n return (\n <div aria-hidden=\"true\" className=\"h-16 w-full overflow-hidden rounded-md border\">\n <ThemePreviewPane palette={option === UserTheme.DARK ? dark : light} />\n </div>\n );\n};\n\nexport const AppPage_AppearanceSettings: React.FC = () => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS });\n const { designSystemConfiguration } = useUI();\n const { themePreference, selectTheme } = useThemePreferenceControl();\n\n const t = useCallback(\n (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS, key),\n [tComponent],\n );\n\n const lightPalette = useMemo(\n () => resolveModePalette(designSystemConfiguration?.tokens, designSystemConfiguration?.customTokens, DesignTokenRenderMode.LIGHT),\n [designSystemConfiguration],\n );\n const darkPalette = useMemo(\n () => resolveModePalette(designSystemConfiguration?.tokens, designSystemConfiguration?.customTokens, DesignTokenRenderMode.DARK),\n [designSystemConfiguration],\n );\n\n // Gate on label readiness so the panel never flashes raw key paths — the same\n // convention as `AppPage_SecuritySettings`. Copy is owned by the labelling\n // pipeline, so there are deliberately no inline fallback strings here.\n if (!isReady) return null;\n\n return (\n <div className=\"flex flex-col gap-section\">\n {/ `h3`, not `h2`: the hub's own header owns the `h2` for this dialog, so a\n panel heading is one level below it. /}\n <div className=\"flex flex-col gap-item-xs\">\n <h3 className=\"text-base font-semibold tracking-tight\">{t('pageTitle')}</h3>\n <Text className=\"text-sm text-muted-foreground\">{t('pageDescription')}</Text>\n </div>\n\n {/ No inner card header: it used to repeat the panel heading and its\n description almost verbatim (\"Appearance Settings / Customize your app's\n look and feel\" above \"Theme Selection / Choose light, dark, or system\n theme\"), which was four lines of chrome introducing three tiles. The\n group keeps its accessible name through `aria-label`. */}\n <Card>\n <CardContent className=\"p-card\">\n <RadioGroupRoot\n value={themePreference}\n onValueChange={(value) => selectTheme(value as UserTheme)}\n aria-label={t('themeHeading')}\n className=\"grid-cols-1 gap-item sm:grid-cols-3\"\n >\n {THEME_OPTIONS.map((option) => {\n const optionId = `appearance-theme-${option}`;\n const isSelected = themePreference === option;\n return (\n <Label\n key={option}\n htmlFor={optionId}\n className={cn(\n 'flex cursor-pointer flex-col gap-element rounded-lg border p-card-sm font-normal transition-colors',\n // The whole tile is the target, and selection is carried by\n // the tile itself as well as by the radio — a 12px dot is not\n // enough signal next to a picture.\n isSelected ? 'border-primary ring-1 ring-primary' : 'hover:border-primary/40',\n )}\n >\n <ThemePreview option={option} light={lightPalette} dark={darkPalette} />\n <div className=\"flex items-center gap-element-xs\">\n <RadioGroupItem id={optionId} value={option} />\n <span className=\"text-sm font-medium\">{t(THEME_OPTION_LABEL_KEYS[option])}</span>\n </div>\n </Label>\n );\n })}\n </RadioGroupRoot>\n </CardContent>\n </Card>\n </div>\n );\n};\n"]}

package/dist/esm/components/settings/AppPage_AppearanceSettings.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppPage_AppearanceSettings.labels.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/settings/AppPage_AppearanceSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAa7C,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAUnE,CAAC"}
1	+ {"version":3,"file":"AppPage_AppearanceSettings.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_AppearanceSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAa7C,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAUnE,CAAC"}