@wildo-ai/presets-components 1.0.1 → 1.1.0

package/dist/esm/components/overlays/floating/tooltip.js

@@ -1,10 +1,29 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { UIBehavior, SurfaceVariant, resolvePlacementSideToRadix } from "@wildo-ai/presets-components-models";
-import { createCompoundPreset, cn, useUI, usePortalContainer } from "@wildo-ai/saas-frontend-lib";
-function TooltipProvider({ delayDuration = 0, ...props }) {
-    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+import { resolvePlacementSideToRadix, SurfaceVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { createCompoundPreset, cn, useUI, useSurfacePolicyPortalTarget, useSurfacePolicyStackingClass, Surface, } from '@wildo-ai/saas-frontend-lib';
+/**
+ * Tooltip delay defaults.
+ *
+ * `delayDuration` — hover dwell (ms) before a tooltip opens. The shadcn default
+ * of `0` makes tooltips pop the instant the cursor crosses a trigger, so sweeping
+ * across a toolbar of icon buttons flashes a stutter of tooltips — the "badly
+ * managed" feel. `200` is the widely-recommended middle ground: long enough to
+ * ignore an incidental mouse sweep, short enough to feel responsive for
+ * icon-only buttons where the tooltip is the only label. Callers that want a
+ * different cadence pass `delayDuration` explicitly (e.g. the activity-bar uses
+ * a snappier value, the sidebar opts into `0`).
+ *
+ * `skipDelayDuration` — once any tooltip in this provider has opened, sibling
+ * tooltips skip the dwell for this window (ms), so a deliberate scan of a
+ * toolbar stays instant after the first hover. Only effective when triggers
+ * share one provider; harmless otherwise.
+ */
+const DEFAULT_TOOLTIP_DELAY_MS = 200;
+const DEFAULT_TOOLTIP_SKIP_DELAY_MS = 300;
+function TooltipProvider({ delayDuration = DEFAULT_TOOLTIP_DELAY_MS, skipDelayDuration = DEFAULT_TOOLTIP_SKIP_DELAY_MS, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
 }
 function TooltipRoot({ ...props }) {
     return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
@@ -12,17 +31,22 @@ function TooltipRoot({ ...props }) {
 function TooltipTrigger({ ...props }) {
     return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
-function TooltipContent({ className, side, sideOffset = 0, align, children, ...props }) {
+function TooltipContent({ className, side, sideOffset = 0, align, children, surfacePolicyOverride, ...props }) {
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.RAISED);
-    const container = usePortalContainer();
+    const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.RAISED, surfacePolicyOverride);
+    const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.RAISED, surfacePolicyOverride);
     const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr';
     const radixSide = side != null ? resolvePlacementSideToRadix(side, dir) : undefined;
-    return (_jsx(TooltipPrimitive.Portal, { container: container, children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", side: radixSide, align: align, sideOffset: sideOffset, className: cn(
+    const content = (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.RAISED, policyOverride: surfacePolicyOverride, children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", side: radixSide, align: align, sideOffset: sideOffset, className: cn(
             // Structure
-            "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) px-card-sm py-card-sm text-xs text-balance", 
+            stackingClass, "w-fit origin-(--radix-tooltip-content-transform-origin) px-card-sm py-card-sm text-xs text-balance", 
             // Style from SURFACE.raised
-            recipe.base, recipe.motion.enter, recipe.motion.exit, className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] [&]:bg-[inherit] [&]:fill-[inherit]" })] }) }));
+            recipe.base, recipe.motion.enter, recipe.motion.exit, className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 6, className: "[&]:fill-[inherit]" })] }) }));
+    if (!shouldPortal) {
+        return content;
+    }
+    return (_jsx(TooltipPrimitive.Portal, { container: container, children: content }));
 }
 export const Tooltip = createCompoundPreset(TooltipRoot, { Trigger: TooltipTrigger, Content: TooltipContent, Provider: TooltipProvider });
