{"version":3,"file":"web-4Pe_TPb8.mjs","names":["ReactNode","Ref","Collapsible","CollapsibleContent","Card","SectionHeaderRow","cn","ControlSizeProvider","SectionCardVariant","HEADER_HEIGHT","SectionCardProps","variant","title","icon","actions","open","onOpenChange","defaultOpen","className","ref","HTMLElement","children","SectionCard","t0","$","_c","t1","undefined","inspector","t2","t3","t4","t5","t6","t7","t8","header","t10","t9","Symbol","for","bb0","frame","content","t11","t12","_c","HEADER_HEIGHT","$","c","t1","t0","inspector","t2","t3","cn","t4","t5","children","t6","actions","ControlSizeProvider","t7","icon","open","t8","title","SectionHeaderRow","header","t10","t9","className","defaultOpen","onOpenChange","ref","content","Card","t11","CollapsibleContent","t12","Collapsible","web_default"],"sources":["../../../../../__A__/dev/singularity/.claude/worktrees/att-1794515063-e6dm4h/plugins/primitives/plugins/section-card/web/internal/section-card.tsx","../../../../../__A__/dev/singularity/.claude/worktrees/att-1794515063-e6dm4h/plugins/primitives/plugins/section-card/web/index.ts"],"sourcesContent":["import type { ReactNode, Ref } from \"react\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n} from \"@plugins/primitives/plugins/collapsible/web\";\nimport { Card } from \"@plugins/primitives/plugins/css/plugins/card/web\";\nimport { SectionHeaderRow } from \"@plugins/primitives/plugins/css/plugins/row/web\";\nimport {\n  cn,\n  ControlSizeProvider,\n} from \"@plugins/primitives/plugins/css/plugins/ui-kit/web\";\n\n/**\n * The chrome a section wears — a closed pair, both painted here, so a stack's\n * sections are uniform whichever one their pane picked.\n *\n * - **`card`** (default) — a bordered, rounded `Card` with a leading chevron:\n *   the detail-pane look, where each section is an object of its own.\n * - **`inspector`** — a flat `<section>` closed by a 1px rule, its header a\n *   full-width row that fills on hover: the collapsed title is muted, the open\n *   one reads at full strength with its icon in the primary colour, and a quiet\n *   chevron sits at the row's far end (`SectionHeaderRow`'s\n *   `disclosure=\"end\"`). For a\n *   side-panel inspector, where the sections are one continuous column and a\n *   card per section would box it into tiles. Its stack carries no gap and no\n *   inset: the rules divide it, and the headers' hover runs edge to edge.\n */\nexport type SectionCardVariant = \"card\" | \"inspector\";\n\n/**\n * The header's one height: an `sm` control (what its `actions` are drawn at)\n * plus `py-sm` above and below, as a floor on the padded row (border-box) —\n * so a title-only header is exactly as tall as one holding a button, a chip\n * or a switch, in every app's density.\n */\nconst HEADER_HEIGHT =\n  \"py-sm min-h-[calc(var(--control-height-sm)+2*var(--space-sm))]\";\n\nexport interface SectionCardProps {\n  /** The chrome — see {@link SectionCardVariant}. Default `\"card\"`. */\n  variant?: SectionCardVariant;\n  /** The card's identity, and its click target: clicking it toggles the body. */\n  title: string;\n  /**\n   * Leading icon, rendered between the chevron and the title. Pass the raw icon\n   * element — the header row owns its size (`icon-auto`) and color.\n   */\n  icon?: ReactNode;\n  /**\n   * Header-right controls, laid out as a SIBLING of the title button (never a\n   * nested interactive), so they keep their own click and stay reachable while\n   * the card is collapsed. Rendered at `sm` control density — a header affordance\n   * is chrome, not body content.\n   */\n  actions?: ReactNode;\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Uncontrolled initial state. Default: collapsed. */\n  defaultOpen?: boolean;\n  className?: string;\n  /**\n   * The card's outer element — for a host that scrolls a section into view\n   * (`detail-sections`' reveal). Never needed to style or size it.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * The collapsible body. Unmounted while collapsed.\n   *\n   * **Omit it** for a card whose whole content is one line: with no body there\n   * is nothing to expand, so the card renders as a single STATIC row — no\n   * chevron, no toggle — with the line's content in `actions`. The disclosure\n   * affordance is therefore derived, never declared: a chevron exists exactly\n   * when a body exists, so a card that opens onto nothing is unrepresentable.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A titled, collapsible card: `Card` chrome around a `SectionHeaderRow` trigger\n * and a `CollapsibleContent` body. Collapsed, it is exactly one row — chevron,\n * icon, title, and whatever header actions the caller keeps reachable. With no\n * `children` it is that one row permanently, and drops the chevron with it.\n *\n * This is the sanctioned home for the \"card whose title expands it\" shape. It\n * exists so a stack of such cards is uniform BY CONSTRUCTION: the caller supplies\n * a title and a body, never the chrome, so no two cards can drift on padding,\n * radius, title typography, or chevron placement.\n *\n * The body is genuinely unmounted while collapsed (`CollapsibleContent`), so a\n * heavy panel costs nothing until opened. Anything that must keep running while\n * the card is shut (persistence, subscriptions) does not belong in the body —\n * lift it into a headless always-mounted component.\n */\nexport function SectionCard({\n  variant = \"card\",\n  title,\n  icon,\n  actions,\n  open,\n  onOpenChange,\n  defaultOpen,\n  className,\n  ref,\n  children,\n}: SectionCardProps) {\n  // ONE header expression for both shapes, with `collapsible` DERIVED from the\n  // body's presence — so the two can never drift into \"a chevron over nothing\"\n  // or \"a body with no way to open it\".\n  //\n  // The row reads `open` / `toggle` / `contentId` off the Collapsible context,\n  // so the chevron, the aria wiring, and the actions-as-sibling split (no\n  // nested <button>) all come for free.\n  const inspector = variant === \"inspector\";\n  const header = (\n    <SectionHeaderRow\n      variant=\"title\"\n      // Inspector: square corners so the hover fill runs edge to edge, and a\n      // tighter trailing pad so the header actions sit near the panel edge.\n      // Every header is ONE height, whatever it holds: its line reserves an\n      // `sm` control (what its `actions` are drawn at) under `py-sm` — so a\n      // row with a button and a row with only its title cannot differ.\n      className={cn(\n        HEADER_HEIGHT,\n        inspector ? \"rounded-none pl-lg pr-sm\" : \"rounded-lg px-lg\",\n      )}\n      disclosure={inspector ? \"end\" : \"lead\"}\n      collapsible={children !== undefined}\n      actions={\n        actions ? (\n          <ControlSizeProvider size=\"sm\">{actions}</ControlSizeProvider>\n        ) : undefined\n      }\n    >\n      {inspector && open && icon ? (\n        // The open section's icon takes the primary colour: the column's one\n        // mark of which sections are showing their body.\n        <span className=\"contents text-primary-text\">{icon}</span>\n      ) : (\n        icon\n      )}\n      {title}\n    </SectionHeaderRow>\n  );\n\n  // The frame is the only thing the two variants disagree on: the header and\n  // the body rail below are shared, so they cannot drift apart.\n  const frame = (content: ReactNode) =>\n    inspector ? (\n      <section ref={ref} className={cn(\"border-b border-border\", className)}>\n        {content}\n      </section>\n    ) : (\n      <Card ref={ref} className={cn(\"rounded-lg p-none\", className)}>\n        {content}\n      </Card>\n    );\n\n  if (children === undefined) {\n    // One line, permanently: no Collapsible at all, so there is no open state\n    // to persist and no body to unmount.\n    return frame(header);\n  }\n\n  return frame(\n    <Collapsible\n      open={open}\n      onOpenChange={onOpenChange}\n      defaultOpen={defaultOpen}\n    >\n      {header}\n      {/* The body OPENS a rail region rather than merely padding: `rail-x-lg`\n            applies the inset AND publishes it, so a descendant that follows the\n            rail (a DataView's bands, a DataTable's rows) knows the card already\n            paid and adds nothing. `px-lg` here would inset without publishing,\n            and a follower would then guess — which is what the deleted\n            `pane-gutter-flush` marker existed to correct, one wrapper at a time.\n            Inline-only, so `pb-lg` stays: the block rhythm is unchanged. */}\n      <CollapsibleContent className=\"rail-x-lg pb-lg\">\n        {children}\n      </CollapsibleContent>\n    </Collapsible>,\n  );\n}\n","import type { PluginDefinition } from \"@plugins/framework/plugins/web-sdk/core\";\n\nexport {\n  SectionCard,\n  type SectionCardProps,\n  type SectionCardVariant,\n} from \"./internal/section-card\";\n\nexport default {\n  description:\n    \"Titled collapsible card primitive: Card chrome + a SectionHeaderRow trigger (chevron, icon, title, sibling header actions) + an unmounted-while-collapsed body. The sanctioned home for the 'card whose title expands it' shape, so a stack of such cards is uniform by construction.\",\n  contributions: [],\n} satisfies PluginDefinition;\n"],"mappings":";;;;;;;AAmCA,IAAMS,IACJ;AA0DF,SAAOa,YAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAqB,EAAAd,SAAAe,GAAAd,UAAAC,SAAAC,YAAAC,SAAAC,iBAAAC,gBAAAC,cAAAC,QAAAE,gBAAAE,GAmB1BK,KAlBAF,MAAAC,KAAAA,IAAA,SAAAD,OAkB8B,aAWxBG,IAAAD,IAAA,6BAAA,oBAA2DE;CAAA,AAAAN,EAAA,OAAAK,IAC5DC,IAAAN,EAAA,MAHUM,IAAAxB,EACTG,GACAoB,CACF,GAACL,EAAA,KAAAK,GAAAL,EAAA,KAAAM;CACW,IAAAC,IAAAH,IAAA,QAAA,QACCI,IAAAX,MAAaM,KAAAA,GAASM;CAAA,AAAAT,EAAA,OAAAV,IAIpBmB,IAAAT,EAAA,MAFbS,IAAAnB,IACE,kBAAC+C,GAAD;EAAoB,iBAAA;EAAM,MAAA;EAAM/C,UAAAA;CAAZ,CAAA,IADtBa,KAAAA,GAEaH,EAAA,KAAAV,GAAAU,EAAA,KAAAS;CAAA,IAAAC;CAAA,AAAAV,EAAA,OAAAX,KAAAW,EAAA,OAAAI,KAAAJ,EAAA,OAAAT,KAGdmB,IAAAN,KAAAb,KAAAF,IAGC,kBAAA,QAAA;EAAgB,WAAA;EAA4B,eAAA;EAAEA,UAAAA;CAAY,CAAA,IAH3DA,GAMAW,EAAA,KAAAX,GAAAW,EAAA,KAAAI,GAAAJ,EAAA,KAAAT,GAAAS,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;CAAA,AAAAX,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KAAAV,EAAA,QAAAZ,KAzBHuB,IAAA,kBAACgC,GAAD;EAAiB,iBAAA;EACP,SAAA;EAMG,WAAArC;EAIC,YAAAC;EACC,aAAAC;EAEX,SAAAC;EAdJ,UAAA,CAmBGC,GAOAtB,CA1Bc;C,IA2BEY,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAZ,GAAAY,EAAA,MAAAW,KAAAA,IAAAX,EAAA;CA5BrB,IAAAY,IACED,GA4BAE,GAAAC;CAAA,IAAAd,EAAA,QAAAH,KAAAG,EAAA,QAAAN,KAAAM,EAAA,QAAAP,KAAAO,EAAA,QAAAY,KAAAZ,EAAA,QAAAI,KAAAJ,EAAA,QAAAR,KAAAQ,EAAA,QAAAT,KAAAS,EAAA,QAAAL,GAAA;EAkBOkB,IAAAE,OAAaC,IAAb,6BAAY;EAACC,KAAA;GAdtB,IAAAC,SAAcC,MACZf,IACE,kBAAA,WAAA;IAAcT;IAAgB,WAAAb,EAAG,0BAA0BY,CAAS;IAAC,eAAA;IAClEyB,UAAAA;GACO,CAAA,IAEV,kBAACiC,GAAD;IAAK,iBAAA;IAAMzD;IAAgB,WAAAb,EAAG,qBAAqBY,CAAS;IACzDyB,UAAAA;GADE,CAAA;GAKT,IAAItB,MAAaM,KAAAA,GAAS;IAGjBU,IAAAK,MAAMN,CAAM;IAAZ,MAAAK;GAAa;GACrB,IAAAG;GAAA,AAAApB,EAAA,QAAAH,IAkBwBuB,IAAApB,EAAA,OAFrBoB,IAAA,kBAACkC,GAAD;IAAmB,iBAAA;IAAW,WAAA;IAC3BzD;GADgB,CAAA,GAEEG,EAAA,MAAAH,GAAAG,EAAA,MAAAoB;GAAA,IAAAC;GAhBlBP,AAgBkBd,EAAA,QAAAP,KAAAO,EAAA,QAAAY,KAAAZ,EAAA,QAAAR,KAAAQ,EAAA,QAAAT,KAAAS,EAAA,QAAAoB,KAfvBC,IAAA,kBAACmC,GAAD;IAAY,iBAAA;IACJjE;IACQC;IACDC;IAHf,UAAA,CAKGmB,GAQDQ,CAbU;G,IAgBEpB,EAAA,MAAAP,GAAAO,EAAA,MAAAY,GAAAZ,EAAA,MAAAR,GAAAQ,EAAA,MAAAT,GAAAS,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KAjBTc,IAAAI,MACLG,CAiBF;EAAC;EAAArB,AAAAA,EAAA,MAAAH,GAAAG,EAAA,MAAAN,GAAAM,EAAA,MAAAP,GAAAO,EAAA,MAAAY,GAAAZ,EAAA,MAAAI,GAAAJ,EAAA,MAAAR,GAAAQ,EAAA,MAAAT,GAAAS,EAAA,MAAAL,GAAAK,EAAA,MAAAa,GAAAb,EAAA,MAAAc;CAAA,OAAAA,AAAAD,IAAAb,EAAA,KAAAc,IAAAd,EAAA;CAAA,OAAAa,MAAAE,OAAAC,IAAA,6BAAA,IAlBMF,IAkBND;AAAA;;AC9KH,IAAA4C,IAAe;CACb,aACE;CACF,eAAe,CAAC;AAClB"}