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

package/dist/esm/components/resources/skeleton/SummaryLayout.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, isValidElement } from 'react';
 import { cn } from '../../../core/ui/cn.js';
 import { FieldScopeProvider } from './FieldScopeContext.js';
 import { SummaryTitle } from './SummaryTitle.js';
@@ -42,6 +43,34 @@ const SUMMARY_FLOW_CLASSES = {
     [SummaryFlow.STACK]: 'flex flex-col gap-element text-sm',
     [SummaryFlow.ROW]: 'flex flex-wrap items-center gap-x-group gap-y-item text-sm',
 };
+/**
+ * Does this template place its OWN title?
+ *
+ * Walks the statically-composed children for a `<SummaryTitle>` element, at any depth — the
+ * documented inline-title shape nests it inside `<SummaryHeader>`, so a shallow check would miss
+ * exactly the arrangement `TEMPLATE_OWNED` exists for.
+ *
+ * RESIDUAL, stated rather than hidden: a title rendered by a nested COMPONENT of the author's own
+ * (rather than as JSX in the template) is invisible here, and that template would still double its
+ * title. Every summary template in the repository composes its children inline, so the population
+ * this cannot see is currently empty; a `React.Children` walk is the honest limit of what a parent
+ * can know before its children render.
+ */
+function templatePlacesItsOwnTitle(children) {
+    let found = false;
+    Children.forEach(children, (child) => {
+        if (found || !isValidElement(child))
+            return;
+        if (child.type === SummaryTitle) {
+            found = true;
+            return;
+        }
+        const nested = child.props?.children;
+        if (nested !== undefined && templatePlacesItsOwnTitle(nested))
+            found = true;
+    });
+    return found;
+}
 /**
  * Root wrapper for summary layout templates (cards, list items, FK references).
  *
@@ -96,6 +125,29 @@ const SUMMARY_FLOW_CLASSES = {
  * ```
  */
 export function SummaryLayout({ flow = SummaryFlow.STACK, className, titlePlacement = SummaryTitlePlacement.AUTO, children, }) {
-    return (_jsx(FieldScopeProvider, { pathPrefix: "", children: _jsxs("div", { className: cn(SUMMARY_FLOW_CLASSES[flow], className), children: [titlePlacement === SummaryTitlePlacement.AUTO && _jsx(SummaryTitle, {}), children] }) }));
+    /*
+     * AUTO means "the framework places the title". A template that places one ITSELF has already
+     * discharged that, whatever it declared — so placing a second is not a stricter reading of the
+     * contract, it is the contract contradicting itself on screen.
+     *
+     * Measured 2026-09-20 across every summary template in `engine/presets-components`, `platform/`
+     * and `examples/`: of 72 `<SummaryLayout>` blocks, **20 mount their own `<SummaryTitle>` while
+     * leaving `titlePlacement` at AUTO** — organizations, billing, identity, security, application and
+     * a Wonder app's pipeline stage. Every one of them rendered two titles. The audit trail's is the
+     * clearest to read, showing `eventType — <ISO timestamp>` and then `eventType` again on the line
+     * below; `pipeline-stage.ui-behavior.tsx` is the purest, mounting the LABEL form under AUTO so the
+     * same string printed twice verbatim.
+     *
+     * Twenty of seventy-two is not twenty authoring slips. It is a default that asks to be
+     * countermanded by a declaration nobody has a reason to remember, and the framework is the only
+     * party that can see both halves — so it is the one that should reconcile them.
+     *
+     * The author's title WINS, deliberately. `<SummaryTitle name="x" />` is a statement about what the
+     * title of this card IS; the framework's automatic one is a default standing in for the absence of
+     * such a statement. When both are present, only one of them was chosen.
+     */
+    const autoTitle = titlePlacement === SummaryTitlePlacement.AUTO
+        && !templatePlacesItsOwnTitle(children);
+    return (_jsx(FieldScopeProvider, { pathPrefix: "", children: _jsxs("div", { className: cn(SUMMARY_FLOW_CLASSES[flow], className), children: [autoTitle && _jsx(SummaryTitle, {}), children] }) }));
 }
 //# sourceMappingURL=SummaryLayout.js.map

package/dist/esm/components/resources/skeleton/SummaryLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAN,IAAY,qBAcX;AAdD,WAAY,qBAAqB;IAC/B;;;;OAIG;IACH,sCAAa,CAAA;IACb;;;;;OAKG;IACH,0DAAiC,CAAA;AACnC,CAAC,EAdW,qBAAqB,KAArB,qBAAqB,QAchC;AAED;;;;;GAKG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,kFAAkF;IAClF,8BAAe,CAAA;IACf,gGAAgG;IAChG,0BAAW,CAAA;AACb,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,2FAA2F;AAC3F,MAAM,oBAAoB,GAAgC;IACxD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,mCAAmC;IACxD,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,4DAA4D;CAChF,CAAC;AAgBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,GAAG,WAAW,CAAC,KAAK,EACxB,SAAS,EACT,cAAc,GAAG,qBAAqB,CAAC,IAAI,EAC3C,QAAQ,GACW;IACnB,OAAO,CACL,KAAC,kBAAkB,IAAC,UAAU,EAAC,EAAE,YAC/B,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aACtD,cAAc,KAAK,qBAAqB,CAAC,IAAI,IAAI,KAAC,YAAY,KAAG,EACjE,QAAQ,IACL,GACa,CACtB,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport { SummaryTitle } from './SummaryTitle';\n\n/**\n * Where the primary title (`<SummaryTitle />`) is placed within a summary\n * template. The placement decision lives HERE, in the template markup that\n * governs it — not in a parallel `layout.*` config field.\n */\nexport enum SummaryTitlePlacement {\n  /**\n   * Framework places the title automatically at the top of the template, above\n   * the authored children. The zero-boilerplate, title-above-body default —\n   * matches the classic list/card summary look.\n   */\n  AUTO = 'auto',\n  /**\n   * The author owns title placement: `SummaryLayout` renders only its children,\n   * and the author drops `<SummaryTitle />` wherever it belongs (e.g. inside a\n   * `<SummaryHeader>` beside a status badge). Required whenever the title must\n   * share a line with other content.\n   */\n  TEMPLATE_OWNED = 'template-owned',\n}\n\n/**\n * How a summary's own children are arranged.\n *\n * A behavior, not a style: the caller says which of the two summaries this is, and the classes each\n * resolves to stay here where a theme can reach them.\n */\nexport enum SummaryFlow {\n  /** Title above a short body — the ordinary card, list-row and popover summary. */\n  STACK = 'stack',\n  /** One wrapping line of values — for a summary that IS its meta row, with no title above it. */\n  ROW = 'row',\n}\n\n/** The geometry each flow resolves to. Tokens, not raw steps: `gap-element` IS `gap-2`. */\nconst SUMMARY_FLOW_CLASSES: Record<SummaryFlow, string> = {\n  [SummaryFlow.STACK]: 'flex flex-col gap-element text-sm',\n  [SummaryFlow.ROW]: 'flex flex-wrap items-center gap-x-group gap-y-item text-sm',\n};\n\nexport interface SummaryLayoutProps {\n  /** How the children are arranged. Defaults to {@link SummaryFlow.STACK}. */\n  flow?: SummaryFlow;\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * Title placement. Defaults to {@link SummaryTitlePlacement.AUTO} (title\n   * rendered at the top). Switch to `TEMPLATE_OWNED` to place `<SummaryTitle />`\n   * yourself within the flow.\n   */\n  titlePlacement?: SummaryTitlePlacement;\n  children?: ReactNode;\n}\n\n/**\n * Root wrapper for summary layout templates (cards, list items, FK references).\n *\n * Owns TITLE PLACEMENT for the template: under `AUTO` (default) it renders\n * `<SummaryTitle />` at the top, then the children body — so an author who just\n * wants \"title above a couple of fields\" writes nothing about the title. Under\n * `TEMPLATE_OWNED` it renders only the children, and the author composes\n * `<SummaryTitle />` into the flow (see {@link SummaryHeader}).\n *\n * The title resolves its text from `SummaryContext` (provided by\n * `ResourceSummaryDisplayer`); on body-only surfaces with no title (inline\n * FK-field references) `<SummaryTitle />` renders nothing, so `AUTO` shows no\n * empty title slot.\n *\n * ## It owns its own root chrome, and the FLOW is declared rather than drawn\n *\n * The geometry used to be passed in by every caller, and enumerating those callers is what settled\n * the shape of this prop. Across the engine's own resource presets there are exactly two summaries:\n *\n * - **39 stacked** — `className=\"flex flex-col gap-2 text-sm\"` (22) or a bare `text-sm` (4), plus\n *   the workbench's own; a title with a short body beneath it.\n * - **13 in a single wrapping row** — `className=\"flex flex-wrap items-center gap-x-3 gap-y-1\n *   text-sm\"`; a summary that IS its meta line, with no title above it.\n *\n * So the honest default is not one geometry but a CHOICE of two, and shipping only the stack would\n * have been actively wrong: `flex-wrap` and `flex-col` are different conflict groups, so a caller\n * passing the row geometry over a `flex-col` default gets a wrapping COLUMN — thirteen surfaces\n * silently rearranged. Naming the two lets a caller say which one it is and lets the theme own what\n * each looks like.\n *\n * `SummaryFlow.ROW` is deliberately the same geometry as {@link SummaryMeta}: a summary that is only\n * a meta line and a meta line inside a stacked summary are the same thing at different levels, and\n * they should not be able to drift apart.\n *\n * Provides a root `FieldScopeContext` with empty prefix.\n *\n * @example\n * ```tsx\n * // AUTO — title rendered above the body automatically:\n * <SummaryLayout>\n *   <DisplayField name=\"createdAt\" />\n * </SummaryLayout>\n *\n * // TEMPLATE_OWNED — badge on the same line as the title:\n * <SummaryLayout titlePlacement={SummaryTitlePlacement.TEMPLATE_OWNED}>\n *   <SummaryHeader>\n *     <SummaryTitle />\n *     <DisplayField name=\"status\" hideLabel />\n *   </SummaryHeader>\n *   <DisplayField name=\"createdAt\" />\n * </SummaryLayout>\n * ```\n */\nexport function SummaryLayout({\n  flow = SummaryFlow.STACK,\n  className,\n  titlePlacement = SummaryTitlePlacement.AUTO,\n  children,\n}: SummaryLayoutProps): ReactNode {\n  return (\n    <FieldScopeProvider pathPrefix=\"\">\n      <div className={cn(SUMMARY_FLOW_CLASSES[flow], className)}>\n        {titlePlacement === SummaryTitlePlacement.AUTO && <SummaryTitle />}\n        {children}\n      </div>\n    </FieldScopeProvider>\n  );\n}\n"]}
+{"version":3,"file":"SummaryLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/SummaryLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAN,IAAY,qBAcX;AAdD,WAAY,qBAAqB;IAC/B;;;;OAIG;IACH,sCAAa,CAAA;IACb;;;;;OAKG;IACH,0DAAiC,CAAA;AACnC,CAAC,EAdW,qBAAqB,KAArB,qBAAqB,QAchC;AAED;;;;;GAKG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,kFAAkF;IAClF,8BAAe,CAAA;IACf,gGAAgG;IAChG,0BAAW,CAAA;AACb,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,2FAA2F;AAC3F,MAAM,oBAAoB,GAAgC;IACxD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,mCAAmC;IACxD,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,4DAA4D;CAChF,CAAC;AAgBF;;;;;;;;;;;;GAYG;AACH,SAAS,yBAAyB,CAAC,QAAmB;IACpD,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,KAAK,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO;QAC5C,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YAChC,KAAK,GAAG,IAAI,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAI,KAAK,CAAC,KAA8C,EAAE,QAAQ,CAAC;QAC/E,IAAI,MAAM,KAAK,SAAS,IAAI,yBAAyB,CAAC,MAAM,CAAC;YAAE,KAAK,GAAG,IAAI,CAAC;IAC9E,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,GAAG,WAAW,CAAC,KAAK,EACxB,SAAS,EACT,cAAc,GAAG,qBAAqB,CAAC,IAAI,EAC3C,QAAQ,GACW;IACnB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,SAAS,GAAG,cAAc,KAAK,qBAAqB,CAAC,IAAI;WAC1D,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAE1C,OAAO,CACL,KAAC,kBAAkB,IAAC,UAAU,EAAC,EAAE,YAC/B,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aACtD,SAAS,IAAI,KAAC,YAAY,KAAG,EAC7B,QAAQ,IACL,GACa,CACtB,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { Children, isValidElement } from 'react';\nimport type { ReactNode } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport { SummaryTitle } from './SummaryTitle';\n\n/**\n * Where the primary title (`<SummaryTitle />`) is placed within a summary\n * template. The placement decision lives HERE, in the template markup that\n * governs it — not in a parallel `layout.*` config field.\n */\nexport enum SummaryTitlePlacement {\n  /**\n   * Framework places the title automatically at the top of the template, above\n   * the authored children. The zero-boilerplate, title-above-body default —\n   * matches the classic list/card summary look.\n   */\n  AUTO = 'auto',\n  /**\n   * The author owns title placement: `SummaryLayout` renders only its children,\n   * and the author drops `<SummaryTitle />` wherever it belongs (e.g. inside a\n   * `<SummaryHeader>` beside a status badge). Required whenever the title must\n   * share a line with other content.\n   */\n  TEMPLATE_OWNED = 'template-owned',\n}\n\n/**\n * How a summary's own children are arranged.\n *\n * A behavior, not a style: the caller says which of the two summaries this is, and the classes each\n * resolves to stay here where a theme can reach them.\n */\nexport enum SummaryFlow {\n  /** Title above a short body — the ordinary card, list-row and popover summary. */\n  STACK = 'stack',\n  /** One wrapping line of values — for a summary that IS its meta row, with no title above it. */\n  ROW = 'row',\n}\n\n/** The geometry each flow resolves to. Tokens, not raw steps: `gap-element` IS `gap-2`. */\nconst SUMMARY_FLOW_CLASSES: Record<SummaryFlow, string> = {\n  [SummaryFlow.STACK]: 'flex flex-col gap-element text-sm',\n  [SummaryFlow.ROW]: 'flex flex-wrap items-center gap-x-group gap-y-item text-sm',\n};\n\nexport interface SummaryLayoutProps {\n  /** How the children are arranged. Defaults to {@link SummaryFlow.STACK}. */\n  flow?: SummaryFlow;\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * Title placement. Defaults to {@link SummaryTitlePlacement.AUTO} (title\n   * rendered at the top). Switch to `TEMPLATE_OWNED` to place `<SummaryTitle />`\n   * yourself within the flow.\n   */\n  titlePlacement?: SummaryTitlePlacement;\n  children?: ReactNode;\n}\n\n/**\n * Does this template place its OWN title?\n *\n * Walks the statically-composed children for a `<SummaryTitle>` element, at any depth — the\n * documented inline-title shape nests it inside `<SummaryHeader>`, so a shallow check would miss\n * exactly the arrangement `TEMPLATE_OWNED` exists for.\n *\n * RESIDUAL, stated rather than hidden: a title rendered by a nested COMPONENT of the author's own\n * (rather than as JSX in the template) is invisible here, and that template would still double its\n * title. Every summary template in the repository composes its children inline, so the population\n * this cannot see is currently empty; a `React.Children` walk is the honest limit of what a parent\n * can know before its children render.\n */\nfunction templatePlacesItsOwnTitle(children: ReactNode): boolean {\n  let found = false;\n  Children.forEach(children, (child) => {\n    if (found || !isValidElement(child)) return;\n    if (child.type === SummaryTitle) {\n      found = true;\n      return;\n    }\n    const nested = (child.props as { children?: ReactNode } | undefined)?.children;\n    if (nested !== undefined && templatePlacesItsOwnTitle(nested)) found = true;\n  });\n  return found;\n}\n\n/**\n * Root wrapper for summary layout templates (cards, list items, FK references).\n *\n * Owns TITLE PLACEMENT for the template: under `AUTO` (default) it renders\n * `<SummaryTitle />` at the top, then the children body — so an author who just\n * wants \"title above a couple of fields\" writes nothing about the title. Under\n * `TEMPLATE_OWNED` it renders only the children, and the author composes\n * `<SummaryTitle />` into the flow (see {@link SummaryHeader}).\n *\n * The title resolves its text from `SummaryContext` (provided by\n * `ResourceSummaryDisplayer`); on body-only surfaces with no title (inline\n * FK-field references) `<SummaryTitle />` renders nothing, so `AUTO` shows no\n * empty title slot.\n *\n * ## It owns its own root chrome, and the FLOW is declared rather than drawn\n *\n * The geometry used to be passed in by every caller, and enumerating those callers is what settled\n * the shape of this prop. Across the engine's own resource presets there are exactly two summaries:\n *\n * - **39 stacked** — `className=\"flex flex-col gap-2 text-sm\"` (22) or a bare `text-sm` (4), plus\n *   the workbench's own; a title with a short body beneath it.\n * - **13 in a single wrapping row** — `className=\"flex flex-wrap items-center gap-x-3 gap-y-1\n *   text-sm\"`; a summary that IS its meta line, with no title above it.\n *\n * So the honest default is not one geometry but a CHOICE of two, and shipping only the stack would\n * have been actively wrong: `flex-wrap` and `flex-col` are different conflict groups, so a caller\n * passing the row geometry over a `flex-col` default gets a wrapping COLUMN — thirteen surfaces\n * silently rearranged. Naming the two lets a caller say which one it is and lets the theme own what\n * each looks like.\n *\n * `SummaryFlow.ROW` is deliberately the same geometry as {@link SummaryMeta}: a summary that is only\n * a meta line and a meta line inside a stacked summary are the same thing at different levels, and\n * they should not be able to drift apart.\n *\n * Provides a root `FieldScopeContext` with empty prefix.\n *\n * @example\n * ```tsx\n * // AUTO — title rendered above the body automatically:\n * <SummaryLayout>\n *   <DisplayField name=\"createdAt\" />\n * </SummaryLayout>\n *\n * // TEMPLATE_OWNED — badge on the same line as the title:\n * <SummaryLayout titlePlacement={SummaryTitlePlacement.TEMPLATE_OWNED}>\n *   <SummaryHeader>\n *     <SummaryTitle />\n *     <DisplayField name=\"status\" hideLabel />\n *   </SummaryHeader>\n *   <DisplayField name=\"createdAt\" />\n * </SummaryLayout>\n * ```\n */\nexport function SummaryLayout({\n  flow = SummaryFlow.STACK,\n  className,\n  titlePlacement = SummaryTitlePlacement.AUTO,\n  children,\n}: SummaryLayoutProps): ReactNode {\n  /*\n   * AUTO means \"the framework places the title\". A template that places one ITSELF has already\n   * discharged that, whatever it declared — so placing a second is not a stricter reading of the\n   * contract, it is the contract contradicting itself on screen.\n   *\n   * Measured 2026-09-20 across every summary template in `engine/presets-components`, `platform/`\n   * and `examples/`: of 72 `<SummaryLayout>` blocks, **20 mount their own `<SummaryTitle>` while\n   * leaving `titlePlacement` at AUTO** — organizations, billing, identity, security, application and\n   * a Wonder app's pipeline stage. Every one of them rendered two titles. The audit trail's is the\n   * clearest to read, showing `eventType — <ISO timestamp>` and then `eventType` again on the line\n   * below; `pipeline-stage.ui-behavior.tsx` is the purest, mounting the LABEL form under AUTO so the\n   * same string printed twice verbatim.\n   *\n   * Twenty of seventy-two is not twenty authoring slips. It is a default that asks to be\n   * countermanded by a declaration nobody has a reason to remember, and the framework is the only\n   * party that can see both halves — so it is the one that should reconcile them.\n   *\n   * The author's title WINS, deliberately. `<SummaryTitle name=\"x\" />` is a statement about what the\n   * title of this card IS; the framework's automatic one is a default standing in for the absence of\n   * such a statement. When both are present, only one of them was chosen.\n   */\n  const autoTitle = titlePlacement === SummaryTitlePlacement.AUTO\n    && !templatePlacesItsOwnTitle(children);\n\n  return (\n    <FieldScopeProvider pathPrefix=\"\">\n      <div className={cn(SUMMARY_FLOW_CLASSES[flow], className)}>\n        {autoTitle && <SummaryTitle />}\n        {children}\n      </div>\n    </FieldScopeProvider>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/SummaryMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryMeta.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryMeta.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,SAAS,CAahF"}
+{"version":3,"file":"SummaryMeta.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/SummaryMeta.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,SAAS,CAahF"}