-//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/esm/components/overlays/floating/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/components/overlays/floating/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAiB,2BAA2B,EAAE,MAAM,qCAAqC,CAAA;AAE5H,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAEjG,SAAS,eAAe,CAAC,EACvB,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACa;IACrB,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,iBACd,kBAAkB,EAC5B,aAAa,EAAE,aAAa,KACxB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACK;IACb,OAAO,CACL,KAAC,eAAe,cACd,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,GACxC,CACnB,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACY;IACpB,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAA;AAC5E,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACY;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IACnE,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAA;IACtC,MAAM,GAAG,GAAG,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,KAAK,CAAA;IAClG,MAAM,SAAS,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,IAAI,EAAE,GAAoB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpG,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YAC3C,MAAC,gBAAgB,CAAC,OAAO,iBACb,iBAAiB,EAC3B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE;YACX,YAAY;YACZ,yGAAyG;YACzG,4BAA4B;YAC5B,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,IAAI,EAClB,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,0GAA0G,GAAG,IACtH,GACH,CAC3B,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,oBAAoB,CAAkB,WAAW,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAA"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { FrontendComponentType, PlacementSide, resolvePlacementSideToRadix, SurfaceVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport {\n  TooltipProps,\n  TooltipTriggerProps,\n  TooltipContentProps,\n  TooltipProviderProps,\n  TooltipCompound,\n  createCompoundPreset,\n  cn,\n  useUI,\n  useSurfacePolicyPortalTarget,\n  useSurfacePolicyStackingClass,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\n/**\n * Tooltip delay defaults.\n *\n * `delayDuration` — hover dwell (ms) before a tooltip opens. The shadcn default\n * of `0` makes tooltips pop the instant the cursor crosses a trigger, so sweeping\n * across a toolbar of icon buttons flashes a stutter of tooltips — the \"badly\n * managed\" feel. `200` is the widely-recommended middle ground: long enough to\n * ignore an incidental mouse sweep, short enough to feel responsive for\n * icon-only buttons where the tooltip is the only label. Callers that want a\n * different cadence pass `delayDuration` explicitly (e.g. the activity-bar uses\n * a snappier value, the sidebar opts into `0`).\n *\n * `skipDelayDuration` — once any tooltip in this provider has opened, sibling\n * tooltips skip the dwell for this window (ms), so a deliberate scan of a\n * toolbar stays instant after the first hover. Only effective when triggers\n * share one provider; harmless otherwise.\n */\nconst DEFAULT_TOOLTIP_DELAY_MS = 200\nconst DEFAULT_TOOLTIP_SKIP_DELAY_MS = 300\n\nfunction TooltipProvider({\n  delayDuration = DEFAULT_TOOLTIP_DELAY_MS,\n  skipDelayDuration = DEFAULT_TOOLTIP_SKIP_DELAY_MS,\n  ...props\n}: TooltipProviderProps): React.JSX.Element {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      skipDelayDuration={skipDelayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction TooltipRoot({\n  ...props\n}: TooltipProps): React.JSX.Element {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: TooltipTriggerProps): React.JSX.Element {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  side,\n  sideOffset = 0,\n  align,\n  children,\n  surfacePolicyOverride,\n  ...props\n}: TooltipContentProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.RAISED)\n  const { container, shouldPortal } = useSurfacePolicyPortalTarget(SurfaceVariant.RAISED, surfacePolicyOverride)\n  const stackingClass = useSurfacePolicyStackingClass(SurfaceVariant.RAISED, surfacePolicyOverride)\n  const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr'\n  const radixSide = side != null ? resolvePlacementSideToRadix(side, dir as 'ltr' | 'rtl') : undefined\n\n  const content = (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.RAISED} policyOverride={surfacePolicyOverride}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        side={radixSide}\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          // Structure\n          stackingClass,\n          \"w-fit origin-(--radix-tooltip-content-transform-origin) px-card-sm py-card-sm text-xs text-balance\",\n          // Style from SURFACE.raised\n          recipe.base,\n          recipe.motion.enter,\n          recipe.motion.exit,\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {/*\n         * The arrow paints the tooltip body colour via `fill`, never `background`.\n         * Radix wraps the arrow <svg> in an absolutely-positioned span, and CSS\n         * `background-color` does NOT inherit across that span — so the previous\n         * `bg-[inherit]` box was always transparent and the rotate-45 \"diamond\"\n         * trick degenerated to Radix's bare <polygon>, which `fill-[inherit]`\n         * then resolved to `fill`'s initial value (black). Result: a black,\n         * viewBox-distorted triangle in every theme.\n         *\n         * `fill` IS an inherited property and cascades through the wrapper span,\n         * so the RAISED surface recipe sets `fill-<body-bg>` and we inherit it\n         * here — overriding Radix's default `fill=\"currentColor\"` (which would\n         * paint the arrow the TEXT colour). A plain triangle (no box/rotate)\n         * points correctly on every side and needs no transparent-svg-bg hack.\n         */}\n        <TooltipPrimitive.Arrow width={11} height={6} className=\"[&]:fill-[inherit]\" />\n      </TooltipPrimitive.Content>\n    </Surface>\n  )\n\n  if (!shouldPortal) {\n    return content\n  }\n\n  return (\n    <TooltipPrimitive.Portal container={container}>\n      {content}\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport const Tooltip = createCompoundPreset<TooltipCompound>(TooltipRoot, { Trigger: TooltipTrigger, Content: TooltipContent, Provider: TooltipProvider })\n"]}

package/dist/esm/components/overlays/floating/tooltip.labels.d.ts

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

package/dist/esm/components/overlays/floating/tooltip.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/tooltip.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/overlays/floating/tooltip.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelTooltipLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_TOOLTIP, LowLevelTooltipLabels);
+//# sourceMappingURL=tooltip.labels.js.map

package/dist/esm/components/overlays/floating/tooltip.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.labels.js","sourceRoot":"","sources":["../../../../../../src/components/overlays/floating/tooltip.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,qBAAqB,GAA0B,EAAE,CAAC;AAC/D,uBAAuB,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelTooltipLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_TOOLTIP, LowLevelTooltipLabels);\n"]}

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

