npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.0.1 → 1.1.1 - Mend

@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.1

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

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

@@ -0,0 +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\nfunction 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 : {};\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"]}

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

@@ -1,12 +1,15 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+import type { TextTruncationStrategy } from '@wildo-ai/presets-components-models';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
 export type TableProps = React.ComponentProps<"table">;
 export type TableHeaderProps = React.ComponentProps<"thead">;
 export type TableBodyProps = React.ComponentProps<"tbody">;
 export type TableFooterProps = React.ComponentProps<"tfoot">;
 export type TableRowProps = React.ComponentProps<"tr">;
 export type TableHeadProps = React.ComponentProps<"th">;
-export type TableCellProps = React.ComponentProps<"td">;
+export type TableCellProps = React.ComponentProps<"td"> & {
+    truncate?: boolean | TextTruncationStrategy;
+};
 export type TableCaptionProps = React.ComponentProps<"caption">;
 export interface TableCompound {
     (props: TableProps): React.JSX.Element;

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;~~AAGzB~~,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,CAAA;~~AACvD~~,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"}
1	+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/table.tsx"],"names":[],"mappings":"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"}

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

@@ -36,4 +36,4 @@ export function TableCaption({ preset = CorePresetNames.DEFAULT, ...props }) {
     const C = resolve(preset);
     return _jsx(C.Caption, { ...props });
 }
-//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

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;~~AAC5F~~,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;~~AAyBjI~~,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"}
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,6 +1,6 @@
 import React from 'react';
 import { DisplayDirection } from '@wildo-ai/zod-decorators';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
 export declare enum TabsActivationMode {
     AUTOMATIC = "automatic",
     MANUAL = "manual"

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,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"}

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

@@ -26,4 +26,4 @@ export function TabsContent({ preset = CorePresetNames.DEFAULT, ...props }) {
     const C = resolve(preset);
     return _jsx(C.Content, { ...props });
 }
-//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

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"}
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"]}

package/dist/esm/components/settings/AppPage_AppearanceSettings.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+/**
+ * AppPage_AppearanceSettings — the Settings Hub "Appearance" panel.
+ *
+ * A bespoke `ENGINE_PANEL` (not a resource surface) that surfaces the app's
+ * theme system: a Light / Dark / System selector. It reads the chosen preference
+ * from `useThemePreferenceControl().themePreference` and commits changes through
+ * that hook's `selectTheme`, which both applies the theme locally AND durably
+ * records it on the user's preferences — see `useThemePreferenceControl` for why
+ * the local half alone was actively harmful.
+ *
+ * ## Each option shows the theme, it does not describe it
+ *
+ * Theme is the one setting whose control can render its own result, and every
+ * mature product does exactly that (VS Code, GitHub, Notion, Linear). The
+ * previous version was three text radios with descriptions that restated their
+ * own labels — "Light / Always use the light theme." — so the reader learned
+ * nothing a preview shows instantly, and had to commit to a look sight-unseen.
+ *
+ * The tiles are painted from the app's OWN design tokens resolved per mode (see
+ * `resolveModePalette`), not from hardcoded greys, so an app that retunes its
+ * palette retunes its previews. `System` shows both halves because that is
+ * literally what it means.
+ *
+ * i18n follows the framework convention (same shape as `AppPage_SecuritySettings`):
+ * `useI18n({ component })` requests this component's label namespace, the panel
+ * gates rendering on `isReady` so it never flashes raw key paths, and a thin
+ * `t(key)` reads each label. Label copy is owned entirely by the labelling
+ * pipeline (declared in the sibling `.labels.ts`) — the component carries NO
+ * hardcoded fallback strings.
+ *
+ * The selector reuses the framework radio control (`RadioGroupRoot` /
+ * `RadioGroupItem`) + typography `Label` rather than a hand-rolled
+ * `role="radio"` group, so `radiogroup`/`radio` roles, roving focus,
+ * `aria-checked`, and the selection indicator all come from the primitives.
+ */
+import React from 'react';
+export declare const AppPage_AppearanceSettings: React.FC;
+//# sourceMappingURL=AppPage_AppearanceSettings.d.ts.map

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

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

package/dist/esm/components/settings/AppPage_AppearanceSettings.js ADDED Viewed

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AppPage_AppearanceSettings — the Settings Hub "Appearance" panel.
+ *
+ * A bespoke `ENGINE_PANEL` (not a resource surface) that surfaces the app's
+ * theme system: a Light / Dark / System selector. It reads the chosen preference
+ * from `useThemePreferenceControl().themePreference` and commits changes through
+ * that hook's `selectTheme`, which both applies the theme locally AND durably
+ * records it on the user's preferences — see `useThemePreferenceControl` for why
+ * the local half alone was actively harmful.
+ *
+ * ## Each option shows the theme, it does not describe it
+ *
+ * Theme is the one setting whose control can render its own result, and every
+ * mature product does exactly that (VS Code, GitHub, Notion, Linear). The
+ * previous version was three text radios with descriptions that restated their
+ * own labels — "Light / Always use the light theme." — so the reader learned
+ * nothing a preview shows instantly, and had to commit to a look sight-unseen.
+ *
+ * The tiles are painted from the app's OWN design tokens resolved per mode (see
+ * `resolveModePalette`), not from hardcoded greys, so an app that retunes its
+ * palette retunes its previews. `System` shows both halves because that is
+ * literally what it means.
+ *
+ * i18n follows the framework convention (same shape as `AppPage_SecuritySettings`):
+ * `useI18n({ component })` requests this component's label namespace, the panel
+ * gates rendering on `isReady` so it never flashes raw key paths, and a thin
+ * `t(key)` reads each label. Label copy is owned entirely by the labelling
+ * pipeline (declared in the sibling `.labels.ts`) — the component carries NO
+ * hardcoded fallback strings.
+ *
+ * The selector reuses the framework radio control (`RadioGroupRoot` /
+ * `RadioGroupItem`) + typography `Label` rather than a hand-rolled
+ * `role="radio"` group, so `radiogroup`/`radio` roles, roving focus,
+ * `aria-checked`, and the selection indicator all come from the primitives.
+ */
+import { useCallback, useMemo } from 'react';
+import { DesignSystemToken, DesignTokenRenderMode, FrontendComponentType, getDesignTokenValue, } from '@wildo-ai/presets-components-models';
+import { UserTheme } from '@wildo-ai/saas-models';
+import { Card, CardContent } from '../../components/sections/card.js';
+import { Text } from '../../components/typography/text.js';
+import { Label } from '../../components/typography/label.js';
+import { RadioGroupRoot, RadioGroupItem } from '../../components/form/controls/enum/radio.js';
+import { cn } from '../../core/ui/cn.js';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { useUI } from '../../core/ui/useUI.js';
+import { useThemePreferenceControl } from '../../core/ui/useThemePreferenceControl.js';
+/** Theme options, in display order. */
+const THEME_OPTIONS = [UserTheme.LIGHT, UserTheme.DARK, UserTheme.AUTO];
+/** Label keys (resolved via `t`) for each theme option's name. */
+const THEME_OPTION_LABEL_KEYS = {
+    [UserTheme.LIGHT]: 'themeLight',
+    [UserTheme.DARK]: 'themeDark',
+    [UserTheme.AUTO]: 'themeSystem',
+};
+/** The tokens a preview tile paints with — the smallest set that reads as "an app". */
+const PREVIEW_TOKENS = [
+    DesignSystemToken.BACKGROUND,
+    DesignSystemToken.FOREGROUND,
+    DesignSystemToken.MUTED,
+    DesignSystemToken.MUTED_FOREGROUND,
+    DesignSystemToken.PRIMARY,
+    DesignSystemToken.BORDER,
+];
+/**
+ * Resolve the preview palette for ONE mode, independently of the mode the app is
+ * currently in.
+ *
+ * This cannot be done with CSS alone, and the asymmetry is worth knowing before
+ * anyone "simplifies" it. The dark palette is a plain `.dark { … }` class, so a
+ * subtree can opt into it — but the LIGHT palette lives on `:root`, which only
+ * ever matches `<html>`. Inside a dark app every descendant inherits the dark
+ * values and there is no selector that restores the light ones. So a light
+ * preview shown while the app is dark has to be given explicit values, which is
+ * what the design-token configuration carries (`lightValue` / `darkValue` on
+ * every `LIGHT_DARK` token).
+ *
+ * Falls back to `var(--token)` for any token the app did not configure. That
+ * resolves correctly for the CURRENT mode and approximates the other — a
+ * degraded preview rather than a broken one, and only reachable in an app that
+ * declares no colour tokens at all.
+ */
+function resolveModePalette(tokens, customTokens, mode) {
+    const resolve = (token) => {
+        const configuration = tokens?.[token] ?? customTokens?.[token];
+        return configuration ? getDesignTokenValue(configuration, mode) : `var(--${token})`;
+    };
+    return PREVIEW_TOKENS.reduce((palette, token) => ({ ...palette, [token]: resolve(token) }), {});
+}
+/**
+ * A miniature of the running app in one mode: page ground, a sidebar rail with
+ * two nav lines, a content card with a heading line, a body line, and the accent.
+ * Colours come in as explicit values so one tile can render light while the app
+ * around it is dark.
+ */
+const ThemePreviewPane = ({ palette, className }) => (_jsxs("div", { className: cn('flex h-full w-full gap-[3px] p-[5px]', className), style: { backgroundColor: palette[DesignSystemToken.BACKGROUND] }, children: [_jsxs("div", { className: "flex w-1/4 shrink-0 flex-col gap-[3px] rounded-[3px] p-[3px]", style: { backgroundColor: palette[DesignSystemToken.MUTED] }, children: [_jsx("div", { className: "h-[3px] w-full rounded-full", style: { backgroundColor: palette[DesignSystemToken.PRIMARY] } }), _jsx("div", { className: "h-[3px] w-3/4 rounded-full", style: { backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.5 } }), _jsx("div", { className: "h-[3px] w-2/3 rounded-full", style: { backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.5 } })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-[4px] rounded-[3px] border p-[4px]", style: { backgroundColor: palette[DesignSystemToken.MUTED], borderColor: palette[DesignSystemToken.BORDER] }, children: [_jsx("div", { className: "h-[4px] w-2/3 rounded-full", style: { backgroundColor: palette[DesignSystemToken.FOREGROUND] } }), _jsx("div", { className: "h-[3px] w-full rounded-full", style: { backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.55 } }), _jsx("div", { className: "h-[3px] w-4/5 rounded-full", style: { backgroundColor: palette[DesignSystemToken.MUTED_FOREGROUND], opacity: 0.55 } }), _jsx("div", { className: "mt-auto h-[6px] w-2/5 rounded-[2px]", style: { backgroundColor: palette[DesignSystemToken.PRIMARY] } })] })] }));
+/**
+ * The preview for one option. `AUTO` is rendered as both palettes split down the
+ * middle — the convention every OS-following theme picker uses, and the only
+ * honest depiction of an option whose result depends on the device.
+ */
+const ThemePreview = ({ option, light, dark }) => {
+    if (option === UserTheme.AUTO) {
+        return (_jsxs("div", { "aria-hidden": "true", className: "flex h-16 w-full overflow-hidden rounded-md border", children: [_jsx("div", { className: "w-1/2 overflow-hidden", children: _jsx("div", { className: "h-full w-[200%]", children: _jsx(ThemePreviewPane, { palette: light }) }) }), _jsx("div", { className: "w-1/2 overflow-hidden", children: _jsx("div", { className: "ms-[-100%] h-full w-[200%]", children: _jsx(ThemePreviewPane, { palette: dark }) }) })] }));
+    }
+    return (_jsx("div", { "aria-hidden": "true", className: "h-16 w-full overflow-hidden rounded-md border", children: _jsx(ThemePreviewPane, { palette: option === UserTheme.DARK ? dark : light }) }));
+};
+export const AppPage_AppearanceSettings = () => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS });
+    const { designSystemConfiguration } = useUI();
+    const { themePreference, selectTheme } = useThemePreferenceControl();
+    const t = useCallback((key) => tComponent(FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS, key), [tComponent]);
+    const lightPalette = useMemo(() => resolveModePalette(designSystemConfiguration?.tokens, designSystemConfiguration?.customTokens, DesignTokenRenderMode.LIGHT), [designSystemConfiguration]);
+    const darkPalette = useMemo(() => resolveModePalette(designSystemConfiguration?.tokens, designSystemConfiguration?.customTokens, DesignTokenRenderMode.DARK), [designSystemConfiguration]);
+    // Gate on label readiness so the panel never flashes raw key paths — the same
+    // convention as `AppPage_SecuritySettings`. Copy is owned by the labelling
+    // pipeline, so there are deliberately no inline fallback strings here.
+    if (!isReady)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-section", children: [_jsxs("div", { className: "flex flex-col gap-item-xs", children: [_jsx("h3", { className: "text-base font-semibold tracking-tight", children: t('pageTitle') }), _jsx(Text, { className: "text-sm text-muted-foreground", children: t('pageDescription') })] }), _jsx(Card, { children: _jsx(CardContent, { className: "p-card", children: _jsx(RadioGroupRoot, { value: themePreference, onValueChange: (value) => selectTheme(value), "aria-label": t('themeHeading'), className: "grid-cols-1 gap-item sm:grid-cols-3", children: THEME_OPTIONS.map((option) => {
+                            const optionId = `appearance-theme-${option}`;
+                            const isSelected = themePreference === option;
+                            return (_jsxs(Label, { htmlFor: optionId, className: cn('flex cursor-pointer flex-col gap-element rounded-lg border p-card-sm font-normal transition-colors',
+                                // The whole tile is the target, and selection is carried by
+                                // the tile itself as well as by the radio — a 12px dot is not
+                                // enough signal next to a picture.
+                                isSelected ? 'border-primary ring-1 ring-primary' : 'hover:border-primary/40'), children: [_jsx(ThemePreview, { option: option, light: lightPalette, dark: darkPalette }), _jsxs("div", { className: "flex items-center gap-element-xs", children: [_jsx(RadioGroupItem, { id: optionId, value: option }), _jsx("span", { className: "text-sm font-medium", children: t(THEME_OPTION_LABEL_KEYS[option]) })] })] }, option));
+                        }) }) }) })] }));
+};
+//# sourceMappingURL=AppPage_AppearanceSettings.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const AppLayoutsAppearanceSettingsLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=AppPage_AppearanceSettings.labels.d.ts.map

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

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