package/dist/esm/components/resources/skeleton/SummaryMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryMeta.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryMeta.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AA+Cb,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AASpD,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAoB;IACnE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4DAA4D;QAC5D,gFAAgF;QAChF,cAAc,EACd,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryMeta — the row of QUALIFYING fields beneath a summary's headline.\n *\n * A summary answers two questions in order: *which one is this* (the headline) and *what do I need\n * to know about it at a glance* (this). The second is a wrapping row of short values — a status\n * badge, a date, an owner, a count — that reads as one line on a wide card and folds on a narrow\n * one.\n *\n * ## Why this exists as a component\n *\n * It was written out by hand **34 times** across the engine's own resource presets and the\n * workbench, always as the identical literal:\n *\n *     <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n *\n * Three things follow from a concept having no name. No theme can change it, because it is a string\n * in a configuration file rather than a recipe. It uses raw Tailwind spacing while the design system\n * defines the `element / item / group / field` token ladder every other surface spends. And the\n * thirty-fifth author copies whichever of the thirty-four they happened to read, so the row drifts\n * a gap at a time with nothing able to notice.\n *\n * The geometry here is that literal expressed in TOKENS — `gap-x-group` is the same 0.75rem as\n * `gap-x-3`, `gap-y-item` the same 0.25rem as `gap-y-1` — so adopting it is pixel-neutral, and\n * moving the ladder afterwards moves every meta row at once.\n *\n * ## The `w-auto` on children is not cosmetic\n *\n * A `<DisplayField>` renders a field chrome whose root is `w-full`. In a wrapping flex row that\n * makes every value claim its own line, so the row silently renders as a stack — the same defect\n * `SummaryHeader` neutralises for its accessories, and the same one `objectUI displayMode:\n * HORIZONTAL` had until it was fixed. Neutralising it here is what makes the row a row.\n *\n * @example\n * ```tsx\n * <SummaryLayout>\n *   <SummaryTitle name=\"email\" />\n *   <SummaryMeta>\n *     <DisplayField name=\"status\" />\n *     <DisplayField name=\"createdAt\" />\n *   </SummaryMeta>\n * </SummaryLayout>\n * ```\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\nexport interface SummaryMetaProps {\n  /** Extra classes merged over the default wrapping-row geometry. */\n  className?: string;\n  /** The qualifying fields — typically `<DisplayField>`s. */\n  children?: ReactNode;\n}\n\nexport function SummaryMeta({ className, children }: SummaryMetaProps): ReactNode {\n  return (\n    <div\n      className={cn(\n        'flex min-w-0 flex-wrap items-center gap-x-group gap-y-item',\n        // See the docstring: a `w-full` field chrome turns a wrapping row into a stack.\n        '[&>*]:w-auto',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SummaryMeta.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/SummaryMeta.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AA+Cb,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AASpD,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAoB;IACnE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4DAA4D;QAC5D,gFAAgF;QAChF,cAAc,EACd,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryMeta — the row of QUALIFYING fields beneath a summary's headline.\n *\n * A summary answers two questions in order: *which one is this* (the headline) and *what do I need\n * to know about it at a glance* (this). The second is a wrapping row of short values — a status\n * badge, a date, an owner, a count — that reads as one line on a wide card and folds on a narrow\n * one.\n *\n * ## Why this exists as a component\n *\n * It was written out by hand **34 times** across the engine's own resource presets and the\n * workbench, always as the identical literal:\n *\n *     <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n *\n * Three things follow from a concept having no name. No theme can change it, because it is a string\n * in a configuration file rather than a recipe. It uses raw Tailwind spacing while the design system\n * defines the `element / item / group / field` token ladder every other surface spends. And the\n * thirty-fifth author copies whichever of the thirty-four they happened to read, so the row drifts\n * a gap at a time with nothing able to notice.\n *\n * The geometry here is that literal expressed in TOKENS — `gap-x-group` is the same 0.75rem as\n * `gap-x-3`, `gap-y-item` the same 0.25rem as `gap-y-1` — so adopting it is pixel-neutral, and\n * moving the ladder afterwards moves every meta row at once.\n *\n * ## The `w-auto` on children is not cosmetic\n *\n * A `<DisplayField>` renders a field chrome whose root is `w-full`. In a wrapping flex row that\n * makes every value claim its own line, so the row silently renders as a stack — the same defect\n * `SummaryHeader` neutralises for its accessories, and the same one `objectUI displayMode:\n * HORIZONTAL` had until it was fixed. Neutralising it here is what makes the row a row.\n *\n * @example\n * ```tsx\n * <SummaryLayout>\n *   <SummaryTitle name=\"email\" />\n *   <SummaryMeta>\n *     <DisplayField name=\"status\" />\n *     <DisplayField name=\"createdAt\" />\n *   </SummaryMeta>\n * </SummaryLayout>\n * ```\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\nexport interface SummaryMetaProps {\n  /** Extra classes merged over the default wrapping-row geometry. */\n  className?: string;\n  /** The qualifying fields — typically `<DisplayField>`s. */\n  children?: ReactNode;\n}\n\nexport function SummaryMeta({ className, children }: SummaryMetaProps): ReactNode {\n  return (\n    <div\n      className={cn(\n        'flex min-w-0 flex-wrap items-center gap-x-group gap-y-item',\n        // See the docstring: a `w-full` field chrome turns a wrapping row into a stack.\n        '[&>*]:w-auto',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/SummaryTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryTitle.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;;;GAKG;AACH,oBAAY,iBAAiB;IAC3B,2FAA2F;IAC3F,OAAO,YAAY;IACnB,mFAAmF;IACnF,KAAK,UAAU;IACf,qCAAqC;IACrC,OAAO,YAAY;IACnB,+BAA+B;IAC/B,QAAQ,aAAa;CACtB;AAUD,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAiC,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,SAAS,CA4DjH"}
+{"version":3,"file":"SummaryTitle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/SummaryTitle.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;;;GAKG;AACH,oBAAY,iBAAiB;IAC3B,2FAA2F;IAC3F,OAAO,YAAY;IACnB,mFAAmF;IACnF,KAAK,UAAU;IACf,qCAAqC;IACrC,OAAO,YAAY;IACnB,+BAA+B;IAC/B,QAAQ,aAAa;CACtB;AAUD,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAiC,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,SAAS,CA4DjH"}