@@ -1,3 +1,3 @@
-import type { AccordionCompound } from '@wildo-ai/saas-frontend-lib';
+import { AccordionCompound } from '@wildo-ai/saas-frontend-lib';
 export declare const Accordion: AccordionCompound;
 //# sourceMappingURL=accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AA0EpE,eAAO,MAAM,SAAS,mBAAwI,CAAA"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EAQlB,MAAM,6BAA6B,CAAC;AA4ErC,eAAO,MAAM,SAAS,mBAAwI,CAAA"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { createCompoundPreset, cn, useIconRegistry, StandardIconReference, IconSize, useUI } from "@wildo-ai/saas-frontend-lib";
-import { UIBehavior, InteractiveVariant } from "@wildo-ai/presets-components-models";
+import { createCompoundPreset, cn, useIconRegistry, StandardIconReference, IconSize, useUI, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { InteractiveVariant, SurfaceVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 function AccordionRoot({ ...props }) {
     return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
@@ -21,7 +21,7 @@ function AccordionTrigger({ className, children, ...props }) {
             "hover:underline", recipe.states.focus, recipe.states.disabled, recipe.motion.transition, className), ...props, children: [children, renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: "text-muted-foreground pointer-events-none shrink-0 translate-y-0.5 transition-transform duration-[var(--motion-duration-fast)]" })] }) }));
 }
 function AccordionContent({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn("pt-0 pb-card", className), children: children }) }));
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsx("div", { className: cn("pt-0 pb-card", className), children: children }) }) }));
 }
 export const Accordion = createCompoundPreset(AccordionRoot, { Item: AccordionItem, Trigger: AccordionTrigger, Content: AccordionContent });
-//# sourceMappingURL=accordion.js.map
+//# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/sections/accordion.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAG/D,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAC/H,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAEpF,SAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,WAAW,KAAK,KAAK,GAAI,CAAA;AACrE,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC6C;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,KAC9E,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAE1E,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE;YACX,YAAY;YACZ,sJAAsJ;YACtJ,sCAAsC;YACtC,iBAAiB,EACjB,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,UAAU,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,gIAAgI,EAAE,CAAC,IACxL,GACH,CAC7B,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAC,2GAA2G,KACjH,KAAK,YAET,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACpC,CAC9B,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAoB,aAAa,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAA"}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../src/components/sections/accordion.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAE/D,OAAO,EAEL,oBAAoB,EACpB,EAAE,EACF,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,KAAK,EACL,OAAO,GACR,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAyB,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAE3H,SAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,WAAW,KAAK,KAAK,GAAI,CAAA;AACrE,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC6C;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,KAC9E,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAE1E,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE;YACX,YAAY;YACZ,sJAAsJ;YACtJ,sCAAsC;YACtC,iBAAiB,EACjB,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,UAAU,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,gIAAgI,EAAE,CAAC,IACxL,GACH,CAC7B,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAC,2GAA2G,KACjH,KAAK,YAET,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,YAClE,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACvD,GACiB,CAC9B,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAoB,aAAa,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAA","sourcesContent":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\n\nimport {\n  AccordionCompound,\n  createCompoundPreset,\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useUI,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, InteractiveVariant, SurfaceVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nfunction AccordionRoot({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const dividerRecipe = getRecipe(UIBehavior.DIVIDER)\n\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", dividerRecipe.base ? \"\" : \"\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element {\n  const { renderIcon } = useIconRegistry()\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          // Structure\n          \"flex flex-1 items-start justify-between gap-field rounded-md py-card text-start text-sm font-medium outline-none [&[data-state=open]>svg]:rotate-180\",\n          // Style from INTERACTIVE.GHOST recipe\n          \"hover:underline\",\n          recipe.states.focus,\n          recipe.states.disabled,\n          recipe.motion.transition,\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: \"text-muted-foreground pointer-events-none shrink-0 translate-y-0.5 transition-transform duration-[var(--motion-duration-fast)]\" })}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n        <div className={cn(\"pt-0 pb-card\", className)}>{children}</div>\n      </Surface>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport const Accordion = createCompoundPreset<AccordionCompound>(AccordionRoot, { Item: AccordionItem, Trigger: AccordionTrigger, Content: AccordionContent })\n"]}

package/dist/esm/components/sections/accordion.labels.d.ts

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

package/dist/esm/components/sections/accordion.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/accordion.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/sections/accordion.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelAccordionLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_ACCORDION, LowLevelAccordionLabels);
+//# sourceMappingURL=accordion.labels.js.map

package/dist/esm/components/sections/accordion.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.labels.js","sourceRoot":"","sources":["../../../../../src/components/sections/accordion.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,uBAAuB,GAA0B,EAAE,CAAC;AACjE,uBAAuB,CAAC,qBAAqB,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAccordionLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_ACCORDION, LowLevelAccordionLabels);\n"]}

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

@@ -1,3 +1,3 @@
-import type { CardCompound } from "@wildo-ai/saas-frontend-lib";
+import { CardCompound } from '@wildo-ai/saas-frontend-lib';
 export declare const Card: CardCompound;
 //# sourceMappingURL=card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAiH/D,eAAO,MAAM,IAAI,cAOf,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAKL,YAAY,EACb,MAAM,6BAA6B,CAAC;AAwHrC,eAAO,MAAM,IAAI,cAOf,CAAA"}

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

