@pipe0/react 0.0.6 → 0.0.7

package/dist/components/defaults/layout/group.mjs

@@ -82,11 +82,17 @@ function DefaultGroup({ group, children, className, render, ...props }) {
 		render,
 		state: {
 			expanded,
+			setExpanded,
+			fields: group.fields,
 			hasErrors,
 			errorCount: group.errorCount,
 			setCount: group.setCount,
 			dirtyCount: group.dirtyCount
 		},
+		stateAttributesMapping: {
+			setExpanded: () => null,
+			fields: () => null
+		},
 		props: mergeProps({
 			className: cn(classNames?.group ?? cn("pz:flex pz:flex-col pz:bg-card pz:border pz:border-border pz:rounded-lg pz:overflow-hidden", hasErrors && "pz:border-destructive"), className),
 			children: defaultContent,

package/dist/components/defaults/layout/group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"group.mjs","names":["AccordionPrimitive"],"sources":["../../../../src/components/defaults/layout/group.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useState } from \"react\";\nimport { useFormConfig } from \"../../../context/form-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FormGroupHandle } from \"../../../types/form-handle.js\";\nimport { IconGlyph } from \"../../../widgets/icon-glyph.js\";\nimport { HoverInfo } from \"../../hover-info.js\";\nimport { IconChevronDown } from \"../../internal/icons.js\";\nimport { Badge } from \"../../ui/badge.js\";\n\nexport interface DefaultGroupState {\n  expanded: boolean;\n  hasErrors: boolean;\n  errorCount: number;\n  setCount: number;\n  dirtyCount: number;\n}\n\nexport interface DefaultGroupProps extends useRender.ComponentProps<\"div\", DefaultGroupState> {\n  group: FormGroupHandle;\n}\n\nconst ITEM_VALUE = \"group\";\n\nexport function DefaultGroup({ group, children, className, render, ...props }: DefaultGroupProps) {\n  const { classNames } = useFormConfig();\n  // Track open state alongside the accordion so consumers reading\n  // `state.expanded` (via render-prop) still get the right value.\n  const [expanded, setExpanded] = useState(group.defaultExpand);\n  const hasErrors = group.errorCount > 0;\n  const showDirty = group.dirtyCount > 0;\n  const countLabel = showDirty\n    ? `${group.dirtyCount} modified`\n    : group.setCount > 0\n      ? `${group.setCount} set`\n      : null;\n\n  const defaultContent = (\n    <AccordionPrimitive.Root\n      value={expanded ? [ITEM_VALUE] : []}\n      onValueChange={(next) => setExpanded(next.includes(ITEM_VALUE))}\n    >\n      <AccordionPrimitive.Item value={ITEM_VALUE}>\n        <AccordionPrimitive.Header className=\"pz:flex\">\n          <AccordionPrimitive.Trigger\n            data-p0=\"group-header\"\n            className={\n              classNames?.groupHeader ??\n              cn(\n                \"pz:group/group-trigger\",\n                \"pz:flex pz:items-center pz:justify-between pz:gap-4 pz:w-full\",\n                \"pz:px-3.5 pz:py-2.5 pz:cursor-pointer pz:text-sm pz:font-medium pz:text-left\",\n                \"pz:transition-colors pz:hover:bg-muted/60\",\n                \"pz:aria-expanded:hover:bg-transparent\",\n                \"pz:focus-visible:outline-none\",\n                hasErrors && \"pz:text-destructive pz:bg-destructive/10\",\n              )\n            }\n          >\n            <span className=\"pz:flex pz:items-center pz:gap-2\">\n              {group.iconKey && (\n                <IconGlyph\n                  keyName={group.iconKey}\n                  size={14}\n                  className=\"pz:text-muted-foreground pz:shrink-0\"\n                />\n              )}\n              {group.label ?? group.key}\n              {group.description && (\n                <span onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>\n                  <HoverInfo>{group.description}</HoverInfo>\n                </span>\n              )}\n            </span>\n            <span className=\"pz:flex pz:items-center pz:gap-2\">\n              {countLabel && (\n                <Badge variant=\"secondary\" data-p0=\"group-badge\">\n                  {countLabel}\n                </Badge>\n              )}\n              {hasErrors && (\n                <Badge variant=\"destructive\" data-p0=\"group-error-badge\">\n                  {group.errorCount} {group.errorCount === 1 ? \"error\" : \"errors\"}\n                </Badge>\n              )}\n              <IconChevronDown\n                width={16}\n                height={16}\n                className={cn(\n                  \"pz:text-muted-foreground pz:transition-transform pz:duration-150\",\n                  \"pz:group-aria-expanded/group-trigger:rotate-180\",\n                )}\n              />\n            </span>\n          </AccordionPrimitive.Trigger>\n        </AccordionPrimitive.Header>\n        <AccordionPrimitive.Panel\n          data-p0=\"group-content\"\n          // The library ships keyframes via `tw-animate-css` —\n          // `animate-accordion-down` / `animate-accordion-up` plus the\n          // `--accordion-panel-height` var that base-ui populates on the\n          // panel give a smooth height transition without JS measuring.\n          className=\"pz:overflow-hidden pz:border-t pz:border-border pz:data-open:animate-accordion-down pz:data-closed:animate-accordion-up\"\n        >\n          <div\n            className={\n              classNames?.groupContent ??\n              cn(\n                \"pz:flex pz:flex-col pz:gap-3 pz:px-3.5 pz:pb-3.5 pz:pt-2\",\n                \"pz:h-(--accordion-panel-height) pz:data-ending-style:h-0 pz:data-starting-style:h-0\",\n              )\n            }\n          >\n            {children}\n          </div>\n        </AccordionPrimitive.Panel>\n      </AccordionPrimitive.Item>\n    </AccordionPrimitive.Root>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      expanded,\n      hasErrors,\n      errorCount: group.errorCount,\n      setCount: group.setCount,\n      dirtyCount: group.dirtyCount,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          classNames?.group ??\n            cn(\n              \"pz:flex pz:flex-col pz:bg-card pz:border pz:border-border pz:rounded-lg pz:overflow-hidden\",\n              hasErrors && \"pz:border-destructive\",\n            ),\n          className,\n        ),\n        children: defaultContent,\n        ...({\n          \"data-p0\": \"group\",\n          \"data-p0-group\": group.key,\n          \"data-p0-expanded\": String(expanded),\n        } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,aAAa;AAEnB,SAAgB,aAAa,EAAE,OAAO,UAAU,WAAW,QAAQ,GAAG,SAA4B;CAChG,MAAM,EAAE,eAAe,eAAe;CAGtC,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM,cAAc;CAC7D,MAAM,YAAY,MAAM,aAAa;CAErC,MAAM,aADY,MAAM,aAAa,IAEjC,GAAG,MAAM,WAAW,aACpB,MAAM,WAAW,IACf,GAAG,MAAM,SAAS,QAClB;CAEN,MAAM,iBACJ,oBAACA,UAAmB,MAApB;EACE,OAAO,WAAW,CAAC,WAAW,GAAG,EAAE;EACnC,gBAAgB,SAAS,YAAY,KAAK,SAAS,WAAW,CAAC;YAE/D,qBAACA,UAAmB,MAApB;GAAyB,OAAO;aAAhC,CACE,oBAACA,UAAmB,QAApB;IAA2B,WAAU;cACnC,qBAACA,UAAmB,SAApB;KACE,WAAQ;KACR,WACE,YAAY,eACZ,GACE,0BACA,iEACA,gFACA,6CACA,yCACA,iCACA,aAAa,2CACd;eAZL,CAeE,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,MAAM,WACL,oBAAC,WAAD;QACE,SAAS,MAAM;QACf,MAAM;QACN,WAAU;QACV;OAEH,MAAM,SAAS,MAAM;OACrB,MAAM,eACL,oBAAC,QAAD;QAAM,UAAU,MAAM,EAAE,iBAAiB;QAAE,YAAY,MAAM,EAAE,iBAAiB;kBAC9E,oBAAC,WAAD,YAAY,MAAM,aAAwB;QACrC;OAEJ;SACP,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,cACC,oBAAC,OAAD;QAAO,SAAQ;QAAY,WAAQ;kBAChC;QACK;OAET,aACC,qBAAC,OAAD;QAAO,SAAQ;QAAc,WAAQ;kBAArC;SACG,MAAM;SAAW;SAAE,MAAM,eAAe,IAAI,UAAU;SACjD;;OAEV,oBAAC,iBAAD;QACE,OAAO;QACP,QAAQ;QACR,WAAW,GACT,oEACA,kDACD;QACD;OACG;QACoB;;IACH,GAC5B,oBAACA,UAAmB,OAApB;IACE,WAAQ;IAKR,WAAU;cAEV,oBAAC,OAAD;KACE,WACE,YAAY,gBACZ,GACE,4DACA,sFACD;KAGF;KACG;IACmB,EACH;;EACF;AAG5B,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GACL;GACA;GACA,YAAY,MAAM;GAClB,UAAU,MAAM;GAChB,YAAY,MAAM;GACnB;EACD,OAAO,WACL;GACE,WAAW,GACT,YAAY,SACV,GACE,8FACA,aAAa,wBACd,EACH,UACD;GACD,UAAU;GAER,WAAW;GACX,iBAAiB,MAAM;GACvB,oBAAoB,OAAO,SAAS;GAEvC,EACD,MACD;EACF,CAAC"}
+{"version":3,"file":"group.mjs","names":["AccordionPrimitive"],"sources":["../../../../src/components/defaults/layout/group.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useState } from \"react\";\nimport { useFormConfig } from \"../../../context/form-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { AnyFieldProps } from \"../../../types/field-props.js\";\nimport type { FormGroupHandle } from \"../../../types/form-handle.js\";\nimport { IconGlyph } from \"../../../widgets/icon-glyph.js\";\nimport { HoverInfo } from \"../../hover-info.js\";\nimport { IconChevronDown } from \"../../internal/icons.js\";\nimport { Badge } from \"../../ui/badge.js\";\n\nexport interface DefaultGroupState {\n  expanded: boolean;\n  setExpanded: (expanded: boolean) => void;\n  fields: ReadonlyArray<AnyFieldProps>;\n  hasErrors: boolean;\n  errorCount: number;\n  setCount: number;\n  dirtyCount: number;\n}\n\nexport interface DefaultGroupProps extends useRender.ComponentProps<\"div\", DefaultGroupState> {\n  group: FormGroupHandle;\n}\n\nconst ITEM_VALUE = \"group\";\n\nexport function DefaultGroup({ group, children, className, render, ...props }: DefaultGroupProps) {\n  const { classNames } = useFormConfig();\n  // Track open state alongside the accordion so consumers reading\n  // `state.expanded` (via render-prop) still get the right value.\n  const [expanded, setExpanded] = useState(group.defaultExpand);\n  const hasErrors = group.errorCount > 0;\n  const showDirty = group.dirtyCount > 0;\n  const countLabel = showDirty\n    ? `${group.dirtyCount} modified`\n    : group.setCount > 0\n      ? `${group.setCount} set`\n      : null;\n\n  const defaultContent = (\n    <AccordionPrimitive.Root\n      value={expanded ? [ITEM_VALUE] : []}\n      onValueChange={(next) => setExpanded(next.includes(ITEM_VALUE))}\n    >\n      <AccordionPrimitive.Item value={ITEM_VALUE}>\n        <AccordionPrimitive.Header className=\"pz:flex\">\n          <AccordionPrimitive.Trigger\n            data-p0=\"group-header\"\n            className={\n              classNames?.groupHeader ??\n              cn(\n                \"pz:group/group-trigger\",\n                \"pz:flex pz:items-center pz:justify-between pz:gap-4 pz:w-full\",\n                \"pz:px-3.5 pz:py-2.5 pz:cursor-pointer pz:text-sm pz:font-medium pz:text-left\",\n                \"pz:transition-colors pz:hover:bg-muted/60\",\n                \"pz:aria-expanded:hover:bg-transparent\",\n                \"pz:focus-visible:outline-none\",\n                hasErrors && \"pz:text-destructive pz:bg-destructive/10\",\n              )\n            }\n          >\n            <span className=\"pz:flex pz:items-center pz:gap-2\">\n              {group.iconKey && (\n                <IconGlyph\n                  keyName={group.iconKey}\n                  size={14}\n                  className=\"pz:text-muted-foreground pz:shrink-0\"\n                />\n              )}\n              {group.label ?? group.key}\n              {group.description && (\n                <span onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>\n                  <HoverInfo>{group.description}</HoverInfo>\n                </span>\n              )}\n            </span>\n            <span className=\"pz:flex pz:items-center pz:gap-2\">\n              {countLabel && (\n                <Badge variant=\"secondary\" data-p0=\"group-badge\">\n                  {countLabel}\n                </Badge>\n              )}\n              {hasErrors && (\n                <Badge variant=\"destructive\" data-p0=\"group-error-badge\">\n                  {group.errorCount} {group.errorCount === 1 ? \"error\" : \"errors\"}\n                </Badge>\n              )}\n              <IconChevronDown\n                width={16}\n                height={16}\n                className={cn(\n                  \"pz:text-muted-foreground pz:transition-transform pz:duration-150\",\n                  \"pz:group-aria-expanded/group-trigger:rotate-180\",\n                )}\n              />\n            </span>\n          </AccordionPrimitive.Trigger>\n        </AccordionPrimitive.Header>\n        <AccordionPrimitive.Panel\n          data-p0=\"group-content\"\n          // The library ships keyframes via `tw-animate-css` —\n          // `animate-accordion-down` / `animate-accordion-up` plus the\n          // `--accordion-panel-height` var that base-ui populates on the\n          // panel give a smooth height transition without JS measuring.\n          className=\"pz:overflow-hidden pz:border-t pz:border-border pz:data-open:animate-accordion-down pz:data-closed:animate-accordion-up\"\n        >\n          <div\n            className={\n              classNames?.groupContent ??\n              cn(\n                \"pz:flex pz:flex-col pz:gap-3 pz:px-3.5 pz:pb-3.5 pz:pt-2\",\n                \"pz:h-(--accordion-panel-height) pz:data-ending-style:h-0 pz:data-starting-style:h-0\",\n              )\n            }\n          >\n            {children}\n          </div>\n        </AccordionPrimitive.Panel>\n      </AccordionPrimitive.Item>\n    </AccordionPrimitive.Root>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      expanded,\n      setExpanded,\n      fields: group.fields,\n      hasErrors,\n      errorCount: group.errorCount,\n      setCount: group.setCount,\n      dirtyCount: group.dirtyCount,\n    },\n    stateAttributesMapping: {\n      setExpanded: () => null,\n      fields: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          classNames?.group ??\n            cn(\n              \"pz:flex pz:flex-col pz:bg-card pz:border pz:border-border pz:rounded-lg pz:overflow-hidden\",\n              hasErrors && \"pz:border-destructive\",\n            ),\n          className,\n        ),\n        children: defaultContent,\n        ...({\n          \"data-p0\": \"group\",\n          \"data-p0-group\": group.key,\n          \"data-p0-expanded\": String(expanded),\n        } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,aAAa;AAEnB,SAAgB,aAAa,EAAE,OAAO,UAAU,WAAW,QAAQ,GAAG,SAA4B;CAChG,MAAM,EAAE,eAAe,eAAe;CAGtC,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM,cAAc;CAC7D,MAAM,YAAY,MAAM,aAAa;CAErC,MAAM,aADY,MAAM,aAAa,IAEjC,GAAG,MAAM,WAAW,aACpB,MAAM,WAAW,IACf,GAAG,MAAM,SAAS,QAClB;CAEN,MAAM,iBACJ,oBAACA,UAAmB,MAApB;EACE,OAAO,WAAW,CAAC,WAAW,GAAG,EAAE;EACnC,gBAAgB,SAAS,YAAY,KAAK,SAAS,WAAW,CAAC;YAE/D,qBAACA,UAAmB,MAApB;GAAyB,OAAO;aAAhC,CACE,oBAACA,UAAmB,QAApB;IAA2B,WAAU;cACnC,qBAACA,UAAmB,SAApB;KACE,WAAQ;KACR,WACE,YAAY,eACZ,GACE,0BACA,iEACA,gFACA,6CACA,yCACA,iCACA,aAAa,2CACd;eAZL,CAeE,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,MAAM,WACL,oBAAC,WAAD;QACE,SAAS,MAAM;QACf,MAAM;QACN,WAAU;QACV;OAEH,MAAM,SAAS,MAAM;OACrB,MAAM,eACL,oBAAC,QAAD;QAAM,UAAU,MAAM,EAAE,iBAAiB;QAAE,YAAY,MAAM,EAAE,iBAAiB;kBAC9E,oBAAC,WAAD,YAAY,MAAM,aAAwB;QACrC;OAEJ;SACP,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,cACC,oBAAC,OAAD;QAAO,SAAQ;QAAY,WAAQ;kBAChC;QACK;OAET,aACC,qBAAC,OAAD;QAAO,SAAQ;QAAc,WAAQ;kBAArC;SACG,MAAM;SAAW;SAAE,MAAM,eAAe,IAAI,UAAU;SACjD;;OAEV,oBAAC,iBAAD;QACE,OAAO;QACP,QAAQ;QACR,WAAW,GACT,oEACA,kDACD;QACD;OACG;QACoB;;IACH,GAC5B,oBAACA,UAAmB,OAApB;IACE,WAAQ;IAKR,WAAU;cAEV,oBAAC,OAAD;KACE,WACE,YAAY,gBACZ,GACE,4DACA,sFACD;KAGF;KACG;IACmB,EACH;;EACF;AAG5B,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GACL;GACA;GACA,QAAQ,MAAM;GACd;GACA,YAAY,MAAM;GAClB,UAAU,MAAM;GAChB,YAAY,MAAM;GACnB;EACD,wBAAwB;GACtB,mBAAmB;GACnB,cAAc;GACf;EACD,OAAO,WACL;GACE,WAAW,GACT,YAAY,SACV,GACE,8FACA,aAAa,wBACd,EACH,UACD;GACD,UAAU;GAER,WAAW;GACX,iBAAiB,MAAM;GACvB,oBAAoB,OAAO,SAAS;GAEvC,EACD,MACD;EACF,CAAC"}

package/dist/components/defaults/layout/section.d.mts

@@ -1,7 +1,8 @@
-import { FormSectionHandle } from "../../../types/form-handle.mjs";
+import { FormGroupHandle, FormSectionHandle } from "../../../types/form-handle.mjs";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/defaults/layout/section.d.ts
 interface DefaultSectionState {
+  groups: ReadonlyArray<FormGroupHandle>;
   hasErrors: boolean;
 }
 interface DefaultSectionProps extends useRender.ComponentProps<"div", DefaultSectionState> {

package/dist/components/defaults/layout/section.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"section.d.mts","names":[],"sources":["../../../../src/components/defaults/layout/section.tsx"],"mappings":";;;UAMiB,mBAAA;EACf,SAAA;AAAA;AAAA,UAGe,mBAAA,SAA4B,SAAA,CAAU,cAAA,QAAsB,mBAAA;EAC3E,OAAA,EAAS,iBAAA;;;;AADX;;;EAQE,SAAA;AAAA"}
+{"version":3,"file":"section.d.mts","names":[],"sources":["../../../../src/components/defaults/layout/section.tsx"],"mappings":";;;UAMiB,mBAAA;EACf,MAAA,EAAQ,aAAA,CAAc,eAAA;EACtB,SAAA;AAAA;AAAA,UAGe,mBAAA,SAA4B,SAAA,CAAU,cAAA,QAAsB,mBAAA;EAC3E,OAAA,EAAS,iBAAA;EALY;;;;;;EAYrB,SAAA;AAAA"}

package/dist/components/defaults/layout/section.mjs

@@ -22,7 +22,11 @@ function DefaultSection({ section, children, className, render, hideLabel, ...pr
 	return useRender({
 		defaultTagName: "div",
 		render,
-		state: { hasErrors },
+		state: {
+			groups: section.groups,
+			hasErrors
+		},
+		stateAttributesMapping: { groups: () => null },
 		props: mergeProps({
 			className: cn(classNames?.section ?? "pz:flex pz:flex-col pz:gap-2", className),
 			children: defaultContent,

package/dist/components/defaults/layout/section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"section.mjs","names":[],"sources":["../../../../src/components/defaults/layout/section.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useFormConfig } from \"../../../context/form-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FormSectionHandle } from \"../../../types/form-handle.js\";\n\nexport interface DefaultSectionState {\n  hasErrors: boolean;\n}\n\nexport interface DefaultSectionProps extends useRender.ComponentProps<\"div\", DefaultSectionState> {\n  section: FormSectionHandle;\n  /**\n   * Suppress the section's own header. Set when several consecutive sections\n   * share an umbrella label so the label only renders above the first\n   * section in the cluster (the renderer in `pipe-form/content.tsx` and\n   * `search-form/content.tsx` handles this automatically).\n   */\n  hideLabel?: boolean;\n}\n\nexport function DefaultSection({\n  section,\n  children,\n  className,\n  render,\n  hideLabel,\n  ...props\n}: DefaultSectionProps) {\n  const { classNames } = useFormConfig();\n  const hasErrors = section.groups.some((g) => g.errorCount > 0);\n\n  // Section descriptions are intentionally not rendered — the umbrella label\n  // alone is enough signal, and per-section descriptions add noise once\n  // multiple sections sit under one umbrella. Field-level descriptions cover\n  // the cases where copy is actually load-bearing.\n  const defaultContent = (\n    <>\n      {!hideLabel && section.label && (\n        <div\n          data-p0=\"section-header\"\n          className={classNames?.sectionLabel ?? \"pz:flex pz:items-center pz:gap-2.5 pz:px-1\"}\n        >\n          <h2\n            className={cn(\n              \"pz:text-[10.5px] pz:font-medium pz:tracking-[0.12em] pz:uppercase pz:text-muted-foreground pz:m-0 pz:whitespace-nowrap\",\n            )}\n          >\n            {section.label}\n          </h2>\n          <span aria-hidden className=\"pz:flex-1 pz:h-px pz:bg-border\" />\n        </div>\n      )}\n      {children}\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { hasErrors },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(classNames?.section ?? \"pz:flex pz:flex-col pz:gap-2\", className),\n        children: defaultContent,\n        ...({\n          \"data-p0\": \"section\",\n          \"data-p0-section\": section.key,\n        } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;AAqBA,SAAgB,eAAe,EAC7B,SACA,UACA,WACA,QACA,WACA,GAAG,SACmB;CACtB,MAAM,EAAE,eAAe,eAAe;CACtC,MAAM,YAAY,QAAQ,OAAO,MAAM,MAAM,EAAE,aAAa,EAAE;CAM9D,MAAM,iBACJ,4CACG,CAAC,aAAa,QAAQ,SACrB,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,YAAY,gBAAgB;YAFzC,CAIE,oBAAC,MAAD;GACE,WAAW,GACT,yHACD;aAEA,QAAQ;GACN,GACL,oBAAC,QAAD;GAAM;GAAY,WAAU;GAAmC,EAC3D;KAEP,SACA;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,EAAE,WAAW;EACpB,OAAO,WACL;GACE,WAAW,GAAG,YAAY,WAAW,gCAAgC,UAAU;GAC/E,UAAU;GAER,WAAW;GACX,mBAAmB,QAAQ;GAE9B,EACD,MACD;EACF,CAAC"}
+{"version":3,"file":"section.mjs","names":[],"sources":["../../../../src/components/defaults/layout/section.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useFormConfig } from \"../../../context/form-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FormGroupHandle, FormSectionHandle } from \"../../../types/form-handle.js\";\n\nexport interface DefaultSectionState {\n  groups: ReadonlyArray<FormGroupHandle>;\n  hasErrors: boolean;\n}\n\nexport interface DefaultSectionProps extends useRender.ComponentProps<\"div\", DefaultSectionState> {\n  section: FormSectionHandle;\n  /**\n   * Suppress the section's own header. Set when several consecutive sections\n   * share an umbrella label so the label only renders above the first\n   * section in the cluster (the renderer in `pipe-form/content.tsx` and\n   * `search-form/content.tsx` handles this automatically).\n   */\n  hideLabel?: boolean;\n}\n\nexport function DefaultSection({\n  section,\n  children,\n  className,\n  render,\n  hideLabel,\n  ...props\n}: DefaultSectionProps) {\n  const { classNames } = useFormConfig();\n  const hasErrors = section.groups.some((g) => g.errorCount > 0);\n\n  // Section descriptions are intentionally not rendered — the umbrella label\n  // alone is enough signal, and per-section descriptions add noise once\n  // multiple sections sit under one umbrella. Field-level descriptions cover\n  // the cases where copy is actually load-bearing.\n  const defaultContent = (\n    <>\n      {!hideLabel && section.label && (\n        <div\n          data-p0=\"section-header\"\n          className={classNames?.sectionLabel ?? \"pz:flex pz:items-center pz:gap-2.5 pz:px-1\"}\n        >\n          <h2\n            className={cn(\n              \"pz:text-[10.5px] pz:font-medium pz:tracking-[0.12em] pz:uppercase pz:text-muted-foreground pz:m-0 pz:whitespace-nowrap\",\n            )}\n          >\n            {section.label}\n          </h2>\n          <span aria-hidden className=\"pz:flex-1 pz:h-px pz:bg-border\" />\n        </div>\n      )}\n      {children}\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { groups: section.groups, hasErrors },\n    stateAttributesMapping: {\n      groups: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(classNames?.section ?? \"pz:flex pz:flex-col pz:gap-2\", className),\n        children: defaultContent,\n        ...({\n          \"data-p0\": \"section\",\n          \"data-p0-section\": section.key,\n        } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,eAAe,EAC7B,SACA,UACA,WACA,QACA,WACA,GAAG,SACmB;CACtB,MAAM,EAAE,eAAe,eAAe;CACtC,MAAM,YAAY,QAAQ,OAAO,MAAM,MAAM,EAAE,aAAa,EAAE;CAM9D,MAAM,iBACJ,4CACG,CAAC,aAAa,QAAQ,SACrB,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,YAAY,gBAAgB;YAFzC,CAIE,oBAAC,MAAD;GACE,WAAW,GACT,yHACD;aAEA,QAAQ;GACN,GACL,oBAAC,QAAD;GAAM;GAAY,WAAU;GAAmC,EAC3D;KAEP,SACA;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE,QAAQ,QAAQ;GAAQ;GAAW;EAC5C,wBAAwB,EACtB,cAAc,MACf;EACD,OAAO,WACL;GACE,WAAW,GAAG,YAAY,WAAW,gCAAgC,UAAU;GAC/E,UAAU;GAER,WAAW;GACX,mBAAmB,QAAQ;GAE9B,EACD,MACD;EACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipe0/react",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "React component library for building forms and catalogs powered by pipe0 pipes and searches.",
   "license": "MIT",
   "author": "pipe0",
@@ -87,7 +87,7 @@
     "lucide-react": "^0.475.0",
     "swr": "^2.4.1",
     "tailwind-merge": "^3.3.1",
-    "@pipe0/base": "0.0.6"
+    "@pipe0/base": "0.0.7"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.3.1",