package/dist/esm/components/resources/skeleton/SummaryTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTitle.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAiDb,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0DAA0D,CAAC;AACxF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAEvG;;;;;GAKG;AACH,MAAM,CAAN,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,2FAA2F;IAC3F,wCAAmB,CAAA;IACnB,mFAAmF;IACnF,oCAAe,CAAA;IACf,qCAAqC;IACrC,wCAAmB,CAAA;IACnB,+BAA+B;IAC/B,0CAAqB,CAAA;AACvB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,QAS5B;AAED,oGAAoG;AACpG,MAAM,gBAAgB,GAAkD;IACtE,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,SAAS;IACtC,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI;IAC/B,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,IAAI;IACjC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,IAAI;CACnC,CAAC;AAgBF,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,iBAAiB,CAAC,OAAO,EAAE,SAAS,EAAqB;IACpG,MAAM,OAAO,GAAG,yBAAyB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAClF;;;;OAIG;IACH,MAAM,gBAAgB,GAAG,SAAS;QAChC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC;QAC1D,CAAC,CAAC,SAAS,CAAC;IACd,gFAAgF;IAChF,+EAA+E;IAC/E,8EAA8E;IAC9E,8EAA8E;IAC9E,8CAA8C;IAC9C,IAAI,OAAO,EAAE,iBAAiB;QAAE,OAAO,CAAC,iBAAiB,CAAC,YAAY,GAAG,IAAI,CAAC;IAE9E,IAAI,IAAI,EAAE,CAAC;QACT;;;;;;;WAOG;QACH,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,gBAAgB,YAC1C,cACE,SAAS,EAAE,EAAE,CACX,gCAAgC;gBAChC,sFAAsF;gBACtF,sFAAsF;gBACtF,4EAA4E;gBAC5E,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,EAChE,SAAS,CACV,YAED,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GAClC,GACU,CACnB,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO;IACL,oEAAoE;IACpE,2EAA2E;IAC3E,6EAA6E;IAC7E,0EAA0E;IAC1E,8EAA8E;IAC9E,yBAAyB;IACzB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,EAAE,QAAQ,kBAC1F,YAAY,GACR,CACR,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryTitle — the value that NAMES the record, as a first-class element of the summary flow.\n *\n * It answers \"which one is this\" in two ways, and which one you want depends on who computed the\n * name:\n *\n * - **No `name`** — the resource's resolved PRIMARY LABEL, read from {@link SummaryContext} (the\n *   card / list / popover host computed it with the right `t`, junction forwarding and so on). This\n *   is what `<SummaryLayout>`'s `AUTO` placement renders, so an author who wants \"title above a\n *   couple of fields\" writes nothing at all.\n * - **With `name`** — a FIELD of the record, rendered through the display pipeline. Use it when the\n *   title is a particular authored value (`email`, `oneSentence`, `statement`) rather than whatever\n *   the host resolved as the label.\n *\n * ## Why the `name` form exists\n *\n * The second form was written out by hand **18 times** across the engine's own resource presets,\n * always as the identical literal:\n *\n *     <div className=\"font-medium leading-tight\">\n *       <DisplayField name=\"email\" hideLabel />\n *     </div>\n *\n * Eighteen copies of a treatment this component already owns, sitting next to eighteen calls to\n * this component that could not express it. No theme can reach those literals, and each new author\n * copies whichever one they happened to read.\n *\n * ## Scale — declared as a ROLE, resolved by the theme\n *\n * A title that must read larger than its surroundings says WHICH TITLE IT IS, not how big. The four\n * roles below are the four levels the repository actually had, each previously written as a literal\n * step: a card title at `font-medium`, an entry headline at `text-base`, a section's at `text-lg`, a\n * document's own lead at `text-xl`. They now resolve through the theme's HEADING ladder, which the\n * eight themes each define differently — editorial runs large, trading and terminal run dense — so\n * the same declaration reads correctly in all of them and in the next one.\n *\n * The mechanism is a {@link TypographyScope} rather than a class on this element, and the reason is\n * worth keeping: font WEIGHT and LINE-HEIGHT inherit — which is why the wrapper idiom worked at all\n * — but font SIZE does not, because the formatter's `<Text>` sets its own. A class here would lose\n * to it, and mirroring one through `[&_p]:` cannot work either, since a Tailwind variant composed\n * at runtime from a theme value is never generated. The scope reaches the `<Text>` itself.\n *\n * Renders nothing when there is no title to show: the no-`name` form on a body-only surface (an\n * inline FK reference passes a `null` label), so `AUTO` shows no empty title slot.\n */\n\nimport type { ReactNode } from 'react';\nimport { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { TypographyScope } from '~wildo-frontend-lib/core/ui/TypographyScopeContext';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { DisplayField } from '~wildo-frontend-lib/components/data-display/DisplayField';\nimport { useOptionalSummaryContext } from '~wildo-frontend-lib/components/data-display/SummaryContext';\n\n/**\n * WHICH title this is — a role, never a size.\n *\n * Each maps to a step of the theme's HEADING ladder, so what a role looks like is the theme's answer\n * and the same declaration holds across all eight.\n */\nexport enum SummaryTitleScale {\n  /** The ordinary card / list-row / popover title: medium weight at the surrounding size. */\n  DEFAULT = 'default',\n  /** Names ONE ENTRY inside a collection — the ladder's smallest in-content step. */\n  ENTRY = 'entry',\n  /** Leads a SECTION of a document. */\n  SECTION = 'section',\n  /** The DOCUMENT's own lead. */\n  DOCUMENT = 'document',\n}\n\n/** Which rung of the heading ladder each role reads. `DEFAULT` takes none — it is not a heading. */\nconst SCALE_LADDER_KEY: Record<SummaryTitleScale, string | undefined> = {\n  [SummaryTitleScale.DEFAULT]: undefined,\n  [SummaryTitleScale.ENTRY]: 'h5',\n  [SummaryTitleScale.SECTION]: 'h4',\n  [SummaryTitleScale.DOCUMENT]: 'h3',\n};\n\nexport interface SummaryTitleProps {\n  /**\n   * Render THIS FIELD as the title instead of the host-resolved primary label.\n   *\n   * The field renders through the ordinary display pipeline with its label hidden — the title IS\n   * the value, and a label reading \"Email\" above an email address is a row that says nothing.\n   */\n  name?: string;\n  /** Which title this is. Defaults to {@link SummaryTitleScale.DEFAULT}. */\n  scale?: SummaryTitleScale;\n  /** Extra classes merged over the default `font-medium text-foreground` title styling. */\n  className?: string;\n}\n\nexport function SummaryTitle({ name, scale = SummaryTitleScale.DEFAULT, className }: SummaryTitleProps): ReactNode {\n  const summary = useOptionalSummaryContext();\n  const { getRecipe } = useUI();\n  const ladderKey = SCALE_LADDER_KEY[scale];\n  const headingRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);\n  /*\n   * Resolved HERE, where the theme's recipe is in hand, and handed to the scope as classes. The\n   * scope stays a transport — a second place that decided type scale would be the thing this\n   * component exists to remove.\n   */\n  const headingClassName = ladderKey\n    ? cn(headingRecipe.base, headingRecipe.sizes?.[ladderKey])\n    : undefined;\n  // Register with the displayer's missing-title diagnostic BEFORE the empty-label\n  // early return: mounting `<SummaryTitle />` discharges the template's contract\n  // even when the current record resolves no label (that is data-driven, not an\n  // authoring bug). Render-time ref mutation on purpose — the flag is read only\n  // after render and must not schedule updates.\n  if (summary?.titleMountTracker) summary.titleMountTracker.titleMounted = true;\n\n  if (name) {\n    /*\n     * The FIELD form. `leading-tight` joins the weight because both INHERIT — that is the whole\n     * reason the eighteen hand-written wrappers worked, and the reason this replacement is exact.\n     *\n     * No `truncate` here, unlike the label form below: a field's own display params decide whether\n     * its value truncates (`StringDisplayMode.TRUNCATE`), and forcing it from the outside would\n     * overrule an author who chose to wrap.\n     */\n    return (\n      <TypographyScope className={headingClassName}>\n        <div\n          className={cn(\n            'min-w-0 flex-1 text-foreground',\n            // At DEFAULT there is no heading recipe, so the weight has to come from here — and it\n            // reaches the value because weight INHERITS. At the heading scales the recipe carries\n            // its own weight and tracking, and applies them to the text element itself.\n            headingClassName ? 'leading-tight' : 'font-medium leading-tight',\n            className,\n          )}\n        >\n          <DisplayField name={name} hideLabel />\n        </div>\n      </TypographyScope>\n    );\n  }\n\n  const primaryLabel = summary?.primaryLabel;\n  if (!primaryLabel) return null;\n  return (\n    // `flex-1 min-w-0` lives HERE (not via a `:first-child` selector on\n    // SummaryHeader): when the title renders inside a flex header it grows and\n    // truncates; when it renders null (no label / body-only FK surface) there is\n    // simply no growing element, so a lone accessory keeps its intrinsic size\n    // instead of inheriting the grow. In a block context (SummaryLayout AUTO) the\n    // flex utility is inert.\n    <Text as=\"p\" className={cn('min-w-0 flex-1 font-medium text-foreground', className)} truncate>\n      {primaryLabel}\n    </Text>\n  );\n}\n"]}
+{"version":3,"file":"SummaryTitle.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/SummaryTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAiDb,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0DAA0D,CAAC;AACxF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAEvG;;;;;GAKG;AACH,MAAM,CAAN,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,2FAA2F;IAC3F,wCAAmB,CAAA;IACnB,mFAAmF;IACnF,oCAAe,CAAA;IACf,qCAAqC;IACrC,wCAAmB,CAAA;IACnB,+BAA+B;IAC/B,0CAAqB,CAAA;AACvB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,QAS5B;AAED,oGAAoG;AACpG,MAAM,gBAAgB,GAAkD;IACtE,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,SAAS;IACtC,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI;IAC/B,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,IAAI;IACjC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,IAAI;CACnC,CAAC;AAgBF,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,iBAAiB,CAAC,OAAO,EAAE,SAAS,EAAqB;IACpG,MAAM,OAAO,GAAG,yBAAyB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAClF;;;;OAIG;IACH,MAAM,gBAAgB,GAAG,SAAS;QAChC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC;QAC1D,CAAC,CAAC,SAAS,CAAC;IACd,gFAAgF;IAChF,+EAA+E;IAC/E,8EAA8E;IAC9E,8EAA8E;IAC9E,8CAA8C;IAC9C,IAAI,OAAO,EAAE,iBAAiB;QAAE,OAAO,CAAC,iBAAiB,CAAC,YAAY,GAAG,IAAI,CAAC;IAE9E,IAAI,IAAI,EAAE,CAAC;QACT;;;;;;;WAOG;QACH,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,gBAAgB,YAC1C,cACE,SAAS,EAAE,EAAE,CACX,gCAAgC;gBAChC,sFAAsF;gBACtF,sFAAsF;gBACtF,4EAA4E;gBAC5E,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,EAChE,SAAS,CACV,YAED,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GAClC,GACU,CACnB,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO;IACL,oEAAoE;IACpE,2EAA2E;IAC3E,6EAA6E;IAC7E,0EAA0E;IAC1E,8EAA8E;IAC9E,yBAAyB;IACzB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,EAAE,QAAQ,kBAC1F,YAAY,GACR,CACR,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryTitle — the value that NAMES the record, as a first-class element of the summary flow.\n *\n * It answers \"which one is this\" in two ways, and which one you want depends on who computed the\n * name:\n *\n * - **No `name`** — the resource's resolved PRIMARY LABEL, read from {@link SummaryContext} (the\n *   card / list / popover host computed it with the right `t`, junction forwarding and so on). This\n *   is what `<SummaryLayout>`'s `AUTO` placement renders, so an author who wants \"title above a\n *   couple of fields\" writes nothing at all.\n * - **With `name`** — a FIELD of the record, rendered through the display pipeline. Use it when the\n *   title is a particular authored value (`email`, `oneSentence`, `statement`) rather than whatever\n *   the host resolved as the label.\n *\n * ## Why the `name` form exists\n *\n * The second form was written out by hand **18 times** across the engine's own resource presets,\n * always as the identical literal:\n *\n *     <div className=\"font-medium leading-tight\">\n *       <DisplayField name=\"email\" hideLabel />\n *     </div>\n *\n * Eighteen copies of a treatment this component already owns, sitting next to eighteen calls to\n * this component that could not express it. No theme can reach those literals, and each new author\n * copies whichever one they happened to read.\n *\n * ## Scale — declared as a ROLE, resolved by the theme\n *\n * A title that must read larger than its surroundings says WHICH TITLE IT IS, not how big. The four\n * roles below are the four levels the repository actually had, each previously written as a literal\n * step: a card title at `font-medium`, an entry headline at `text-base`, a section's at `text-lg`, a\n * document's own lead at `text-xl`. They now resolve through the theme's HEADING ladder, which the\n * eight themes each define differently — editorial runs large, trading and terminal run dense — so\n * the same declaration reads correctly in all of them and in the next one.\n *\n * The mechanism is a {@link TypographyScope} rather than a class on this element, and the reason is\n * worth keeping: font WEIGHT and LINE-HEIGHT inherit — which is why the wrapper idiom worked at all\n * — but font SIZE does not, because the formatter's `<Text>` sets its own. A class here would lose\n * to it, and mirroring one through `[&_p]:` cannot work either, since a Tailwind variant composed\n * at runtime from a theme value is never generated. The scope reaches the `<Text>` itself.\n *\n * Renders nothing when there is no title to show: the no-`name` form on a body-only surface (an\n * inline FK reference passes a `null` label), so `AUTO` shows no empty title slot.\n */\n\nimport type { ReactNode } from 'react';\nimport { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { TypographyScope } from '~wildo-frontend-lib/core/ui/TypographyScopeContext';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { DisplayField } from '~wildo-frontend-lib/components/data-display/DisplayField';\nimport { useOptionalSummaryContext } from '~wildo-frontend-lib/components/data-display/SummaryContext';\n\n/**\n * WHICH title this is — a role, never a size.\n *\n * Each maps to a step of the theme's HEADING ladder, so what a role looks like is the theme's answer\n * and the same declaration holds across all eight.\n */\nexport enum SummaryTitleScale {\n  /** The ordinary card / list-row / popover title: medium weight at the surrounding size. */\n  DEFAULT = 'default',\n  /** Names ONE ENTRY inside a collection — the ladder's smallest in-content step. */\n  ENTRY = 'entry',\n  /** Leads a SECTION of a document. */\n  SECTION = 'section',\n  /** The DOCUMENT's own lead. */\n  DOCUMENT = 'document',\n}\n\n/** Which rung of the heading ladder each role reads. `DEFAULT` takes none — it is not a heading. */\nconst SCALE_LADDER_KEY: Record<SummaryTitleScale, string | undefined> = {\n  [SummaryTitleScale.DEFAULT]: undefined,\n  [SummaryTitleScale.ENTRY]: 'h5',\n  [SummaryTitleScale.SECTION]: 'h4',\n  [SummaryTitleScale.DOCUMENT]: 'h3',\n};\n\nexport interface SummaryTitleProps {\n  /**\n   * Render THIS FIELD as the title instead of the host-resolved primary label.\n   *\n   * The field renders through the ordinary display pipeline with its label hidden — the title IS\n   * the value, and a label reading \"Email\" above an email address is a row that says nothing.\n   */\n  name?: string;\n  /** Which title this is. Defaults to {@link SummaryTitleScale.DEFAULT}. */\n  scale?: SummaryTitleScale;\n  /** Extra classes merged over the default `font-medium text-foreground` title styling. */\n  className?: string;\n}\n\nexport function SummaryTitle({ name, scale = SummaryTitleScale.DEFAULT, className }: SummaryTitleProps): ReactNode {\n  const summary = useOptionalSummaryContext();\n  const { getRecipe } = useUI();\n  const ladderKey = SCALE_LADDER_KEY[scale];\n  const headingRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);\n  /*\n   * Resolved HERE, where the theme's recipe is in hand, and handed to the scope as classes. The\n   * scope stays a transport — a second place that decided type scale would be the thing this\n   * component exists to remove.\n   */\n  const headingClassName = ladderKey\n    ? cn(headingRecipe.base, headingRecipe.sizes?.[ladderKey])\n    : undefined;\n  // Register with the displayer's missing-title diagnostic BEFORE the empty-label\n  // early return: mounting `<SummaryTitle />` discharges the template's contract\n  // even when the current record resolves no label (that is data-driven, not an\n  // authoring bug). Render-time ref mutation on purpose — the flag is read only\n  // after render and must not schedule updates.\n  if (summary?.titleMountTracker) summary.titleMountTracker.titleMounted = true;\n\n  if (name) {\n    /*\n     * The FIELD form. `leading-tight` joins the weight because both INHERIT — that is the whole\n     * reason the eighteen hand-written wrappers worked, and the reason this replacement is exact.\n     *\n     * No `truncate` here, unlike the label form below: a field's own display params decide whether\n     * its value truncates (`StringDisplayMode.TRUNCATE`), and forcing it from the outside would\n     * overrule an author who chose to wrap.\n     */\n    return (\n      <TypographyScope className={headingClassName}>\n        <div\n          className={cn(\n            'min-w-0 flex-1 text-foreground',\n            // At DEFAULT there is no heading recipe, so the weight has to come from here — and it\n            // reaches the value because weight INHERITS. At the heading scales the recipe carries\n            // its own weight and tracking, and applies them to the text element itself.\n            headingClassName ? 'leading-tight' : 'font-medium leading-tight',\n            className,\n          )}\n        >\n          <DisplayField name={name} hideLabel />\n        </div>\n      </TypographyScope>\n    );\n  }\n\n  const primaryLabel = summary?.primaryLabel;\n  if (!primaryLabel) return null;\n  return (\n    // `flex-1 min-w-0` lives HERE (not via a `:first-child` selector on\n    // SummaryHeader): when the title renders inside a flex header it grows and\n    // truncates; when it renders null (no label / body-only FK surface) there is\n    // simply no growing element, so a lone accessory keeps its intrinsic size\n    // instead of inheriting the grow. In a block context (SummaryLayout AUTO) the\n    // flex utility is inert.\n    <Text as=\"p\" className={cn('min-w-0 flex-1 font-medium text-foreground', className)} truncate>\n      {primaryLabel}\n    </Text>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBtF,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAe,EACf,oBAA2B,EAC3B,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,GAAG,SAAS,CA2K/B"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBtF,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAe,EACf,oBAA2B,EAC3B,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,GAAG,SAAS,CAkL/B"}

package/dist/esm/components/resources/skeleton/WizardLayout.js

@@ -73,6 +73,13 @@ export function WizardLayout({ className, initialStep = 0, validateOnStepChange
         return stepFields ? Array.from(stepFields) : undefined;
     }, [currentStep, wizardSteps]);
     const wizardContextValue = useMemo(() => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }), [registerStep, getCurrentStepFieldNames, currentStep, totalSteps]);