@@ -1,18 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { motion } from "motion/react";
-import { UIBehavior, SurfaceVariant, TypographyVariant } from "@wildo-ai/presets-components-models";
-import { cn, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
-function CardRoot({ className, ...props }) {
+import { SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { cn, useUI, createCompoundPreset, Surface, } from '@wildo-ai/saas-frontend-lib';
+function CardRoot({ className, policyOverride, ...props }) {
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);
-    const classes = cn("flex flex-col gap-section py-card", // Structure
-    recipe.base, recipe.motion.transition, className);
+    const classes = cn(recipe.base, recipe.motion.transition, className);
     // Gesture layer: if theme provides gesture config (e.g. glass hover lift)
     if (recipe.gesture) {
         const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props;
-        return (_jsx(motion.div, { "data-slot": "card", className: classes, whileHover: recipe.gesture.whileHover, transition: recipe.gesture.transition, ...motionSafeProps }));
+        return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx(motion.div, { "data-slot": "card", className: classes, whileHover: recipe.gesture.whileHover, transition: recipe.gesture.transition, ...motionSafeProps }) }));
     }
-    return (_jsx("div", { "data-slot": "card", className: classes, ...props }));
+    return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.BASE, policyOverride: policyOverride, children: _jsx("div", { "data-slot": "card", className: classes, ...props }) }));
 }
 function CardHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-element-sm px-card has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-card", className), ...props }));
@@ -45,4 +44,4 @@ export const Card = createCompoundPreset(CardRoot, {
     Description: CardDescription,
     Content: CardContent,
 });
-//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/sections/card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../src/components/sections/card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAyB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAiC,MAAM,qCAAqC,CAAA;AAEzJ,OAAO,EACL,EAAE,EACF,KAAK,EACL,oBAAoB,EACpB,OAAO,GAER,MAAM,6BAA6B,CAAC;AAMrC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,KAAK,EAAiB;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,EAAE,CAChB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,CAAA;IAED,0EAA0E;IAC1E,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;QACtG,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,OAAO,EAAE,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,YAC3E,KAAC,MAAM,CAAC,GAAG,iBACC,MAAM,EAChB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,EACrC,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,KACjC,eAAe,GACnB,GACM,CACX,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,OAAO,EAAE,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,YAC3E,2BACY,MAAM,EAChB,SAAS,EAAE,OAAO,KACd,KAAK,GACT,GACM,CACX,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,yKAAyK,EACzK,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAE1E,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,cAAc,EAAG,YAAY;QAC7B,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK,EAAE,EAAE,EAChB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE9E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KACjC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,oBAAoB,CAAe,QAAQ,EAAE;IAC/D,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,UAAU;IAClB,WAAW,EAAE,eAAe;IAC5B,OAAO,EAAE,WAAW;CACrB,CAAC,CAAA","sourcesContent":["import * as React from \"react\"\nimport { motion } from \"motion/react\"\nimport { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior, type DeepPartialSurfacePolicy } from \"@wildo-ai/presets-components-models\"\n\nimport {\n  cn,\n  useUI,\n  createCompoundPreset,\n  Surface,\n  CardCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\ntype CardRootProps = React.ComponentProps<\"div\"> & {\n  policyOverride?: DeepPartialSurfacePolicy;\n}\n\nfunction CardRoot({ className, policyOverride, ...props }: CardRootProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE)\n\n  const classes = cn(\n    recipe.base,\n    recipe.motion.transition,\n    className\n  )\n\n  // Gesture layer: if theme provides gesture config (e.g. glass hover lift)\n  if (recipe.gesture) {\n    const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props\n    return (\n      <Surface asChild variant={SurfaceVariant.BASE} policyOverride={policyOverride}>\n        <motion.div\n          data-slot=\"card\"\n          className={classes}\n          whileHover={recipe.gesture.whileHover}\n          transition={recipe.gesture.transition}\n          {...motionSafeProps}\n        />\n      </Surface>\n    )\n  }\n\n  return (\n    <Surface asChild variant={SurfaceVariant.BASE} policyOverride={policyOverride}>\n      <div\n        data-slot=\"card\"\n        className={classes}\n        {...props}\n      />\n    </Surface>\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-element-sm px-card has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-card\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING)\n\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        \"leading-none\",  // Structure\n        recipe.base,\n        recipe.sizes?.h4,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(recipe.base, className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-card\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-card [.border-t]:pt-card\", className)}\n      {...props}\n    />\n  )\n}\n\nexport const Card = createCompoundPreset<CardCompound>(CardRoot, {\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Action: CardAction,\n  Description: CardDescription,\n  Content: CardContent,\n})\n"]}

package/dist/esm/components/sections/card.labels.d.ts

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

package/dist/esm/components/sections/card.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/card.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/sections/card.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelCardLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_CARD, LowLevelCardLabels);
+//# sourceMappingURL=card.labels.js.map

package/dist/esm/components/sections/card.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.labels.js","sourceRoot":"","sources":["../../../../../src/components/sections/card.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,kBAAkB,GAA0B,EAAE,CAAC;AAC5D,uBAAuB,CAAC,qBAAqB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelCardLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_CARD, LowLevelCardLabels);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AA+BtE,eAAO,MAAM,WAAW,qBAA2H,CAAA"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAgCtE,eAAO,MAAM,WAAW,qBAA2H,CAAA"}

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