package/dist/esm/components/settings/AppPage_AppearanceSettings.labels.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for the Appearance settings panel: keys + kind
+// + per-key purpose. Statically scanned by the dev companion to generate the
+// `components.APP_LAYOUTS_APPEARANCE_SETTINGS.*` bundle; NOT imported at runtime,
+// so it never ships in the browser bundle. Keep in lock-step with the keys the
+// component reads via `tComponent(APP_LAYOUTS_APPEARANCE_SETTINGS, ...)`.
+//
+// The per-option DESCRIPTIONS were removed rather than reworded. They read
+// "Always use the light theme." under a label reading "Light" — a restatement
+// with no information in it, occupying the place where information belongs.
+// Each option now renders a preview of the theme it selects, which is the thing
+// a description could only ever approximate.
+export const AppLayoutsAppearanceSettingsLabels = [
+    { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Appearance panel — the plain area name only ("Appearance"); the enclosing dialog already says "Settings", so repeating it here says the word three times on one screen' },
+    { ref: 'pageDescription', kind: LabelKind.DESCRIPTION, purpose: 'Sub-heading explaining the Appearance panel customizes the local look-and-feel' },
+    // Rendered only as the radio group's accessible name (`aria-label`), never as
+    // visible text: the panel heading above it already titles the section, and a
+    // second visible heading repeated it.
+    { ref: 'themeHeading', kind: LabelKind.LABEL, purpose: 'Accessible name for the theme selector radio group, announced by screen readers in place of a visible section heading' },
+    { ref: 'themeLight', kind: LabelKind.LABEL, purpose: 'Name of the option that always uses the light theme; sits under a rendered preview of that theme, so it must be the bare name and nothing more' },
+    { ref: 'themeDark', kind: LabelKind.LABEL, purpose: 'Name of the option that always uses the dark theme; sits under a rendered preview of that theme, so it must be the bare name and nothing more' },
+    { ref: 'themeSystem', kind: LabelKind.LABEL, purpose: 'Name of the option that follows the operating-system color scheme; sits under a split light/dark preview, so it must be the bare name and nothing more' },
+];
+registerComponentLabels(FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS, AppLayoutsAppearanceSettingsLabels);
+//# sourceMappingURL=AppPage_AppearanceSettings.labels.js.map

package/dist/esm/components/settings/AppPage_AppearanceSettings.labels.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppPage_AppearanceSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_AppearanceSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,+EAA+E;AAC/E,6EAA6E;AAC7E,kFAAkF;AAClF,+EAA+E;AAC/E,0EAA0E;AAC1E,EAAE;AACF,2EAA2E;AAC3E,8EAA8E;AAC9E,4EAA4E;AAC5E,gFAAgF;AAChF,6CAA6C;AAC7C,MAAM,CAAC,MAAM,kCAAkC,GAA0B;IACvE,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,wLAAwL,EAAE;IAChP,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,gFAAgF,EAAE;IAClJ,8EAA8E;IAC9E,6EAA6E;IAC7E,sCAAsC;IACtC,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uHAAuH,EAAE;IAChL,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gJAAgJ,EAAE;IACvM,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,+IAA+I,EAAE;IACrM,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,wJAAwJ,EAAE;CACjN,CAAC;AAEF,uBAAuB,CAAC,qBAAqB,CAAC,+BAA+B,EAAE,kCAAkC,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Appearance settings panel: keys + kind\n// + per-key purpose. Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_APPEARANCE_SETTINGS.*` bundle; NOT imported at runtime,\n// so it never ships in the browser bundle. Keep in lock-step with the keys the\n// component reads via `tComponent(APP_LAYOUTS_APPEARANCE_SETTINGS, ...)`.\n//\n// The per-option DESCRIPTIONS were removed rather than reworded. They read\n// \"Always use the light theme.\" under a label reading \"Light\" — a restatement\n// with no information in it, occupying the place where information belongs.\n// Each option now renders a preview of the theme it selects, which is the thing\n// a description could only ever approximate.\nexport const AppLayoutsAppearanceSettingsLabels: LabellingUnitaryDef[] = [\n { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Appearance panel — the plain area name only (\"Appearance\"); the enclosing dialog already says \"Settings\", so repeating it here says the word three times on one screen' },\n { ref: 'pageDescription', kind: LabelKind.DESCRIPTION, purpose: 'Sub-heading explaining the Appearance panel customizes the local look-and-feel' },\n // Rendered only as the radio group's accessible name (`aria-label`), never as\n // visible text: the panel heading above it already titles the section, and a\n // second visible heading repeated it.\n { ref: 'themeHeading', kind: LabelKind.LABEL, purpose: 'Accessible name for the theme selector radio group, announced by screen readers in place of a visible section heading' },\n { ref: 'themeLight', kind: LabelKind.LABEL, purpose: 'Name of the option that always uses the light theme; sits under a rendered preview of that theme, so it must be the bare name and nothing more' },\n { ref: 'themeDark', kind: LabelKind.LABEL, purpose: 'Name of the option that always uses the dark theme; sits under a rendered preview of that theme, so it must be the bare name and nothing more' },\n { ref: 'themeSystem', kind: LabelKind.LABEL, purpose: 'Name of the option that follows the operating-system color scheme; sits under a split light/dark preview, so it must be the bare name and nothing more' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_APPEARANCE_SETTINGS, AppLayoutsAppearanceSettingsLabels);\n"]}

package/dist/esm/components/settings/AppPage_BillingSettings.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/**
+ * AppPage_BillingSettings — the Settings Hub "Billing" panel: THE billing home.
+ *
+ * A bespoke `ENGINE_PANEL` (not a resource surface) composing the shared billing
+ * widgets over the aggregated `BillingContext` state (`GET_STATE`): subscription
+ * status, provider portal link, plan catalog + checkout, metered usage / credit
+ * pools, and invoice history. Every widget self-hydrates from `useBillingSafe()`
+ * (plan-name i18n, provider display name, safe checkout/portal execution), so
+ * this panel is pure composition — it passes NO data props.
+ *
+ * Why bespoke rather than `RESOURCE_OPERATION` sub-tabs (the previous shape):
+ * the billing child resources (subscriptions, invoice refs, usage records) are
+ * routed UNDER the billing account (`REQUIRES_CONTEXT` on the
+ * `BillingAccounts → children` edges), so an org-scoped generic panel cannot
+ * build their URLs (`FRONTEND_RESOURCE_NO_ENDPOINT_AVAILABLE`). The aggregated
+ * billing state IS org-addressable and auto-creates the billing account, which
+ * makes it the correct settings-surface data source.
+ *
+ * i18n follows the framework convention (same shape as
+ * `AppPage_InvitationsSettings`): `useI18n({ component })` requests this
+ * component's label namespace, the panel gates rendering on `isReady` so it
+ * never flashes raw key paths, and a thin `t(key)` reads each label. Copy is
+ * owned by the labelling pipeline (sibling `.labels.ts`) — no hardcoded
+ * fallback strings here.
+ */
+import React from 'react';
+export declare const AppPage_BillingSettings: React.FC;
+//# sourceMappingURL=AppPage_BillingSettings.d.ts.map

package/dist/esm/components/settings/AppPage_BillingSettings.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppPage_BillingSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_BillingSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAY3C,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EA2F3C,CAAC"}