+    /*
+     * A DECLARED step always has an entry: its generated title, or — since #1450 — that title's key
+     * path once the bundle has settled, so an unlabelled declared step reads as missing rather than
+     * as "Step 2". The numbered default below is what remains for a step the layout does not declare
+     * (no ref in `layoutRefs.wizardSteps`, so no label could be planned for it) and for the loading
+     * window, when the title is still ''.
+     */
     const getStepLabel = (stepName, index) => {
         if (templateCtx?.wizardStepLabels?.[stepName]) {
             return templateCtx.wizardStepLabels[stepName];

package/dist/esm/components/resources/skeleton/WizardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EACL,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,GACb,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AACnH,OAAO,EAAE,+BAA+B,EAAE,MAAM,mFAAmF,CAAC;AACpI,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgB1C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,GAAG,CAAC,EACf,oBAAoB,GAAG,IAAI,EAC3B,YAAY,EACZ,YAAY,EACZ,QAAQ,GACU;IAClB,yBAAyB,EAAE,CAAC;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,MAAM,CAA2B,IAAI,GAAG,EAAE,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,8BAA8B,EAAE,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;KACxD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,KAAK,GAAyD,EAAE,CAAC;QACvE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC7D,KAAK,CAAC,IAAI,CAAC;oBACT,IAAI,EAAG,KAAK,CAAC,KAA0B,CAAC,IAAI;oBAC5C,OAAO,EAAE,KAAK;iBACf,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,MAAmB,EAAE,EAAE;QACrE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,MAAM,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC;QACvD,IAAI,CAAC,eAAe;YAAE,OAAO,SAAS,CAAC;QACvC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC9D,OAAO,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,wBAAwB,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,EAC3E,CAAC,YAAY,EAAE,wBAAwB,EAAE,WAAW,EAAE,UAAU,CAAC,CAClE,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,KAAa,EAAU,EAAE;QAC/D,IAAI,WAAW,EAAE,gBAAgB,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC9C,OAAO,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;QACD,OAAO,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,EAAE;YACnF,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAE,EAAE;QAC9B,MAAM,IAAI,GAAG,WAAW,CAAC;QACzB,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACzB,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,oBAAoB,IAAI,IAAI,EAAE,CAAC;YACjC,MAAM,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC;YACvD,MAAM,UAAU,GAAG,eAAe;gBAChC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;gBAC5C,CAAC,CAAC,SAAS,CAAC;YAEd,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM;gBAC/B,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;gBAChC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YAEzB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,kBAAkB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;gBACrC,OAAO;YACT,CAAC;QACH,CAAC;QACD,IAAI,WAAW,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC;YACjC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,KAAK,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,GAAG,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,aAAa,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;IACjG,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;IAEzF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACrD,eAAK,SAAS,EAAE,SAAS,0BAAuB,EAAE,aAChD,cAAK,GAAG,EAAE,YAAY,YACpB,KAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,CAAC,UAAU,EACxC,SAAS,EAAC,WAAW,YAEpB,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,MAAC,KAAK,CAAC,QAAQ,eACb,MAAC,WAAW,IAAC,IAAI,EAAE,KAAK,aACtB,KAAC,gBAAgB,IAAC,IAAI,EAAE,KAAK,GAAI,EACjC,cAAK,SAAS,EAAC,wCAAwC,YACrD,KAAC,YAAY,IAAC,IAAI,EAAE,KAAK,YACvB,eAAM,EAAE,EAAE,cAAc,IAAI,CAAC,IAAI,EAAE,YAChC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1B,GACM,GACX,IACM,EACb,KAAK,GAAG,UAAU,GAAG,CAAC,IAAI,KAAC,gBAAgB,IAAC,IAAI,EAAE,KAAK,GAAI,KAXzC,IAAI,CAAC,IAAI,CAYb,CAClB,CAAC,GACM,GACN,EAEL,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,cAEE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,iBACjD,KAAK,KAAK,WAAW,YAElC,KAAC,aAAa,cACX,IAAI,CAAC,OAAO,GACC,IANX,IAAI,CAAC,IAAI,CAOV,CACP,CAAC,EAEF,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,WAAW,IAAI,WAAW,EAAE,QAAQ,YAE7C,aAAa,GACP,EAET,cAAK,SAAS,EAAC,kBAAkB,YAC9B,UAAU,CAAC,CAAC,CAAC,CACZ,YAAY,IAAI,CACd,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,YAClD,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,cAAc,CAAC,GAClE,CACV,CACF,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,EAAE,QAAQ,YAE9B,SAAS,GACH,CACV,GACG,IACF,IACF,GACuB,CAChC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,kBAAkB,CACzB,IAAuC,EACvC,UAAqB;IAErB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IACrC,IAAI,eAAe,GAAkB,IAAI,CAAC;IAE1C,IAAI,UAAU,EAAE,MAAM,EAAE,CAAC;QACvB,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnC,IAAI,QAAQ,GAAY,MAAM,CAAC;YAC/B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,IAAI,IAAI,QAAQ,EAAE,CAAC;oBACjE,QAAQ,GAAI,QAAoC,CAAC,IAAI,CAAC,CAAC;gBACzD,CAAC;qBAAM,CAAC;oBACN,QAAQ,GAAG,SAAS,CAAC;oBACrB,MAAM;gBACR,CAAC;YACH,CAAC;YACD,IAAI,QAAQ,EAAE,CAAC;gBACb,eAAe,GAAG,SAAS,CAAC;gBAC5B,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,CAAC,eAAe;QAAE,OAAO;IAE7B,8EAA8E;IAC9E,6EAA6E;IAC7E,2EAA2E;IAC3E,oBAAoB;IACpB,+BAA+B,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AACrD,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Stepper,\n  StepperItem,\n  StepperIndicator,\n  StepperSeparator,\n  StepperTitle,\n} from '~wildo-frontend-lib/components/sections/stepper';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useOptionalFormTemplateContext } from '~wildo-frontend-lib/components/form/automated/FormTemplateContext';\nimport { scrollAndFocusFirstErroredField } from '~wildo-frontend-lib/components/form/validation-errors/scroll-to-first-error.utils';\nimport { useWizardRootRegistration } from './FormLayoutSlotContext';\nimport { WizardLayoutContext } from './WizardLayoutContext';\nimport { WizardStep } from './WizardStep';\n\nexport interface WizardLayoutProps {\n  /** Additional CSS classes for the wizard container. */\n  className?: string;\n  /** 0-based index of the initially active step. @default 0 */\n  initialStep?: number;\n  /** When `true`, validates current step fields before allowing navigation forward. @default true */\n  validateOnStepChange?: boolean;\n  /** Callback fired when step changes (after validation, if enabled). */\n  onStepChange?: (from: number, to: number) => void;\n  /** Custom submit button to render on the last step instead of the default. */\n  submitButton?: ReactNode;\n  children: ReactNode;\n}\n\n/**\n * Wizard container for multi-step form templates.\n *\n * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),\n * and per-step validation. All steps remain mounted (hidden with `display: none`)\n * so that RHF retains field state across steps.\n *\n * Children must be `<WizardStep>` components. Non-WizardStep children are\n * silently filtered out.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <WizardLayout>\n *     <WizardStep name=\"basics\">\n *       <FormField name=\"title\" />\n *       <FormField name=\"description\" />\n *     </WizardStep>\n *     <WizardStep name=\"settings\">\n *       <FormField name=\"priority\" />\n *       <FormField name=\"dueDate\" />\n *     </WizardStep>\n *   </WizardLayout>\n * </FormLayout>\n * ```\n */\nexport function WizardLayout({\n  className,\n  initialStep = 0,\n  validateOnStepChange = true,\n  onStepChange,\n  submitButton,\n  children,\n}: WizardLayoutProps): ReactNode {\n  useWizardRootRegistration();\n\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const stepFieldsRef = useRef<Map<string, Set<string>>>(new Map());\n  const wizardTopRef = useRef<HTMLDivElement>(null);\n\n  const form = useFormContext();\n  const templateCtx = useOptionalFormTemplateContext();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  const wizardSteps = useMemo(() => {\n    const steps: Array<{ name: string; element: React.ReactElement }> = [];\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child) && child.type === WizardStep) {\n        steps.push({\n          name: (child.props as { name: string }).name,\n          element: child,\n        });\n      }\n    });\n    return steps;\n  }, [children]);\n\n  const totalSteps = wizardSteps.length;\n\n  const registerStep = useCallback((name: string, fields: Set<string>) => {\n    stepFieldsRef.current.set(name, fields);\n  }, []);\n\n  const getCurrentStepFieldNames = useCallback(() => {\n    const currentStepName = wizardSteps[currentStep]?.name;\n    if (!currentStepName) return undefined;\n    const stepFields = stepFieldsRef.current.get(currentStepName);\n    return stepFields ? Array.from(stepFields) : undefined;\n  }, [currentStep, wizardSteps]);\n\n  const wizardContextValue = useMemo<React.ContextType<typeof WizardLayoutContext>>(\n    () => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }),\n    [registerStep, getCurrentStepFieldNames, currentStep, totalSteps],\n  );\n\n  const getStepLabel = (stepName: string, index: number): string => {\n    if (templateCtx?.wizardStepLabels?.[stepName]) {\n      return templateCtx.wizardStepLabels[stepName];\n    }\n    return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {\n      index: String(index + 1),\n    });\n  };\n\n  const scrollToTop = () => {\n    wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  };\n\n  const goToStep = (to: number) => {\n    const from = currentStep;\n    setCurrentStep(to);\n    onStepChange?.(from, to);\n    scrollToTop();\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      goToStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = async () => {\n    if (validateOnStepChange && form) {\n      const currentStepName = wizardSteps[currentStep]?.name;\n      const stepFields = currentStepName\n        ? stepFieldsRef.current.get(currentStepName)\n        : undefined;\n\n      const fieldNames = stepFields ? Array.from(stepFields) : [];\n      const isValid = fieldNames.length\n        ? await form.trigger(fieldNames)\n        : await form.trigger();\n\n      if (!isValid) {\n        scrollToFirstError(form, fieldNames);\n        return;\n      }\n    }\n    if (currentStep < totalSteps - 1) {\n      goToStep(currentStep + 1);\n    }\n  };\n\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  if (!isReady) return null;\n\n  const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');\n  const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');\n\n  return (\n    <WizardLayoutContext.Provider value={wizardContextValue}>\n      <div className={className} data-guidance-wizard=\"\">\n        <div ref={wizardTopRef}>\n          <Stepper\n            currentStep={currentStep}\n            totalSteps={totalSteps}\n            orientation={DisplayDirection.HORIZONTAL}\n            className=\"mb-region\"\n          >\n            {wizardSteps.map((step, index) => (\n              <React.Fragment key={step.name}>\n                <StepperItem step={index}>\n                  <StepperIndicator step={index} />\n                  <div className=\"flex flex-col items-center text-center\">\n                    <StepperTitle step={index}>\n                      <span id={`wizard-tab-${step.name}`}>\n                        {getStepLabel(step.name, index)}\n                      </span>\n                    </StepperTitle>\n                  </div>\n                </StepperItem>\n                {index < totalSteps - 1 && <StepperSeparator step={index} />}\n              </React.Fragment>\n            ))}\n          </Stepper>\n        </div>\n\n        {wizardSteps.map((step, index) => (\n          <div\n            key={step.name}\n            style={{ display: index === currentStep ? undefined : 'none' }}\n            aria-hidden={index !== currentStep}\n          >\n            <ErrorBoundary>\n              {step.element}\n            </ErrorBoundary>\n          </div>\n        ))}\n\n        <div className=\"flex justify-between gap-field pt-field\">\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            onClick={handlePrevious}\n            disabled={isFirstStep || templateCtx?.disabled}\n          >\n            {previousLabel}\n          </Button>\n\n          <div className=\"flex gap-element\">\n            {isLastStep ? (\n              submitButton ?? (\n                <Button type=\"submit\" disabled={templateCtx?.disabled}>\n                  {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit')}\n                </Button>\n              )\n            ) : (\n              <Button\n                type=\"button\"\n                onClick={handleNext}\n                disabled={templateCtx?.disabled}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContext.Provider>\n  );\n}\n\n/**\n * Scroll to the first field with a validation error.\n * Uses `data-field` or `name` attributes to locate the DOM element.\n */\nfunction scrollToFirstError(\n  form: ReturnType<typeof useFormContext>,\n  fieldNames?: string[],\n): void {\n  const errors = form.formState.errors;\n  let firstErrorField: string | null = null;\n\n  if (fieldNames?.length) {\n    for (const fieldName of fieldNames) {\n      const parts = fieldName.split('.');\n      let errorObj: unknown = errors;\n      for (const part of parts) {\n        if (errorObj && typeof errorObj === 'object' && part in errorObj) {\n          errorObj = (errorObj as Record<string, unknown>)[part];\n        } else {\n          errorObj = undefined;\n          break;\n        }\n      }\n      if (errorObj) {\n        firstErrorField = fieldName;\n        break;\n      }\n    }\n  }\n\n  if (!firstErrorField) return;\n\n  // Shared scroll+focus mechanics (see scroll-to-first-error.utils, audit D4) —\n  // this wizard keeps its own STEP-SCOPED first-error selection above, but the\n  // DOM lookup / scroll / focus behavior is the same contract the whole-form\n  // submit path uses.\n  scrollAndFocusFirstErroredField([firstErrorField]);\n}\n"]}
+{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Stepper,\n  StepperItem,\n  StepperIndicator,\n  StepperSeparator,\n  StepperTitle,\n} from '~wildo-frontend-lib/components/sections/stepper';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useOptionalFormTemplateContext } from '~wildo-frontend-lib/components/form/automated/FormTemplateContext';\nimport { scrollAndFocusFirstErroredField } from '~wildo-frontend-lib/components/form/validation-errors/scroll-to-first-error.utils';\nimport { useWizardRootRegistration } from './FormLayoutSlotContext';\nimport { WizardLayoutContext } from './WizardLayoutContext';\nimport { WizardStep } from './WizardStep';\n\nexport interface WizardLayoutProps {\n  /** Additional CSS classes for the wizard container. */\n  className?: string;\n  /** 0-based index of the initially active step. @default 0 */\n  initialStep?: number;\n  /** When `true`, validates current step fields before allowing navigation forward. @default true */\n  validateOnStepChange?: boolean;\n  /** Callback fired when step changes (after validation, if enabled). */\n  onStepChange?: (from: number, to: number) => void;\n  /** Custom submit button to render on the last step instead of the default. */\n  submitButton?: ReactNode;\n  children: ReactNode;\n}\n\n/**\n * Wizard container for multi-step form templates.\n *\n * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),\n * and per-step validation. All steps remain mounted (hidden with `display: none`)\n * so that RHF retains field state across steps.\n *\n * Children must be `<WizardStep>` components. Non-WizardStep children are\n * silently filtered out.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <WizardLayout>\n *     <WizardStep name=\"basics\">\n *       <FormField name=\"title\" />\n *       <FormField name=\"description\" />\n *     </WizardStep>\n *     <WizardStep name=\"settings\">\n *       <FormField name=\"priority\" />\n *       <FormField name=\"dueDate\" />\n *     </WizardStep>\n *   </WizardLayout>\n * </FormLayout>\n * ```\n */\nexport function WizardLayout({\n  className,\n  initialStep = 0,\n  validateOnStepChange = true,\n  onStepChange,\n  submitButton,\n  children,\n}: WizardLayoutProps): ReactNode {\n  useWizardRootRegistration();\n\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const stepFieldsRef = useRef<Map<string, Set<string>>>(new Map());\n  const wizardTopRef = useRef<HTMLDivElement>(null);\n\n  const form = useFormContext();\n  const templateCtx = useOptionalFormTemplateContext();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  const wizardSteps = useMemo(() => {\n    const steps: Array<{ name: string; element: React.ReactElement }> = [];\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child) && child.type === WizardStep) {\n        steps.push({\n          name: (child.props as { name: string }).name,\n          element: child,\n        });\n      }\n    });\n    return steps;\n  }, [children]);\n\n  const totalSteps = wizardSteps.length;\n\n  const registerStep = useCallback((name: string, fields: Set<string>) => {\n    stepFieldsRef.current.set(name, fields);\n  }, []);\n\n  const getCurrentStepFieldNames = useCallback(() => {\n    const currentStepName = wizardSteps[currentStep]?.name;\n    if (!currentStepName) return undefined;\n    const stepFields = stepFieldsRef.current.get(currentStepName);\n    return stepFields ? Array.from(stepFields) : undefined;\n  }, [currentStep, wizardSteps]);\n\n  const wizardContextValue = useMemo<React.ContextType<typeof WizardLayoutContext>>(\n    () => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }),\n    [registerStep, getCurrentStepFieldNames, currentStep, totalSteps],\n  );\n\n  /*\n   * A DECLARED step always has an entry: its generated title, or — since #1450 — that title's key\n   * path once the bundle has settled, so an unlabelled declared step reads as missing rather than\n   * as \"Step 2\". The numbered default below is what remains for a step the layout does not declare\n   * (no ref in `layoutRefs.wizardSteps`, so no label could be planned for it) and for the loading\n   * window, when the title is still ''.\n   */\n  const getStepLabel = (stepName: string, index: number): string => {\n    if (templateCtx?.wizardStepLabels?.[stepName]) {\n      return templateCtx.wizardStepLabels[stepName];\n    }\n    return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {\n      index: String(index + 1),\n    });\n  };\n\n  const scrollToTop = () => {\n    wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  };\n\n  const goToStep = (to: number) => {\n    const from = currentStep;\n    setCurrentStep(to);\n    onStepChange?.(from, to);\n    scrollToTop();\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      goToStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = async () => {\n    if (validateOnStepChange && form) {\n      const currentStepName = wizardSteps[currentStep]?.name;\n      const stepFields = currentStepName\n        ? stepFieldsRef.current.get(currentStepName)\n        : undefined;\n\n      const fieldNames = stepFields ? Array.from(stepFields) : [];\n      const isValid = fieldNames.length\n        ? await form.trigger(fieldNames)\n        : await form.trigger();\n\n      if (!isValid) {\n        scrollToFirstError(form, fieldNames);\n        return;\n      }\n    }\n    if (currentStep < totalSteps - 1) {\n      goToStep(currentStep + 1);\n    }\n  };\n\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  if (!isReady) return null;\n\n  const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');\n  const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');\n\n  return (\n    <WizardLayoutContext.Provider value={wizardContextValue}>\n      <div className={className} data-guidance-wizard=\"\">\n        <div ref={wizardTopRef}>\n          <Stepper\n            currentStep={currentStep}\n            totalSteps={totalSteps}\n            orientation={DisplayDirection.HORIZONTAL}\n            className=\"mb-region\"\n          >\n            {wizardSteps.map((step, index) => (\n              <React.Fragment key={step.name}>\n                <StepperItem step={index}>\n                  <StepperIndicator step={index} />\n                  <div className=\"flex flex-col items-center text-center\">\n                    <StepperTitle step={index}>\n                      <span id={`wizard-tab-${step.name}`}>\n                        {getStepLabel(step.name, index)}\n                      </span>\n                    </StepperTitle>\n                  </div>\n                </StepperItem>\n                {index < totalSteps - 1 && <StepperSeparator step={index} />}\n              </React.Fragment>\n            ))}\n          </Stepper>\n        </div>\n\n        {wizardSteps.map((step, index) => (\n          <div\n            key={step.name}\n            style={{ display: index === currentStep ? undefined : 'none' }}\n            aria-hidden={index !== currentStep}\n          >\n            <ErrorBoundary>\n              {step.element}\n            </ErrorBoundary>\n          </div>\n        ))}\n\n        <div className=\"flex justify-between gap-field pt-field\">\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            onClick={handlePrevious}\n            disabled={isFirstStep || templateCtx?.disabled}\n          >\n            {previousLabel}\n          </Button>\n\n          <div className=\"flex gap-element\">\n            {isLastStep ? (\n              submitButton ?? (\n                <Button type=\"submit\" disabled={templateCtx?.disabled}>\n                  {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit')}\n                </Button>\n              )\n            ) : (\n              <Button\n                type=\"button\"\n                onClick={handleNext}\n                disabled={templateCtx?.disabled}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContext.Provider>\n  );\n}\n\n/**\n * Scroll to the first field with a validation error.\n * Uses `data-field` or `name` attributes to locate the DOM element.\n */\nfunction scrollToFirstError(\n  form: ReturnType<typeof useFormContext>,\n  fieldNames?: string[],\n): void {\n  const errors = form.formState.errors;\n  let firstErrorField: string | null = null;\n\n  if (fieldNames?.length) {\n    for (const fieldName of fieldNames) {\n      const parts = fieldName.split('.');\n      let errorObj: unknown = errors;\n      for (const part of parts) {\n        if (errorObj && typeof errorObj === 'object' && part in errorObj) {\n          errorObj = (errorObj as Record<string, unknown>)[part];\n        } else {\n          errorObj = undefined;\n          break;\n        }\n      }\n      if (errorObj) {\n        firstErrorField = fieldName;\n        break;\n      }\n    }\n  }\n\n  if (!firstErrorField) return;\n\n  // Shared scroll+focus mechanics (see scroll-to-first-error.utils, audit D4) —\n  // this wizard keeps its own STEP-SCOPED first-error selection above, but the\n  // DOM lookup / scroll / focus behavior is the same contract the whole-form\n  // submit path uses.\n  scrollAndFocusFirstErroredField([firstErrorField]);\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardLayoutContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,wBAAwB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,mDAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}
+{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,wBAAwB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,mDAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}

package/dist/esm/components/resources/skeleton/WizardLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Contract between WizardLayout (provider) and WizardStep (consumer).\n *\n * Each WizardStep calls `registerStep` during mount to report its name\n * and the set of field names it contains — WizardLayout uses this for\n * per-step validation (trigger only the fields in the active step).\n */\nexport interface WizardLayoutContextValue {\n  /** Called by WizardStep on mount to register its field set. */\n  registerStep: (name: string, fields: Set<string>) => void;\n  /** Returns field names for the currently visible step. */\n  getCurrentStepFieldNames: () => string[] | undefined;\n  /** 0-based index of the currently visible step. */\n  currentStep: number;\n  /** Total number of wizard steps. */\n  totalSteps: number;\n}\n\nexport const WizardLayoutContext = createContext<WizardLayoutContextValue | null>(null);\n\nexport function useWizardLayoutContext(): WizardLayoutContextValue | null {\n  return useContext(WizardLayoutContext);\n}\n"]}
+{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Contract between WizardLayout (provider) and WizardStep (consumer).\n *\n * Each WizardStep calls `registerStep` during mount to report its name\n * and the set of field names it contains — WizardLayout uses this for\n * per-step validation (trigger only the fields in the active step).\n */\nexport interface WizardLayoutContextValue {\n  /** Called by WizardStep on mount to register its field set. */\n  registerStep: (name: string, fields: Set<string>) => void;\n  /** Returns field names for the currently visible step. */\n  getCurrentStepFieldNames: () => string[] | undefined;\n  /** 0-based index of the currently visible step. */\n  currentStep: number;\n  /** Total number of wizard steps. */\n  totalSteps: number;\n}\n\nexport const WizardLayoutContext = createContext<WizardLayoutContextValue | null>(null);\n\nexport function useWizardLayoutContext(): WizardLayoutContextValue | null {\n  return useContext(WizardLayoutContext);\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjG,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CAiDpF"}
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjG,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CAiDpF"}

package/dist/esm/components/resources/skeleton/WizardStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAgB/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACzD,cACE,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,+BACiB,IAAI,EAC/B,IAAI,EAAC,UAAU,qBACE,cAAc,IAAI,EAAE,YAEpC,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { WizardStepFieldsContextValue } from './WizardStepFieldsContext';\nimport { WizardStepFieldsContext } from './WizardStepFieldsContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface WizardStepProps {\n  /**\n   * Structural ref — maps to i18n keys for title/description:\n   * - `resources.{type}.wizardSteps.{name}.title`\n   * - `resources.{type}.wizardSteps.{name}.description`\n   *\n   * Must match an entry in `layout.refs.wizardSteps`.\n   */\n  name: string;\n  /** Additional CSS classes for the step container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Single wizard step within a `<WizardLayout>`.\n *\n * Provides a `WizardStepFieldsContext` so child `<FormField>` components\n * auto-register their names. On mount, reports its collected fields to the\n * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this\n * enables per-step validation (the wizard only triggers fields belonging\n * to the active step).\n *\n * Step title is resolved from i18n by `name`. The wizard hides inactive\n * steps with `display: none` so that RHF keeps all fields mounted.\n *\n * @example\n * ```tsx\n * <WizardStep name=\"contact-info\">\n *   <FormField name=\"email\" />\n *   <FormField name=\"phone\" />\n * </WizardStep>\n * ```\n */\nexport function WizardStep({ name, className, children }: WizardStepProps): ReactNode {\n  const [fields] = useState<Set<string>>(() => new Set());\n  const wizardCtx = useWizardLayoutContext();\n  const registeredRef = useRef(false);\n\n  const registerField = useCallback((fieldName: string) => {\n    fields.add(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const unregisterField = useCallback((fieldName: string) => {\n    fields.delete(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const fieldsContextValue = useMemo<WizardStepFieldsContextValue>(\n    () => ({ registerField, unregisterField }),\n    [registerField, unregisterField],\n  );\n\n  /**\n   * After initial render, report our field set to the parent WizardLayout.\n   * Registration is by name — WizardLayout resolves the index from children order.\n   */\n  useEffect(() => {\n    if (wizardCtx && !registeredRef.current) {\n      registeredRef.current = true;\n      const frame = requestAnimationFrame(() => {\n        wizardCtx.registerStep(name, fields);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [wizardCtx, name, fields]);\n\n  const stepId = `wizard-step-${name}`;\n\n  return (\n    <WizardStepFieldsContext.Provider value={fieldsContextValue}>\n      <div\n        className={className}\n        id={stepId}\n        data-guidance-wizard-step={name}\n        role=\"tabpanel\"\n        aria-labelledby={`wizard-tab-${name}`}\n      >\n        {children}\n      </div>\n    </WizardStepFieldsContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAgB/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACzD,cACE,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,+BACiB,IAAI,EAC/B,IAAI,EAAC,UAAU,qBACE,cAAc,IAAI,EAAE,YAEpC,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { WizardStepFieldsContextValue } from './WizardStepFieldsContext';\nimport { WizardStepFieldsContext } from './WizardStepFieldsContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface WizardStepProps {\n  /**\n   * Structural ref — maps to i18n keys for title/description:\n   * - `resources.{type}.wizardSteps.{name}.title`\n   * - `resources.{type}.wizardSteps.{name}.description`\n   *\n   * Must match an entry in `layout.refs.wizardSteps`.\n   */\n  name: string;\n  /** Additional CSS classes for the step container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Single wizard step within a `<WizardLayout>`.\n *\n * Provides a `WizardStepFieldsContext` so child `<FormField>` components\n * auto-register their names. On mount, reports its collected fields to the\n * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this\n * enables per-step validation (the wizard only triggers fields belonging\n * to the active step).\n *\n * Step title is resolved from i18n by `name`. The wizard hides inactive\n * steps with `display: none` so that RHF keeps all fields mounted.\n *\n * @example\n * ```tsx\n * <WizardStep name=\"contact-info\">\n *   <FormField name=\"email\" />\n *   <FormField name=\"phone\" />\n * </WizardStep>\n * ```\n */\nexport function WizardStep({ name, className, children }: WizardStepProps): ReactNode {\n  const [fields] = useState<Set<string>>(() => new Set());\n  const wizardCtx = useWizardLayoutContext();\n  const registeredRef = useRef(false);\n\n  const registerField = useCallback((fieldName: string) => {\n    fields.add(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const unregisterField = useCallback((fieldName: string) => {\n    fields.delete(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const fieldsContextValue = useMemo<WizardStepFieldsContextValue>(\n    () => ({ registerField, unregisterField }),\n    [registerField, unregisterField],\n  );\n\n  /**\n   * After initial render, report our field set to the parent WizardLayout.\n   * Registration is by name — WizardLayout resolves the index from children order.\n   */\n  useEffect(() => {\n    if (wizardCtx && !registeredRef.current) {\n      registeredRef.current = true;\n      const frame = requestAnimationFrame(() => {\n        wizardCtx.registerStep(name, fields);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [wizardCtx, name, fields]);\n\n  const stepId = `wizard-step-${name}`;\n\n  return (\n    <WizardStepFieldsContext.Provider value={fieldsContextValue}>\n      <div\n        className={className}\n        id={stepId}\n        data-guidance-wizard-step={name}\n        role=\"tabpanel\"\n        aria-labelledby={`wizard-tab-${name}`}\n      >\n        {children}\n      </div>\n    </WizardStepFieldsContext.Provider>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStepFieldsContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,uBAAuB,uDAA2D,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQlE"}
+{"version":3,"file":"WizardStepFieldsContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,uBAAuB,uDAA2D,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQlE"}

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStepFieldsContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEhG;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,SAAiB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC","sourcesContent":["import { createContext, useContext, useEffect } from 'react';\n\nexport interface WizardStepFieldsContextValue {\n  registerField: (name: string) => void;\n  unregisterField: (name: string) => void;\n}\n\nexport const WizardStepFieldsContext = createContext<WizardStepFieldsContextValue | null>(null);\n\n/**\n * Hook for FormField to auto-register with the enclosing WizardStep.\n * Returns a cleanup function that unregisters the field on unmount,\n * preventing stale fields from causing false validation failures\n * when fields are conditionally rendered inside wizard steps.\n * No-op when outside a WizardStep.\n */\nexport function useWizardFieldRegistration(fieldName: string): void {\n  const ctx = useContext(WizardStepFieldsContext);\n  useEffect(() => {\n    ctx?.registerField(fieldName);\n    return () => {\n      ctx?.unregisterField(fieldName);\n    };\n  }, [fieldName, ctx]);\n}\n"]}
+{"version":3,"file":"WizardStepFieldsContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEhG;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,SAAiB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC","sourcesContent":["import { createContext, useContext, useEffect } from 'react';\n\nexport interface WizardStepFieldsContextValue {\n  registerField: (name: string) => void;\n  unregisterField: (name: string) => void;\n}\n\nexport const WizardStepFieldsContext = createContext<WizardStepFieldsContextValue | null>(null);\n\n/**\n * Hook for FormField to auto-register with the enclosing WizardStep.\n * Returns a cleanup function that unregisters the field on unmount,\n * preventing stale fields from causing false validation failures\n * when fields are conditionally rendered inside wizard steps.\n * No-op when outside a WizardStep.\n */\nexport function useWizardFieldRegistration(fieldName: string): void {\n  const ctx = useContext(WizardStepFieldsContext);\n  useEffect(() => {\n    ctx?.registerField(fieldName);\n    return () => {\n      ctx?.unregisterField(fieldName);\n    };\n  }, [fieldName, ctx]);\n}\n"]}

package/dist/esm/components/resources/skeleton/section-consolidation.shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKnG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAelG;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAErD"}
+{"version":3,"file":"section-consolidation.shared.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKnG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAelG;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAErD"}

package/dist/esm/components/resources/skeleton/section-consolidation.shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.shared.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAS,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE9E,MAAM,UAAU,mBAAmB,CAAC,IAA0B;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,CAAC,CAAE,IAA0B;YAC7B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,MAAM,MAAM,GAA+C,EAAE,CAAC;IAC9D,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC,CAAE,KAA2B;YAC9B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,MAA4C,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiB;IAC1C,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import { DisplayChromeMode } from '@wildo-ai/zod-decorators';\nimport type { ResponsiveChromeMode, ResponsiveAware, SectionMode } from '@wildo-ai/zod-decorators';\nimport { isSoloSectionMode } from '~wildo-frontend-lib/components/sections/section-grouping.shared';\n\nconst VALID_DISPLAY_MODES = new Set<string>(Object.values(DisplayChromeMode));\n\nexport function toDisplayChromeMode(mode: ResponsiveChromeMode): ResponsiveAware<DisplayChromeMode> {\n  if (typeof mode === 'string') {\n    return VALID_DISPLAY_MODES.has(mode)\n      ? (mode as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  const mapped: Partial<Record<string, DisplayChromeMode>> = {};\n  for (const [breakpoint, value] of Object.entries(mode)) {\n    mapped[breakpoint] = (value && VALID_DISPLAY_MODES.has(value))\n      ? (value as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  return mapped as ResponsiveAware<DisplayChromeMode>;\n}\n\nexport function isSoloMode(mode: SectionMode): boolean {\n  return isSoloSectionMode(mode);\n}\n"]}
+{"version":3,"file":"section-consolidation.shared.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAS,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE9E,MAAM,UAAU,mBAAmB,CAAC,IAA0B;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,CAAC,CAAE,IAA0B;YAC7B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,MAAM,MAAM,GAA+C,EAAE,CAAC;IAC9D,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC,CAAE,KAA2B;YAC9B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,MAA4C,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiB;IAC1C,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import { DisplayChromeMode } from '@wildo-ai/zod-decorators';\nimport type { ResponsiveChromeMode, ResponsiveAware, SectionMode } from '@wildo-ai/zod-decorators';\nimport { isSoloSectionMode } from '~wildo-frontend-lib/components/sections/section-grouping.shared';\n\nconst VALID_DISPLAY_MODES = new Set<string>(Object.values(DisplayChromeMode));\n\nexport function toDisplayChromeMode(mode: ResponsiveChromeMode): ResponsiveAware<DisplayChromeMode> {\n  if (typeof mode === 'string') {\n    return VALID_DISPLAY_MODES.has(mode)\n      ? (mode as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  const mapped: Partial<Record<string, DisplayChromeMode>> = {};\n  for (const [breakpoint, value] of Object.entries(mode)) {\n    mapped[breakpoint] = (value && VALID_DISPLAY_MODES.has(value))\n      ? (value as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  return mapped as ResponsiveAware<DisplayChromeMode>;\n}\n\nexport function isSoloMode(mode: SectionMode): boolean {\n  return isSoloSectionMode(mode);\n}\n"]}

package/dist/esm/components/resources/skeleton/section-consolidation.utils.d.ts

@@ -9,7 +9,7 @@
  */
 import { type ReactNode, type ReactElement } from 'react';
 import { type SectionProps } from './Section';
-import { type GroupedSectionLikeChildren, type SectionLikeGroup } from '../../../components/sections/section-grouping.shared';
+import { type ContainerSectionMode, type GroupedSectionLikeChildren, type SectionLikeGroup } from '../../../components/sections/section-grouping.shared';
 export { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';
 /** Type guard: is this child a `<Section>` element? */
 export declare function isSectionElement(child: ReactNode): child is ReactElement<SectionProps>;
@@ -30,7 +30,7 @@ export type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;
  * Result items:
  *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]
  */
-export declare function groupSectionsByAppearance(children: ReactNode): GroupedLayoutChildren;
+export declare function groupSectionsByAppearance(children: ReactNode, defaultAppearance?: ContainerSectionMode): GroupedLayoutChildren;
 /**
  * Builds a `SectionConfig` from the first section in a group.
  * The first section's props define the container-level parameters.

package/dist/esm/components/resources/skeleton/section-consolidation.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACtB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAMjF,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEtF;AAMD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,SAAS,GAAG,qBAAqB,CAEpF;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,+DAE9D"}
+{"version":3,"file":"section-consolidation.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACtB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAMjF,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEtF;AAMD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,SAAS,EACnB,iBAAiB,CAAC,EAAE,oBAAoB,GACvC,qBAAqB,CAEvB;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,+DAE9D"}

package/dist/esm/components/resources/skeleton/section-consolidation.utils.js

@@ -34,8 +34,8 @@ export function isSectionElement(child) {
  * Result items:
  *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]
  */
-export function groupSectionsByAppearance(children) {
-    return groupSectionLikeElementsByAppearance(children, isSectionElement);
+export function groupSectionsByAppearance(children, defaultAppearance) {
+    return groupSectionLikeElementsByAppearance(children, isSectionElement, defaultAppearance);
 }
 /**
  * Builds a `SectionConfig` from the first section in a group.

package/dist/esm/components/resources/skeleton/section-consolidation.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.utils.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AAEH,OAAc,EAAkB,cAAc,EAAqB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,sCAAsC,EACtC,oCAAoC,GAGrC,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAEjF,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AACzD,CAAC;AASD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,yBAAyB,CAAC,QAAmB;IAC3D,OAAO,oCAAoC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAC1E,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,OAAO,sCAAsC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC","sourcesContent":["'use client';\n\n/**\n * Section Consolidation Utilities\n *\n * Provides shared helpers used by the Section component and layout grouping:\n * - `toDisplayChromeMode`: coerces `ResponsiveChromeMode` to `DisplayChromeMode`\n * - `isSectionElement`: type guard for `<Section>` elements\n * - `groupSectionsByAppearance`: groups sibling `<Section>` children by their\n *   `appearance` prop for layout rendering\n */\n\nimport React, { type ReactNode, isValidElement, type ReactElement } from 'react';\nimport { Section, type SectionProps } from './Section';\nimport {\n  buildSectionConfigFromSectionLikeGroup,\n  groupSectionLikeElementsByAppearance,\n  type GroupedSectionLikeChildren,\n  type SectionLikeGroup,\n} from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nexport { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';\n\n// =============================================================================\n// SECTION ELEMENT DETECTION\n// =============================================================================\n\n/** Type guard: is this child a `<Section>` element? */\nexport function isSectionElement(child: ReactNode): child is ReactElement<SectionProps> {\n  return isValidElement(child) && child.type === Section;\n}\n\n// =============================================================================\n// SECTION GROUPING FOR LAYOUT COMPONENTS\n// =============================================================================\n\nexport type SectionGroup = SectionLikeGroup<SectionProps>;\nexport type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;\n\n/**\n * Groups children by their `appearance` mode for layout rendering.\n *\n * - Solo mode sections (DEFAULT, CARD, GHOST, COLLAPSIBLE) and non-Section children\n *   are kept in place as individual nodes.\n * - Container mode sections are grouped by their mode. The group is placed at the\n *   position of the **first** occurrence of that mode.\n * - Subsequent sections with the same container mode are collected into the group\n *   (not rendered individually).\n *\n * @example\n * Given children: [Section(TABS), Section(CARD), Section(TABS), Section(ACCORDION)]\n * Result items:\n *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]\n */\nexport function groupSectionsByAppearance(children: ReactNode): GroupedLayoutChildren {\n  return groupSectionLikeElementsByAppearance(children, isSectionElement);\n}\n\n/**\n * Builds a `SectionConfig` from the first section in a group.\n * The first section's props define the container-level parameters.\n */\nexport function buildSectionConfigFromGroup(group: SectionGroup) {\n  return buildSectionConfigFromSectionLikeGroup(group);\n}\n"]}
+{"version":3,"file":"section-consolidation.utils.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AAEH,OAAc,EAAkB,cAAc,EAAqB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,sCAAsC,EACtC,oCAAoC,GAIrC,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAEjF,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AACzD,CAAC;AASD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,yBAAyB,CACvC,QAAmB,EACnB,iBAAwC;IAExC,OAAO,oCAAoC,CAAC,QAAQ,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AAC7F,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,OAAO,sCAAsC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC","sourcesContent":["'use client';\n\n/**\n * Section Consolidation Utilities\n *\n * Provides shared helpers used by the Section component and layout grouping:\n * - `toDisplayChromeMode`: coerces `ResponsiveChromeMode` to `DisplayChromeMode`\n * - `isSectionElement`: type guard for `<Section>` elements\n * - `groupSectionsByAppearance`: groups sibling `<Section>` children by their\n *   `appearance` prop for layout rendering\n */\n\nimport React, { type ReactNode, isValidElement, type ReactElement } from 'react';\nimport { Section, type SectionProps } from './Section';\nimport {\n  buildSectionConfigFromSectionLikeGroup,\n  groupSectionLikeElementsByAppearance,\n  type ContainerSectionMode,\n  type GroupedSectionLikeChildren,\n  type SectionLikeGroup,\n} from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nexport { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';\n\n// =============================================================================\n// SECTION ELEMENT DETECTION\n// =============================================================================\n\n/** Type guard: is this child a `<Section>` element? */\nexport function isSectionElement(child: ReactNode): child is ReactElement<SectionProps> {\n  return isValidElement(child) && child.type === Section;\n}\n\n// =============================================================================\n// SECTION GROUPING FOR LAYOUT COMPONENTS\n// =============================================================================\n\nexport type SectionGroup = SectionLikeGroup<SectionProps>;\nexport type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;\n\n/**\n * Groups children by their `appearance` mode for layout rendering.\n *\n * - Solo mode sections (DEFAULT, CARD, GHOST, COLLAPSIBLE) and non-Section children\n *   are kept in place as individual nodes.\n * - Container mode sections are grouped by their mode. The group is placed at the\n *   position of the **first** occurrence of that mode.\n * - Subsequent sections with the same container mode are collected into the group\n *   (not rendered individually).\n *\n * @example\n * Given children: [Section(TABS), Section(CARD), Section(TABS), Section(ACCORDION)]\n * Result items:\n *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]\n */\nexport function groupSectionsByAppearance(\n  children: ReactNode,\n  defaultAppearance?: ContainerSectionMode,\n): GroupedLayoutChildren {\n  return groupSectionLikeElementsByAppearance(children, isSectionElement, defaultAppearance);\n}\n\n/**\n * Builds a `SectionConfig` from the first section in a group.\n * The first section's props define the container-level parameters.\n */\nexport function buildSectionConfigFromGroup(group: SectionGroup) {\n  return buildSectionConfigFromSectionLikeGroup(group);\n}\n"]}

package/dist/esm/components/resources/useInlineSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInlineSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,uBAAuB;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAgC,EAChC,iBAAiB,GAClB,EAAE,sBAAsB,GAAG,qBAAqB,CAmChD"}
+{"version":3,"file":"useInlineSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,uBAAuB;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAgC,EAChC,iBAAiB,GAClB,EAAE,sBAAsB,GAAG,qBAAqB,CAmChD"}

package/dist/esm/components/resources/useInlineSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInlineSearch.js","sourceRoot":"","sources":["../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AA0BzD,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,mBAAmB,EAChC,iBAAiB,GACM;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,iBAAiB,CAAC,IAAI,CAAC,EAAE;gBACvB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;oBACnB,iBAAiB,EAAE,EAAE,CAAC;gBACxB,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,UAAU,CAAC,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,mFAAmF;QACnF,uDAAuD;IACvD,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC1E,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,cAAc;QACd,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC;QACnC,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC","sourcesContent":["/**\n * useInlineSearch — shared hook for inline search with debounce.\n *\n * Extracts the state management, debounce effect, and handlers that were\n * duplicated between ResourceLayoutPreset_List_Default and\n * ResourceLayoutPreset_List_Table.\n *\n * Usage:\n *   const inlineSearch = useInlineSearch({ enabled, onDebouncedChange });\n *   // inlineSearch.query, inlineSearch.debouncedQuery, inlineSearch.handleChange, etc.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\n\nexport interface UseInlineSearchOptions {\n  /** Whether the inline search bar should be shown / active */\n  enabled: boolean;\n  /** Debounce delay in milliseconds (default: 300) */\n  debounceMs?: number;\n  /** Callback fired when the debounced value actually changes — typically resets pagination */\n  onDebouncedChange?: () => void;\n}\n\nexport interface UseInlineSearchReturn {\n  /** Current raw input value (updates immediately on keystroke) */\n  query: string;\n  /** Debounced query value suitable for API calls */\n  debouncedQuery: string;\n  /** Whether the search bar should be rendered */\n  isVisible: boolean;\n  /** Whether a non-empty debounced search is active (used to decide LIST vs SEARCH delegation) */\n  isActive: boolean;\n  /** Input onChange handler */\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Clear the search */\n  handleClear: () => void;\n}\n\nconst DEFAULT_DEBOUNCE_MS = 300;\n\nexport function useInlineSearch({\n  enabled,\n  debounceMs = DEFAULT_DEBOUNCE_MS,\n  onDebouncedChange,\n}: UseInlineSearchOptions): UseInlineSearchReturn {\n  const [query, setQuery] = useState('');\n  const [debouncedQuery, setDebouncedQuery] = useState('');\n\n  // Debounce the query value and fire the change callback when it settles\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedQuery(prev => {\n        if (prev !== query) {\n          onDebouncedChange?.();\n        }\n        return query;\n      });\n    }, debounceMs);\n    return () => clearTimeout(timer);\n  // onDebouncedChange is expected to be a stable callback (useCallback at call site)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, debounceMs]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(e.target.value);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    setQuery('');\n  }, []);\n\n  return {\n    query,\n    debouncedQuery,\n    isVisible: enabled,\n    isActive: debouncedQuery.length > 0,\n    handleChange,\n    handleClear,\n  };\n}\n"]}
+{"version":3,"file":"useInlineSearch.js","sourceRoot":"","sources":["../../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AA0BzD,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,mBAAmB,EAChC,iBAAiB,GACM;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,iBAAiB,CAAC,IAAI,CAAC,EAAE;gBACvB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;oBACnB,iBAAiB,EAAE,EAAE,CAAC;gBACxB,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,UAAU,CAAC,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,mFAAmF;QACnF,uDAAuD;IACvD,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC1E,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,cAAc;QACd,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC;QACnC,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC","sourcesContent":["/**\n * useInlineSearch — shared hook for inline search with debounce.\n *\n * Extracts the state management, debounce effect, and handlers that were\n * duplicated between ResourceLayoutPreset_List_Default and\n * ResourceLayoutPreset_List_Table.\n *\n * Usage:\n *   const inlineSearch = useInlineSearch({ enabled, onDebouncedChange });\n *   // inlineSearch.query, inlineSearch.debouncedQuery, inlineSearch.handleChange, etc.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\n\nexport interface UseInlineSearchOptions {\n  /** Whether the inline search bar should be shown / active */\n  enabled: boolean;\n  /** Debounce delay in milliseconds (default: 300) */\n  debounceMs?: number;\n  /** Callback fired when the debounced value actually changes — typically resets pagination */\n  onDebouncedChange?: () => void;\n}\n\nexport interface UseInlineSearchReturn {\n  /** Current raw input value (updates immediately on keystroke) */\n  query: string;\n  /** Debounced query value suitable for API calls */\n  debouncedQuery: string;\n  /** Whether the search bar should be rendered */\n  isVisible: boolean;\n  /** Whether a non-empty debounced search is active (used to decide LIST vs SEARCH delegation) */\n  isActive: boolean;\n  /** Input onChange handler */\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Clear the search */\n  handleClear: () => void;\n}\n\nconst DEFAULT_DEBOUNCE_MS = 300;\n\nexport function useInlineSearch({\n  enabled,\n  debounceMs = DEFAULT_DEBOUNCE_MS,\n  onDebouncedChange,\n}: UseInlineSearchOptions): UseInlineSearchReturn {\n  const [query, setQuery] = useState('');\n  const [debouncedQuery, setDebouncedQuery] = useState('');\n\n  // Debounce the query value and fire the change callback when it settles\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedQuery(prev => {\n        if (prev !== query) {\n          onDebouncedChange?.();\n        }\n        return query;\n      });\n    }, debounceMs);\n    return () => clearTimeout(timer);\n  // onDebouncedChange is expected to be a stable callback (useCallback at call site)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, debounceMs]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(e.target.value);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    setQuery('');\n  }, []);\n\n  return {\n    query,\n    debouncedQuery,\n    isVisible: enabled,\n    isActive: debouncedQuery.length > 0,\n    handleChange,\n    handleClear,\n  };\n}\n"]}

package/dist/esm/components/resources/useLongPress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,kHAAkH;IAClH,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAOD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,IAAI,EACpB,EAAE,OAAc,EAAE,OAAa,EAAE,eAAoB,EAAE,GAAE,mBAAwB,GAChF,kBAAkB,CA8EpB"}
+{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,kHAAkH;IAClH,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAOD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,IAAI,EACpB,EAAE,OAAc,EAAE,OAAa,EAAE,eAAoB,EAAE,GAAE,mBAAwB,GAChF,kBAAkB,CA8EpB"}

package/dist/esm/components/resources/useLongPress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type React from 'react';\n\n/**\n * useLongPress — touch long-press detection for the mobile \"long-press to enter\n * selection mode\" pattern on collection items.\n *\n * Fires `callback` when a single touch is held past `delayMs` without moving\n * beyond `moveTolerancePx` (a scroll gesture cancels it, never selects). After a\n * long-press fires, the browser still emits a synthetic `click`; the caller must\n * call `consumeLongPress()` at the top of its click handler to swallow that one\n * click (otherwise the press would both select AND navigate). `onContextMenu`\n * suppresses the long-press context menu on touch.\n *\n * Touch-only by design — long-press is a mobile gesture; desktop selection uses\n * the checkbox. No-op when `enabled` is false.\n *\n * Robustness: the pending timers are cleared on unmount (no fire-after-unmount);\n * the callback is read through a ref so a row that re-renders with a different\n * item mid-press toggles the CURRENT item; a second touch (pinch) cancels rather\n * than re-arming; and after firing, `firedRef` auto-clears on a short safety\n * timer so a synthetic click that never reaches `consumeLongPress` (e.g. eaten by\n * a child's stopPropagation) can't wrongly swallow a later unrelated click.\n */\nexport interface UseLongPressResult {\n  handlers: {\n    onTouchStart: (e: React.TouchEvent) => void;\n    onTouchEnd: () => void;\n    onTouchMove: (e: React.TouchEvent) => void;\n    onContextMenu: (e: React.MouseEvent) => void;\n  };\n  /** Returns true (once) if a long-press just fired — call at the top of onClick to swallow the synthetic click. */\n  consumeLongPress: () => boolean;\n}\n\nexport interface UseLongPressOptions {\n  enabled?: boolean;\n  delayMs?: number;\n  moveTolerancePx?: number;\n}\n\n// How long after finger RELEASE the \"just fired\" flag lives before self-clearing\n// — a backstop for a synthetic click that never reaches consumeLongPress. Must\n// comfortably exceed the touchend→synthetic-click delay (~0-300ms).\nconst FIRED_FLAG_TTL_MS = 700;\n\nexport function useLongPress(\n  callback: () => void,\n  { enabled = true, delayMs = 450, moveTolerancePx = 10 }: UseLongPressOptions = {},\n): UseLongPressResult {\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const firedRef = useRef(false);\n  const startPosRef = useRef<{ x: number; y: number } | null>(null);\n  // Always-fresh callback so the timer toggles the item as of fire time, not the\n  // item captured at touchstart (recycled/reordered rows).\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const clearPressTimer = useCallback(() => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  }, []);\n\n  const onTouchStart = useCallback((e: React.TouchEvent) => {\n    if (!enabled) return;\n    // A second concurrent touch (pinch/two-finger) is not a long-press.\n    if (e.touches.length > 1) {\n      clearPressTimer();\n      return;\n    }\n    firedRef.current = false;\n    const touch = e.touches[0];\n    startPosRef.current = touch ? { x: touch.clientX, y: touch.clientY } : null;\n    clearPressTimer();\n    pressTimerRef.current = setTimeout(() => {\n      firedRef.current = true;\n      callbackRef.current();\n      // NB: the self-heal reset is armed on touchEND (below), NOT here — arming\n      // it at fire time couples the TTL to hold duration, so a long hold would\n      // clear `firedRef` before the release-time synthetic click, un-swallowing\n      // it (the click would then toggle the just-selected item back off).\n    }, delayMs);\n  }, [enabled, delayMs, clearPressTimer]);\n\n  const onTouchMove = useCallback((e: React.TouchEvent) => {\n    const start = startPosRef.current;\n    const touch = e.touches[0];\n    if (!start || !touch) return;\n    if (Math.abs(touch.clientX - start.x) > moveTolerancePx || Math.abs(touch.clientY - start.y) > moveTolerancePx) {\n      clearPressTimer(); // moved → treat as scroll, cancel the pending long-press\n    }\n  }, [moveTolerancePx, clearPressTimer]);\n\n  const onTouchEnd = useCallback(() => {\n    clearPressTimer();\n    // If a long-press fired, arm a backstop that clears `firedRef` a short while\n    // AFTER release — long enough for the synthetic click to reach\n    // `consumeLongPress()` (which clears it first), but a guaranteed self-heal if\n    // that click never arrives (e.g. eaten by a child's stopPropagation).\n    if (firedRef.current) {\n      if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n      resetTimerRef.current = setTimeout(() => { firedRef.current = false; }, FIRED_FLAG_TTL_MS);\n    }\n  }, [clearPressTimer]);\n\n  const onContextMenu = useCallback((e: React.MouseEvent) => {\n    if (firedRef.current) e.preventDefault();\n  }, []);\n\n  const consumeLongPress = useCallback(() => {\n    if (firedRef.current) {\n      firedRef.current = false;\n      return true;\n    }\n    return false;\n  }, []);\n\n  // Clear any pending timers if the row unmounts mid-press (no fire-after-unmount).\n  useEffect(() => () => {\n    if (pressTimerRef.current) clearTimeout(pressTimerRef.current);\n    if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n  }, []);\n\n  return { handlers: { onTouchStart, onTouchEnd, onTouchMove, onContextMenu }, consumeLongPress };\n}\n"]}
+{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type React from 'react';\n\n/**\n * useLongPress — touch long-press detection for the mobile \"long-press to enter\n * selection mode\" pattern on collection items.\n *\n * Fires `callback` when a single touch is held past `delayMs` without moving\n * beyond `moveTolerancePx` (a scroll gesture cancels it, never selects). After a\n * long-press fires, the browser still emits a synthetic `click`; the caller must\n * call `consumeLongPress()` at the top of its click handler to swallow that one\n * click (otherwise the press would both select AND navigate). `onContextMenu`\n * suppresses the long-press context menu on touch.\n *\n * Touch-only by design — long-press is a mobile gesture; desktop selection uses\n * the checkbox. No-op when `enabled` is false.\n *\n * Robustness: the pending timers are cleared on unmount (no fire-after-unmount);\n * the callback is read through a ref so a row that re-renders with a different\n * item mid-press toggles the CURRENT item; a second touch (pinch) cancels rather\n * than re-arming; and after firing, `firedRef` auto-clears on a short safety\n * timer so a synthetic click that never reaches `consumeLongPress` (e.g. eaten by\n * a child's stopPropagation) can't wrongly swallow a later unrelated click.\n */\nexport interface UseLongPressResult {\n  handlers: {\n    onTouchStart: (e: React.TouchEvent) => void;\n    onTouchEnd: () => void;\n    onTouchMove: (e: React.TouchEvent) => void;\n    onContextMenu: (e: React.MouseEvent) => void;\n  };\n  /** Returns true (once) if a long-press just fired — call at the top of onClick to swallow the synthetic click. */\n  consumeLongPress: () => boolean;\n}\n\nexport interface UseLongPressOptions {\n  enabled?: boolean;\n  delayMs?: number;\n  moveTolerancePx?: number;\n}\n\n// How long after finger RELEASE the \"just fired\" flag lives before self-clearing\n// — a backstop for a synthetic click that never reaches consumeLongPress. Must\n// comfortably exceed the touchend→synthetic-click delay (~0-300ms).\nconst FIRED_FLAG_TTL_MS = 700;\n\nexport function useLongPress(\n  callback: () => void,\n  { enabled = true, delayMs = 450, moveTolerancePx = 10 }: UseLongPressOptions = {},\n): UseLongPressResult {\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const firedRef = useRef(false);\n  const startPosRef = useRef<{ x: number; y: number } | null>(null);\n  // Always-fresh callback so the timer toggles the item as of fire time, not the\n  // item captured at touchstart (recycled/reordered rows).\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const clearPressTimer = useCallback(() => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  }, []);\n\n  const onTouchStart = useCallback((e: React.TouchEvent) => {\n    if (!enabled) return;\n    // A second concurrent touch (pinch/two-finger) is not a long-press.\n    if (e.touches.length > 1) {\n      clearPressTimer();\n      return;\n    }\n    firedRef.current = false;\n    const touch = e.touches[0];\n    startPosRef.current = touch ? { x: touch.clientX, y: touch.clientY } : null;\n    clearPressTimer();\n    pressTimerRef.current = setTimeout(() => {\n      firedRef.current = true;\n      callbackRef.current();\n      // NB: the self-heal reset is armed on touchEND (below), NOT here — arming\n      // it at fire time couples the TTL to hold duration, so a long hold would\n      // clear `firedRef` before the release-time synthetic click, un-swallowing\n      // it (the click would then toggle the just-selected item back off).\n    }, delayMs);\n  }, [enabled, delayMs, clearPressTimer]);\n\n  const onTouchMove = useCallback((e: React.TouchEvent) => {\n    const start = startPosRef.current;\n    const touch = e.touches[0];\n    if (!start || !touch) return;\n    if (Math.abs(touch.clientX - start.x) > moveTolerancePx || Math.abs(touch.clientY - start.y) > moveTolerancePx) {\n      clearPressTimer(); // moved → treat as scroll, cancel the pending long-press\n    }\n  }, [moveTolerancePx, clearPressTimer]);\n\n  const onTouchEnd = useCallback(() => {\n    clearPressTimer();\n    // If a long-press fired, arm a backstop that clears `firedRef` a short while\n    // AFTER release — long enough for the synthetic click to reach\n    // `consumeLongPress()` (which clears it first), but a guaranteed self-heal if\n    // that click never arrives (e.g. eaten by a child's stopPropagation).\n    if (firedRef.current) {\n      if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n      resetTimerRef.current = setTimeout(() => { firedRef.current = false; }, FIRED_FLAG_TTL_MS);\n    }\n  }, [clearPressTimer]);\n\n  const onContextMenu = useCallback((e: React.MouseEvent) => {\n    if (firedRef.current) e.preventDefault();\n  }, []);\n\n  const consumeLongPress = useCallback(() => {\n    if (firedRef.current) {\n      firedRef.current = false;\n      return true;\n    }\n    return false;\n  }, []);\n\n  // Clear any pending timers if the row unmounts mid-press (no fire-after-unmount).\n  useEffect(() => () => {\n    if (pressTimerRef.current) clearTimeout(pressTimerRef.current);\n    if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n  }, []);\n\n  return { handlers: { onTouchStart, onTouchEnd, onTouchMove, onContextMenu }, consumeLongPress };\n}\n"]}

package/dist/esm/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.d.ts

@@ -10,5 +10,5 @@
  */
 import React from 'react';
 import type { ResourceFieldDisplayPreset_ResourceReference_DefaultProps } from '../../../../components/resources-fields/resource-reference/ResourceFieldDisplay_ResourceReference';
-export declare const ResourceFieldDisplayPreset_ResourceReference_Default: ({ fieldName, value, resourceType: resourceTypeProp, data: prePopulatedData, displayParams, schema, className, }: ResourceFieldDisplayPreset_ResourceReference_DefaultProps) => React.JSX.Element;
+export declare const ResourceFieldDisplayPreset_ResourceReference_Default: ({ fieldName, value, resourceType: resourceTypeProp, data: prePopulatedData, displayParams, labelFallback, schema, className, }: ResourceFieldDisplayPreset_ResourceReference_DefaultProps) => React.JSX.Element;
 //# sourceMappingURL=ResourceFieldDisplayPreset_ResourceReference_Default.d.ts.map

package/dist/esm/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceFieldDisplayPreset_ResourceReference_Default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,yDAAyD,EAAE,MAAM,2GAA2G,CAAC;AAuC3L,eAAO,MAAM,oDAAoD,GAAI,iHAQlE,yDAAyD,KAAG,KAAK,CAAC,GAAG,CAAC,OAioBxE,CAAC"}
+{"version":3,"file":"ResourceFieldDisplayPreset_ResourceReference_Default.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,yDAAyD,EAAE,MAAM,2GAA2G,CAAC;AAuC3L,eAAO,MAAM,oDAAoD,GAAI,gIASlE,yDAAyD,KAAG,KAAK,CAAC,GAAG,CAAC,OA4pBxE,CAAC"}