@@ -11,4 +11,4 @@ function CollapsibleContent({ ...props }) {
     return (_jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props }));
 }
 export const Collapsible = createCompoundPreset(CollapsibleRoot, { Trigger: CollapsibleTrigger, Content: CollapsibleContent });
-//# sourceMappingURL=collapsible.js.map
+//# sourceMappingURL=collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../src/components/sections/collapsible.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAElE,SAAS,eAAe,CAAC,EACvB,GAAG,KAAK,EAC+C;IACvD,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,aAAa,KAAK,KAAK,GAAI,CAAA;AACzE,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EAC6D;IACrE,OAAO,CACL,KAAC,oBAAoB,CAAC,kBAAkB,iBAC5B,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EAC6D;IACrE,OAAO,CACL,KAAC,oBAAoB,CAAC,kBAAkB,iBAC5B,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAsB,eAAe,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,CAAA"}
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../../src/components/sections/collapsible.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAGlE,SAAS,eAAe,CAAC,EACvB,GAAG,KAAK,EAC+C;IACvD,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,aAAa,KAAK,KAAK,GAAI,CAAA;AACzE,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EAC6D;IACrE,OAAO,CACL,KAAC,oBAAoB,CAAC,kBAAkB,iBAC5B,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EAC6D;IACrE,OAAO,CACL,KAAC,oBAAoB,CAAC,kBAAkB,iBAC5B,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAsB,eAAe,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,CAAA","sourcesContent":["import * as React from \"react\"\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\nimport type { CollapsibleCompound } from '@wildo-ai/saas-frontend-lib'\nimport { createCompoundPreset } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction CollapsibleRoot({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React.JSX.Element {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React.JSX.Element {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport const Collapsible = createCompoundPreset<CollapsibleCompound>(CollapsibleRoot, { Trigger: CollapsibleTrigger, Content: CollapsibleContent })\n"]}

package/dist/esm/components/sections/collapsible.labels.d.ts

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

package/dist/esm/components/sections/collapsible.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/collapsible.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/sections/collapsible.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelCollapsibleLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_COLLAPSIBLE, LowLevelCollapsibleLabels);
+//# sourceMappingURL=collapsible.labels.js.map

package/dist/esm/components/sections/collapsible.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.labels.js","sourceRoot":"","sources":["../../../../../src/components/sections/collapsible.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,yBAAyB,GAA0B,EAAE,CAAC;AACnE,uBAAuB,CAAC,qBAAqB,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelCollapsibleLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_COLLAPSIBLE, LowLevelCollapsibleLabels);\n"]}

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

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { type ContentSectionProps, type ContentSectionGroupProps, type ContentSectionLegendProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * ContentSectionLegend preset — section heading. DOM-identical to the legacy
+ * FieldLegend preset (`data-slot="field-legend"` + classes) so existing CSS and
+ * the `FieldDescription` legend-adjacency rule keep working unchanged.
+ */
+declare function ContentSectionLegend({ className, variant, ...props }: ContentSectionLegendProps): React.JSX.Element;
+/**
+ * ContentSectionGroup preset — child-grouping container. DOM-identical to the
+ * legacy FieldGroup preset (`data-slot="field-group"`, `@container/field-group`,
+ * `group/field-group`) so the responsive `Field` orientation + `FieldSeparator`
+ * selectors keyed off those container/group names keep resolving.
+ */
+declare function ContentSectionGroup({ className, ...props }: ContentSectionGroupProps): React.JSX.Element;
+/**
+ * ContentSection preset — the section chrome workhorse.
+ *
+ * DEFAULT / CARD: ported verbatim from the FieldSet preset — a `<Surface>`-wrapped
+ * native `<fieldset>` (the `disabled` cascade carrier) with the `when-orphan`
+ * frame de-duplication, the inter-field `gap-field` ownership + checkbox/radio +
+ * settings-row flush exceptions, and truthful SurfacePolicy publication
+ * (`framingMode` = `when-orphan` for framed modes, `never` for flat). DOM is
+ * byte-identical to the old FieldSet (`data-slot="field-set"`), so there is no
+ * CSS / visual / test regression by construction.
+ *
+ * GHOST: a flat `<div>` (no fieldset/frame), and COLLAPSIBLE: a `Collapsible`
+ * toggle with the legend as the clickable trigger — both ported from the
+ * hand-branched solo-mode logic that used to live in `Section.tsx`, so all four
+ * solo appearances now flow through this one primitive.
+ *
+ * `legend` / `description` are structured props (rendered in the mode-appropriate
+ * position). When omitted, the imperative composite/record/array sites pass
+ * `<ContentSectionLegend>` / `<ContentSectionGroup>` as children instead — both
+ * shapes produce the same fieldset DOM for DEFAULT.
+ */
+declare function ContentSection({ className, appearance, legend, description, defaultOpen, disabled, panel, icon, headingTag, children, ...props }: ContentSectionProps): React.JSX.Element;
+export { ContentSection, ContentSectionGroup, ContentSectionLegend };
+//# sourceMappingURL=content-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/content-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAYL,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAC;AAKrC;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAc/C;AAED;;;;;GAKG;AACH,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWjG;AAiBD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAgC,EAChC,MAAM,EACN,WAAW,EACX,WAAkB,EAClB,QAAQ,EACR,KAAa,EACb,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuQzC;AAED,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/esm/components/sections/content-section.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useUI, useIconRegistry, StandardIconReference, IconSize, Surface, Heading, Text, Collapsible, CollapsibleTrigger, CollapsibleContent, } from '@wildo-ai/saas-frontend-lib';
+import { SectionMode } from "@wildo-ai/zod-decorators";
+import { SurfaceVariant, UIBehavior, TextVariant, TextSize } from "@wildo-ai/presets-components-models";
+/**
+ * ContentSectionLegend preset — section heading. DOM-identical to the legacy
+ * FieldLegend preset (`data-slot="field-legend"` + classes) so existing CSS and
+ * the `FieldDescription` legend-adjacency rule keep working unchanged.
+ */
+function ContentSectionLegend({ className, variant = "legend", ...props }) {
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-field-sm font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
+}
+/**
+ * ContentSectionGroup preset — child-grouping container. DOM-identical to the
+ * legacy FieldGroup preset (`data-slot="field-group"`, `@container/field-group`,
+ * `group/field-group`) so the responsive `Field` orientation + `FieldSeparator`
+ * selectors keyed off those container/group names keep resolving.
+ */
+function ContentSectionGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-section-lg data-[slot=checkbox-group]:gap-field-sm [&>[data-slot=field-group]]:gap-field", className), ...props }));
+}
+/**
+ * Collapsible heading chevron — rendered through the icon registry
+ * (`StandardIconReference.CHEVRON_DOWN`) instead of a hand-drawn `<svg>`, so it
+ * tracks the app's icon set. The `[[data-state=open]_&]` selector rotates it
+ * when the ancestor `CollapsibleTrigger` is open (Radix sets `data-state=open`).
+ */
+function CollapsibleChevron() {
+    const { renderIcon } = useIconRegistry();
+    return renderIcon(StandardIconReference.CHEVRON_DOWN, {
+        size: IconSize.SM,
+        className: "shrink-0 text-muted-foreground transition-transform duration-200 [[data-state=open]_&]:rotate-180",
+    });
+}
+/**
+ * ContentSection preset — the section chrome workhorse.
+ *
+ * DEFAULT / CARD: ported verbatim from the FieldSet preset — a `<Surface>`-wrapped
+ * native `<fieldset>` (the `disabled` cascade carrier) with the `when-orphan`
+ * frame de-duplication, the inter-field `gap-field` ownership + checkbox/radio +
+ * settings-row flush exceptions, and truthful SurfacePolicy publication
+ * (`framingMode` = `when-orphan` for framed modes, `never` for flat). DOM is
+ * byte-identical to the old FieldSet (`data-slot="field-set"`), so there is no
+ * CSS / visual / test regression by construction.
+ *
+ * GHOST: a flat `<div>` (no fieldset/frame), and COLLAPSIBLE: a `Collapsible`
+ * toggle with the legend as the clickable trigger — both ported from the
+ * hand-branched solo-mode logic that used to live in `Section.tsx`, so all four
+ * solo appearances now flow through this one primitive.
+ *
+ * `legend` / `description` are structured props (rendered in the mode-appropriate
+ * position). When omitted, the imperative composite/record/array sites pass
+ * `<ContentSectionLegend>` / `<ContentSectionGroup>` as children instead — both
+ * shapes produce the same fieldset DOM for DEFAULT.
+ */
+function ContentSection({ className, appearance = SectionMode.DEFAULT, legend, description, defaultOpen = true, disabled, panel = false, icon, headingTag, children, ...props }) {
+    const { getRecipe } = useUI();
+    // CARD sections paint the active theme's CARD recipe — an elevated
+    // `surface-raised` fill + border (or a translucent liquid-glass tile under the
+    // glass theme). Resolved once per render.
+    const cardRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.CARD);
+    // Stable id for the CARD group heading ↔ fieldset `aria-labelledby` wiring.
+    // Called unconditionally (hooks rule) even though only the CARD branch uses it.
+    const reactId = React.useId();
+    // CARD body full-bleed detection. A CARD whose body hosts SETTINGS_ROW
+    // list-items drops its inline padding so each row's `border-b` divider runs
+    // corner-to-corner; free-form content keeps `p-card`. The natural expression
+    // is a CSS `has-[>[data-chrome-mode=settings_row]]:p-0` variant, but that is a
+    // NET-NEW arbitrary-variant class string, and Tailwind v4 only scans engine
+    // `@source` dirs at dev-server STARTUP — so a new variant class does not
+    // compile on hot-reload (only on a full restart / production build). To stay
+    // reliable on every reload we instead detect the settings-row children at
+    // runtime and toggle between ALREADY-EMITTED utilities (`p-0`/`p-card`). The
+    // effect runs each commit with a change-guard (no re-render loop); `bodyRef`
+    // is null for the non-CARD branches, so this is inert there.
+    const cardBodyRef = React.useRef(null);
+    const [cardBodyIsSettingsList, setCardBodyIsSettingsList] = React.useState(false);
+    React.useLayoutEffect(() => {
+        const el = cardBodyRef.current;
+        const next = !!el && !!el.querySelector(':scope > [data-chrome-mode="settings_row"]');
+        setCardBodyIsSettingsList((prev) => (prev === next ? prev : next));
+    });
+    // Explicit CARD sections — solo AND container-panel `card-each` — ALWAYS paint
+    // their themed card chrome (elevated fill + border). The `when-orphan` frame
+    // de-dup is intentionally NOT applied to an authored card: the author chose a
+    // card, so it stays a card in every context (dialog, page, nested). DEFAULT /
+    // GHOST stay flat; COLLAPSIBLE is its own toggle.
+    // GHOST / COLLAPSIBLE render a <div>, not a <fieldset>. `props` is typed for a
+    // fieldset (ref/form/name); the only passthrough the section render sites use
+    // on these modes is data-*/aria-*/className, all valid on a div — so narrow the
+    // type for the div branches. (The <fieldset> branch keeps the full fieldset props.)
+    const divPassthrough = props;
+    const structuredLegend = legend != null && legend !== false ? _jsx(ContentSectionLegend, { children: legend }) : null;
+    const structuredDescription = description != null && description !== false ? (_jsx(Text, { variant: TextVariant.MUTED, size: TextSize.SM, children: description })) : null;
+    // CONTAINER-PANEL chrome (ContentSectionContainer's tabs/grid/accordion/… panels).
+    // Renders a heading element (not a <legend>) with a header-bar/divider layout.
+    // Per appearance: CARD = card-each, which paints the SAME themed card chrome as
+    // a solo CARD section (the elevated `surface-raised` fill + border + radius from
+    // the active theme's CARD recipe), ALWAYS — so a grid/columns of cards reads as
+    // distinct cards in every context; DEFAULT = flat. Stays a <fieldset> so the
+    // disabled cascade applies — the consolidation that lets container panels share
+    // the section primitive. Heading omitted entirely when there is no title/icon/
+    // description (content-only panels, e.g. tab bodies whose heading is the tab).
+    if (panel) {
+        // Semantic heading level (h3 default; h4 when nested under a collapsible-all
+        // <h3>), rendered via the Heading primitive. `text-base` pins the size to the
+        // prior inherited size — the heading recipe's default h3 size would be larger.
+        const headingLevel = headingTag === 'h4' ? 4 : 3;
+        const isCardEach = appearance === SectionMode.CARD;
+        const hasHeading = legend != null || icon != null || description != null;
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: isCardEach ? SurfaceVariant.CARD : SurfaceVariant.BASE, policyOverride: {
+                nesting: { framingMode: isCardEach ? 'always' : 'never' },
+            }, children: _jsxs("fieldset", { "data-slot": "field-set", "data-appearance": appearance, "data-section-frame": isCardEach ? 'rendered' : 'suppressed', disabled: disabled, 
+                // Non-card panels are FLAT: neutralize the Surface-painted BASE recipe
+                // (a bordered card panel in every theme) on the element itself — the
+                // wrapper is kept for the policy context only. See the solo DEFAULT
+                // branch below for the full account of this trap.
+                className: cn(isCardEach ? cardRecipe.base : 'space-y-field rounded-none border-0 bg-transparent p-0 shadow-none', className), ...props, style: isCardEach
+                    ? props.style
+                    : { borderWidth: 0, background: 'transparent', boxShadow: 'none', borderRadius: 0, padding: 0, ...props.style }, children: [hasHeading && (_jsxs("div", { className: isCardEach ? 'p-card border-b' : 'space-y-item-xs', children: [(legend != null || icon != null) && (_jsxs(Heading, { level: headingLevel, className: "text-base font-semibold", children: [icon != null && _jsx("span", { className: "me-element inline-flex items-center", children: icon }), legend] })), description != null && _jsx(Text, { variant: TextVariant.MUTED, size: TextSize.SM, children: description })] })), _jsx("div", { className: isCardEach ? 'p-card' : undefined, children: children })] }) }));
+    }
+    // COLLAPSIBLE — toggle with the legend as the clickable trigger. Plain div (no
+    // Surface/frame), matching the prior Section.tsx behavior exactly.
+    if (appearance === SectionMode.COLLAPSIBLE) {
+        return (_jsx(Collapsible, { defaultOpen: defaultOpen, children: _jsxs("div", { className: cn('space-y-field', className), ...divPassthrough, children: [structuredLegend && (
+                    // No `asChild` + raw <button>: Radix's CollapsibleTrigger renders its
+                    // own <button data-slot="collapsible-trigger"> — the framework element,
+                    // no bespoke button chrome to add.
+                    _jsxs(CollapsibleTrigger, { className: "flex w-full items-center justify-between text-left", children: [structuredLegend, _jsx(CollapsibleChevron, {})] })), structuredDescription, _jsx(CollapsibleContent, { children: children })] }) }));
+    }
+    // GHOST — flat div, no fieldset/frame. The form-level <fieldset> (Form.tsx)
+    // already owns the disabled cascade, so a flat section loses nothing.
+    if (appearance === SectionMode.GHOST) {
+        return (_jsxs("div", { className: cn('space-y-field', className), ...divPassthrough, children: [structuredLegend, structuredDescription, children] }));
+    }
+    const isCard = appearance === SectionMode.CARD;
+    // ⚠ The settings-row match is `^=settings` (prefix), NOT `=settings_row`:
+    // Tailwind converts an unescaped `_` inside an arbitrary variant to a SPACE,
+    // so the original `…=settings_row]]:gap-0` spelling emitted the invalid
+    // selector `[data-chrome-mode=settings row]` and was silently DEAD CSS
+    // (verified against the served stylesheet, 2026-08-19). Only `settings_row`
+    // starts with `settings`, so the prefix match is exact.
+    const baseStyles = "flex flex-col gap-field has-[>[data-slot=checkbox-group]]:gap-field-sm has-[>[data-slot=radio-group]]:gap-field-sm has-[>[data-chrome-mode^=settings]]:gap-0";
+    // DEFAULT — a flat fieldset that owns only inter-field spacing (no frame). The
+    // form-level <fieldset> already owns the disabled cascade; the legend renders
+    // in place at the top. Truthfully publishes `framingMode: 'never'` to descendants.
+    //
+    // The Surface wrapper exists for the POLICY context only, but `Surface` always
+    // paints its variant recipe (policy and appearance are separate axes), and
+    // every theme paints `SurfaceVariant.BASE` as a bordered card panel (it is the
+    // anchor card surface). Without the frame neutralizers below, this "flat"
+    // section rendered a card frame whose native <legend> straddled the top border
+    // (the todo-lists READ "header section glitch", 2026-08-19). Same idiom as the
+    // CARD branch's transparent fieldset: neutralize the paint on the element, keep
+    // the policy context. The inline style is the deterministic half: recipe vs
+    // neutralizer utility classes race on STYLESHEET order (measured: `shadow-sm`
+    // beat `shadow-none`), while an inline declaration always wins; caller-passed
+    // style still overrides via the trailing spread.
+    if (!isCard) {
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, policyOverride: { nesting: { framingMode: 'never' } }, children: _jsxs("fieldset", { "data-slot": "field-set", "data-appearance": appearance, "data-section-frame": "suppressed", disabled: disabled, className: cn(baseStyles, 'rounded-none border-0 bg-transparent p-0 shadow-none', className), ...props, style: { borderWidth: 0, background: 'transparent', boxShadow: 'none', borderRadius: 0, padding: 0, ...props.style }, children: [structuredLegend, structuredDescription, children] }) }));
+    }
+    // CARD — the section title + description sit ABOVE the card as a group heading
+    // (the macOS/iOS/Linear "settings group" pattern), and the themed card chrome
+    // (elevated fill + border + radius from the active theme's CARD recipe) wraps
+    // ONLY the body. The <fieldset> stays the outer element so its `disabled`
+    // cascade still reaches every control, and it is `aria-labelledby` the heading
+    // so the group keeps its accessible name.
+    //
+    // An explicit CARD ALWAYS paints its themed chrome (the `when-orphan` de-dup
+    // does NOT apply — the author chose a card, so it stays a card in every
+    // context, truthfully publishing `framingMode: 'always'` to descendants).
+    //
+    // Body padding is CONTENT-AWARE (see `cardBodyIsSettingsList` above): a body
+    // hosting SETTINGS_ROW list-items drops its inline padding and clips, so each
+    // row's hairline `border-b` divider runs corner-to-corner (full-bleed) instead
+    // of floating inset; the rows then re-inset their own content with `px-card`
+    // (owned by the SETTINGS_ROW chrome). Free-form content keeps a comfortable
+    // `p-card`.
+    const headingId = `${reactId}-legend`;
+    const hasHeading = legend != null && legend !== false;
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.CARD, policyOverride: { nesting: { framingMode: 'always' } }, children: _jsxs("fieldset", { "data-slot": "field-set", "data-appearance": appearance, "data-section-frame": "rendered", disabled: disabled, "aria-labelledby": hasHeading ? headingId : undefined, className: cn("flex flex-col gap-field-sm border-0 bg-transparent p-0", className), ...props, children: [hasHeading && (_jsxs("div", { className: "space-y-item-xs", children: [_jsx(Heading, { level: 3, id: headingId, "data-slot": "field-legend", "data-variant": "legend", className: "text-base font-medium leading-tight", children: legend }), structuredDescription] })), _jsx("div", { ref: cardBodyRef, "data-slot": "section-card-body", "data-settings-list": cardBodyIsSettingsList || undefined, className: cn(cardRecipe.base, "flex flex-col", 
+                    // Settings-row list → zero body padding + clip so each row's
+                    // `border-b` runs full-bleed to the rounded card edge (rows re-inset
+                    // with their own `px-card`, owned by the SETTINGS_ROW chrome).
+                    // Free-form content → comfortable `p-card`. All utilities here are
+                    // already-emitted (no new arbitrary-variant strings), so the toggle
+                    // works on hot-reload — see `cardBodyIsSettingsList` above.
+                    cardBodyIsSettingsList
+                        ? "gap-0 p-0 overflow-hidden"
+                        : "gap-field p-card has-[>[data-slot=checkbox-group]]:gap-field-sm has-[>[data-slot=radio-group]]:gap-field-sm"), children: children })] }) }));
+}
+export { ContentSection, ContentSectionGroup, ContentSectionLegend };
+//# sourceMappingURL=content-section.js.map