@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-7KV7H2TW.js

@@ -0,0 +1,323 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/card/card.tsx
+import {
+  forwardRef,
+  useEffect,
+  useRef,
+  useState,
+  useCallback
+} from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var cardVariants = cva(
+  "rounded-lg border border-card-border bg-card text-card-foreground shadow-card",
+  {
+    variants: {
+      // Opt-in hover-lift for clickable cards. Gated by --motion-factor via the
+      // duration-* utility; the transform is neutralized under OS reduced-motion
+      // (the shadow/border still respond — "reduced != none").
+      interactive: {
+        true: "cursor-pointer transition-[translate,box-shadow,border-color] duration-base ease-standard hover:-translate-y-1 hover:border-ring/40 hover:shadow-md focus-ring motion-reduce:hover:translate-y-0",
+        false: ""
+      }
+    },
+    defaultVariants: { interactive: false }
+  }
+);
+var cardDetailVariants = cva("group grid overflow-hidden", {
+  variants: {
+    detailPlacement: { side: "", bottom: "" },
+    detailReveal: { fixed: "", hover: "" }
+  },
+  compoundVariants: [
+    {
+      detailPlacement: "side",
+      detailReveal: "fixed",
+      class: "grid-cols-[minmax(0,1fr)_var(--card-detail-size)]"
+    },
+    {
+      detailPlacement: "bottom",
+      detailReveal: "fixed",
+      class: "grid-rows-[minmax(0,1fr)_var(--card-detail-size)]"
+    },
+    {
+      detailPlacement: "side",
+      detailReveal: "hover",
+      class: "grid-cols-[minmax(0,1fr)_0px] transition-[grid-template-columns] duration-base ease-standard hover:grid-cols-[minmax(0,1fr)_var(--card-detail-size)] focus-within:grid-cols-[minmax(0,1fr)_var(--card-detail-size)] motion-reduce:transition-none"
+    },
+    {
+      detailPlacement: "bottom",
+      detailReveal: "hover",
+      class: "grid-rows-[minmax(0,1fr)_0px] transition-[grid-template-rows] duration-base ease-standard hover:grid-rows-[minmax(0,1fr)_var(--card-detail-size)] focus-within:grid-rows-[minmax(0,1fr)_var(--card-detail-size)] motion-reduce:transition-none"
+    }
+  ],
+  defaultVariants: { detailPlacement: "side", detailReveal: "fixed" }
+});
+function CardWithHoverDetail({
+  className,
+  interactive,
+  detail,
+  detailPlacement = "side",
+  detailReveal: _detailReveal,
+  detailSize,
+  detailLabel = "Details",
+  style,
+  children,
+  ...props
+}) {
+  const [isRevealed, setIsRevealed] = useState(false);
+  const containerRef = useRef(null);
+  const concealRafRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (concealRafRef.current !== null) cancelAnimationFrame(concealRafRef.current);
+    };
+  }, []);
+  const reveal = useCallback(() => setIsRevealed(true), []);
+  const conceal = useCallback(() => {
+    concealRafRef.current = requestAnimationFrame(() => {
+      concealRafRef.current = null;
+      if (containerRef.current && !containerRef.current.contains(document.activeElement)) {
+        setIsRevealed(false);
+      }
+    });
+  }, []);
+  const handleMouseEnter = reveal;
+  const handleMouseLeave = useCallback(() => {
+    if (containerRef.current && !containerRef.current.contains(document.activeElement)) {
+      setIsRevealed(false);
+    }
+  }, []);
+  const handleFocusIn = reveal;
+  const handleFocusOut = conceal;
+  const size = detailSize ?? (detailPlacement === "side" ? "16rem" : "auto");
+  const dividerEdge = detailPlacement === "side" ? "border-s" : "border-t";
+  const dividerColor = isRevealed ? "border-border transition-colors duration-base ease-standard motion-reduce:transition-none" : "border-transparent transition-colors duration-base ease-standard motion-reduce:transition-none";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      "data-slot": "card",
+      className: cn(
+        cardVariants({ interactive }),
+        cardDetailVariants({ detailPlacement, detailReveal: "hover" }),
+        className
+      ),
+      style: { "--card-detail-size": size, ...style },
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onFocus: handleFocusIn,
+      onBlur: handleFocusOut,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 overflow-hidden", children }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "region",
+            "aria-label": detailLabel,
+            "aria-hidden": !isRevealed,
+            "data-slot": "card-detail",
+            className: cn("overflow-hidden bg-background p-6", dividerEdge, dividerColor),
+            children: detail
+          }
+        )
+      ]
+    }
+  );
+}
+var Card = forwardRef(function Card2({
+  className,
+  interactive,
+  stacked,
+  detail,
+  detailPlacement = "side",
+  detailReveal = "fixed",
+  detailSize,
+  detailLabel = "Details",
+  style,
+  children,
+  ...props
+}, ref) {
+  if (detail == null) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card",
+        className: cn(cardVariants({ interactive }), stacked && "hairline-stack", className),
+        style,
+        ...props,
+        children
+      }
+    );
+  }
+  if (detailReveal === "hover") {
+    return /* @__PURE__ */ jsx(
+      CardWithHoverDetail,
+      {
+        className,
+        interactive,
+        detail,
+        detailPlacement,
+        detailSize,
+        detailLabel,
+        style,
+        ...props,
+        children
+      }
+    );
+  }
+  const size = detailSize ?? (detailPlacement === "side" ? "16rem" : "auto");
+  const dividerEdge = detailPlacement === "side" ? "border-s" : "border-t";
+  const dividerColor = "border-border";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "card",
+      className: cn(
+        cardVariants({ interactive }),
+        cardDetailVariants({ detailPlacement, detailReveal }),
+        className
+      ),
+      style: { "--card-detail-size": size, ...style },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 overflow-hidden", children }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "region",
+            "aria-label": detailLabel,
+            "data-slot": "card-detail",
+            className: cn("overflow-hidden bg-background p-6", dividerEdge, dividerColor),
+            children: detail
+          }
+        )
+      ]
+    }
+  );
+});
+var CardHeader = forwardRef(
+  function CardHeader2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-header",
+        className: cn(
+          "flex flex-col gap-1.5 p-6",
+          "has-data-[slot=card-action]:grid has-data-[slot=card-action]:auto-rows-min has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CardTitle = forwardRef(function CardTitle2({ className, as: Tag = "div", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "card-title",
+      className: cn("text-title leading-(--card-title-leading)", className),
+      ...props
+    }
+  );
+});
+var CardDescription = forwardRef(
+  function CardDescription2({ className, measure, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        "data-slot": "card-description",
+        className: cn(
+          "text-body text-balance text-muted-foreground",
+          measure && "max-w-prose",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CardAction = forwardRef(
+  function CardAction2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-action",
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+        ...props
+      }
+    );
+  }
+);
+var cardMediaVariants = cva("flex min-h-40 items-center justify-center p-6", {
+  variants: {
+    ground: {
+      hatch: "bg-hairline-hatch",
+      dots: "bg-dot-grid",
+      none: ""
+    },
+    // The ground is never flat: it fades across the well. Literal classes (not
+    // an interpolated one) so Tailwind can see them.
+    fade: {
+      edges: "[--paper-fade:var(--deco-fade-edges)]",
+      top: "[--paper-fade:var(--deco-fade-top)]",
+      bottom: "[--paper-fade:var(--deco-fade-bottom)]",
+      center: "[--paper-fade:var(--deco-fade-center)]"
+    }
+  },
+  defaultVariants: { ground: "hatch", fade: "edges" }
+});
+var CardMedia = forwardRef(function CardMedia2({ className, ground, fade, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-media",
+      className: cn(cardMediaVariants({ ground, fade }), className),
+      ...props
+    }
+  );
+});
+var CardContent = forwardRef(
+  function CardContent2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn("p-6 pt-0", className), ...props });
+  }
+);
+var CardFooter = forwardRef(
+  function CardFooter2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-footer",
+        className: cn("flex items-center p-6 pt-0", className),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  cardVariants,
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardAction,
+  CardMedia,
+  CardContent,
+  CardFooter
+};
+//# sourceMappingURL=chunk-7KV7H2TW.js.map

package/dist/chunk-7KV7H2TW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card/card.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\n// `rounded-lg` is the shared \"container radius\" rung (= --radius-lg = var(--radius),\n// 4px). Card, Alert (rounded-lg), and the markdown editor directive chrome all read\n// this one rung so the SAME logical block shows ONE radius across editor↔preview\n// (was rounded-xl = 8px, whose meaning silently changed with the --radius-xl override\n// — see #19). Overlays (Dialog/AlertDialog) deliberately use a larger rung.\nexport const cardVariants = cva(\n  \"rounded-lg border border-card-border bg-card text-card-foreground shadow-card\",\n  {\n    variants: {\n      // Opt-in hover-lift for clickable cards. Gated by --motion-factor via the\n      // duration-* utility; the transform is neutralized under OS reduced-motion\n      // (the shadow/border still respond — \"reduced != none\").\n      interactive: {\n        true: \"cursor-pointer transition-[translate,box-shadow,border-color] duration-base ease-standard hover:-translate-y-1 hover:border-ring/40 hover:shadow-md focus-ring motion-reduce:hover:translate-y-0\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { interactive: false },\n  },\n);\n\n// Grid container for the OPTIONAL detail panel — applied only when `detail` is set.\n// `fixed` keeps the panel track at its full size; `hover` collapses it to 0 at rest and\n// animates it open on the card's own hover AND keyboard `focus-within`, while the `main`\n// region (overflow-hidden) yields the space so the OUTER card size stays constant.\n// Layout-animation trade-off: prefer `fixed` in very dense grids (animating grid tracks\n// is more expensive than a static layout). Motion is tokened + snaps under reduced-motion.\nconst cardDetailVariants = cva(\"group grid overflow-hidden\", {\n  variants: {\n    detailPlacement: { side: \"\", bottom: \"\" },\n    detailReveal: { fixed: \"\", hover: \"\" },\n  },\n  compoundVariants: [\n    {\n      detailPlacement: \"side\",\n      detailReveal: \"fixed\",\n      class: \"grid-cols-[minmax(0,1fr)_var(--card-detail-size)]\",\n    },\n    {\n      detailPlacement: \"bottom\",\n      detailReveal: \"fixed\",\n      class: \"grid-rows-[minmax(0,1fr)_var(--card-detail-size)]\",\n    },\n    {\n      detailPlacement: \"side\",\n      detailReveal: \"hover\",\n      class:\n        \"grid-cols-[minmax(0,1fr)_0px] transition-[grid-template-columns] duration-base ease-standard hover:grid-cols-[minmax(0,1fr)_var(--card-detail-size)] focus-within:grid-cols-[minmax(0,1fr)_var(--card-detail-size)] motion-reduce:transition-none\",\n    },\n    {\n      detailPlacement: \"bottom\",\n      detailReveal: \"hover\",\n      class:\n        \"grid-rows-[minmax(0,1fr)_0px] transition-[grid-template-rows] duration-base ease-standard hover:grid-rows-[minmax(0,1fr)_var(--card-detail-size)] focus-within:grid-rows-[minmax(0,1fr)_var(--card-detail-size)] motion-reduce:transition-none\",\n    },\n  ],\n  defaultVariants: { detailPlacement: \"side\", detailReveal: \"fixed\" },\n});\n\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {\n  /**\n   * Optional detail-panel content. **Undefined → a plain card** (today's single `<div>` —\n   * no grid, no panel, zero behaviour change).\n   */\n  detail?: ReactNode;\n  /** Which edge the detail panel sits on. @default \"side\" */\n  detailPlacement?: \"side\" | \"bottom\";\n  /**\n   * `fixed` (default, accessible) → panel always visible. `hover` → hidden at rest, revealed\n   * on hover **and** keyboard `focus-within` at a FIXED outer footprint (the main content\n   * yields the space; no surrounding reflow). Use `hover` for **supplementary** detail only —\n   * essential content must use `fixed`. @default \"fixed\"\n   */\n  detailReveal?: \"fixed\" | \"hover\";\n  /** Detail track size (any CSS length). @default \"16rem\" (side) / \"auto\" (bottom) */\n  detailSize?: string;\n  /** Accessible label for the detail region. @default \"Details\" */\n  detailLabel?: string;\n  /**\n   * Opt-in hairline gesture: the edges of two sheets stacked behind the card's\n   * top edge (the `hairline-stack` utility). It draws OUTSIDE the card, so it\n   * needs ~12px of room above and a card that does not clip — a plain card, not\n   * a `detail` one (whose grid is `overflow-hidden`). @default false\n   */\n  stacked?: boolean;\n}\n\n/**\n * Inner component for `detailReveal=\"hover\"` — needs hooks to track\n * hover/focus-within and drive `aria-hidden` on the detail panel so the\n * collapsed state is correctly hidden from the accessibility tree (WCAG 1.3.1 /\n * 2.4.3). When collapsed, AT cannot reach the detail controls.\n */\nfunction CardWithHoverDetail({\n  className,\n  interactive,\n  detail,\n  detailPlacement = \"side\",\n  detailReveal: _detailReveal,\n  detailSize,\n  detailLabel = \"Details\",\n  style,\n  children,\n  ...props\n}: CardProps) {\n  const [isRevealed, setIsRevealed] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const concealRafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (concealRafRef.current !== null) cancelAnimationFrame(concealRafRef.current);\n    };\n  }, []);\n\n  const reveal = useCallback(() => setIsRevealed(true), []);\n  const conceal = useCallback(() => {\n    // Only conceal if focus has truly left the card (not moved to detail).\n    // Use requestAnimationFrame so the new focusIn event fires first.\n    // Tracked in a ref so it can be cancelled if the card unmounts before the\n    // frame fires (a focus-out right before navigation away, say).\n    concealRafRef.current = requestAnimationFrame(() => {\n      concealRafRef.current = null;\n      if (containerRef.current && !containerRef.current.contains(document.activeElement)) {\n        setIsRevealed(false);\n      }\n    });\n  }, []);\n\n  const handleMouseEnter = reveal;\n  const handleMouseLeave = useCallback(() => {\n    // Conceal on mouse-leave only if focus is not inside the card.\n    if (containerRef.current && !containerRef.current.contains(document.activeElement)) {\n      setIsRevealed(false);\n    }\n  }, []);\n\n  const handleFocusIn = reveal;\n  const handleFocusOut = conceal;\n\n  const size = detailSize ?? (detailPlacement === \"side\" ? \"16rem\" : \"auto\");\n  const dividerEdge = detailPlacement === \"side\" ? \"border-s\" : \"border-t\";\n  const dividerColor = isRevealed\n    ? \"border-border transition-colors duration-base ease-standard motion-reduce:transition-none\"\n    : \"border-transparent transition-colors duration-base ease-standard motion-reduce:transition-none\";\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"card\"\n      className={cn(\n        cardVariants({ interactive }),\n        cardDetailVariants({ detailPlacement, detailReveal: \"hover\" }),\n        className,\n      )}\n      style={{ \"--card-detail-size\": size, ...style } as CSSProperties}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleFocusIn}\n      onBlur={handleFocusOut}\n      {...props}\n    >\n      <div className=\"min-h-0 min-w-0 overflow-hidden\">{children}</div>\n      {/* aria-hidden mirrors the visual collapsed state so AT does not reach\n          hidden controls. When revealed, it is removed so AT can navigate in. */}\n      <div\n        role=\"region\"\n        aria-label={detailLabel}\n        aria-hidden={!isRevealed}\n        data-slot=\"card-detail\"\n        className={cn(\"overflow-hidden bg-background p-6\", dividerEdge, dividerColor)}\n      >\n        {detail}\n      </div>\n    </div>\n  );\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    className,\n    interactive,\n    stacked,\n    detail,\n    detailPlacement = \"side\",\n    detailReveal = \"fixed\",\n    detailSize,\n    detailLabel = \"Details\",\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // No detail → today's plain card, byte-for-byte (no grid, no panel, no behaviour change).\n  if (detail == null) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(cardVariants({ interactive }), stacked && \"hairline-stack\", className)}\n        style={style}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  // `hover` mode uses the inner component with JS-tracked reveal state so we can\n  // correctly set aria-hidden on the collapsed panel (WCAG 1.3.1 / 2.4.3 fix, #141).\n  if (detailReveal === \"hover\") {\n    // Note: ref is forwarded to the outer div inside CardWithHoverDetail via a\n    // callback approach — consumers rarely need a ref on a hover-detail card, but\n    // we still accept the prop and pass it down as a forwarded ref is not directly\n    // composable with an inner function component. We use a workaround via the\n    // ref prop name to keep the public API consistent.\n    return (\n      <CardWithHoverDetail\n        className={className}\n        interactive={interactive}\n        detail={detail}\n        detailPlacement={detailPlacement}\n        detailSize={detailSize}\n        detailLabel={detailLabel}\n        style={style}\n        {...props}\n      >\n        {children}\n      </CardWithHoverDetail>\n    );\n  }\n\n  const size = detailSize ?? (detailPlacement === \"side\" ? \"16rem\" : \"auto\");\n  const dividerEdge = detailPlacement === \"side\" ? \"border-s\" : \"border-t\";\n  // In `fixed` mode the divider is always the hairline border.\n  const dividerColor = \"border-border\";\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"card\"\n      className={cn(\n        cardVariants({ interactive }),\n        cardDetailVariants({ detailPlacement, detailReveal }),\n        className,\n      )}\n      style={{ \"--card-detail-size\": size, ...style } as CSSProperties}\n      {...props}\n    >\n      <div className=\"min-h-0 min-w-0 overflow-hidden\">{children}</div>\n      {/* Fixed panel: always visible. Labelled region for landmark navigation (#141 P3). */}\n      <div\n        role=\"region\"\n        aria-label={detailLabel}\n        data-slot=\"card-detail\"\n        className={cn(\"overflow-hidden bg-background p-6\", dividerEdge, dividerColor)}\n      >\n        {detail}\n      </div>\n    </div>\n  );\n});\n\nexport const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardHeader({ className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-header\"\n        // With a `CardAction` inside, the header becomes the two-column grid the\n        // action's `col-start-2 row-span-2` placement assumes (title + description\n        // stack on the left, the action top-right); without one, nothing changes.\n        className={cn(\n          \"flex flex-col gap-1.5 p-6\",\n          \"has-data-[slot=card-action]:grid has-data-[slot=card-action]:auto-rows-min has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport interface CardTitleProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Render as a different element — pick the semantic heading level so a\n   * card that titles a real page section contributes to the document outline\n   * (#328). The visual (`text-title leading-none`) is identical regardless of\n   * tag. @default \"div\"\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\n// Ref generic is `HTMLDivElement`, not `HTMLElement`: every member of the `as`\n// union (div, h1-h6) carries the same deprecated `align` member, so they are\n// structurally interchangeable — but the bare `HTMLElement` supertype is NOT\n// (it lacks `align`), which is what the polymorphic <Tag ref={ref}> below\n// requires TS to check against for every possible tag.\nexport const CardTitle = forwardRef<HTMLDivElement, CardTitleProps>(function CardTitle(\n  { className, as: Tag = \"div\", ...props },\n  ref,\n) {\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"card-title\"\n      className={cn(\"text-title leading-(--card-title-leading)\", className)}\n      {...props}\n    />\n  );\n});\n\nexport interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {\n  /**\n   * Cap the line length to a readable prose measure (`max-w-prose`, ~65ch)\n   * for genuine paragraph content (#339). Off by default — short,\n   * subtitle-style descriptions should stay full width.\n   */\n  measure?: boolean;\n}\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  function CardDescription({ className, measure, ...props }, ref) {\n    return (\n      <p\n        ref={ref}\n        data-slot=\"card-description\"\n        // `text-balance` sets `text-wrap: balance`. #336's real defect was an\n        // invalid, misspelled utility name that emitted zero CSS (NOT a\n        // tailwind-merge conflict) — this is the real, registered class.\n        className={cn(\n          \"text-body text-balance text-muted-foreground\",\n          measure && \"max-w-prose\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const CardAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardAction({ className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-action\"\n        className={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nconst cardMediaVariants = cva(\"flex min-h-40 items-center justify-center p-6\", {\n  variants: {\n    ground: {\n      hatch: \"bg-hairline-hatch\",\n      dots: \"bg-dot-grid\",\n      none: \"\",\n    },\n    // The ground is never flat: it fades across the well. Literal classes (not\n    // an interpolated one) so Tailwind can see them.\n    fade: {\n      edges: \"[--paper-fade:var(--deco-fade-edges)]\",\n      top: \"[--paper-fade:var(--deco-fade-top)]\",\n      bottom: \"[--paper-fade:var(--deco-fade-bottom)]\",\n      center: \"[--paper-fade:var(--deco-fade-center)]\",\n    },\n  },\n  defaultVariants: { ground: \"hatch\", fade: \"edges\" },\n});\n\nexport interface CardMediaProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardMediaVariants> {}\n\n/**\n * The card's media WELL — the recessed region that holds an illustration, a\n * mini chart, a product fragment or a logo grid. Its ground is a faded hairline\n * hatch by default (`ground=\"dots\"` for a dot field, `\"none\"` for a bare well),\n * painted on an inert layer behind the media, so whatever you put in it sits ON\n * the texture and is never tinted or masked by it.\n *\n * Place it above `CardHeader` (media first) or below `CardContent`. It centres\n * its children; pass `className` to change that.\n */\nexport const CardMedia = forwardRef<HTMLDivElement, CardMediaProps>(function CardMedia(\n  { className, ground, fade, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"card-media\"\n      className={cn(cardMediaVariants({ ground, fade }), className)}\n      {...props}\n    />\n  );\n});\n\nexport const CardContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardContent({ className, ...props }, ref) {\n    return (\n      <div ref={ref} data-slot=\"card-content\" className={cn(\"p-6 pt-0\", className)} {...props} />\n    );\n  },\n);\n\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CardFooter({ className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-footer\"\n        className={cn(\"flex items-center p-6 pt-0\", className)}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":"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","names":["Card","CardHeader","CardTitle","CardDescription","CardAction","CardMedia","CardContent","CardFooter"]}

package/dist/chunk-7WIHVGYL.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-7WIHVGYL.js.map

package/dist/chunk-7WIHVGYL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-7Z2RAGOA.js

@@ -0,0 +1,90 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/page-shell/page-shell.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var widthMap = {
+  md: "max-w-3xl",
+  lg: "max-w-5xl",
+  xl: "max-w-7xl",
+  full: "max-w-none"
+};
+var scrollMap = {
+  body: "",
+  content: "min-h-0 flex-1 overflow-y-auto",
+  fill: "h-full min-h-0 overflow-hidden"
+};
+var PageShell = forwardRef(function PageShell2({
+  children,
+  header,
+  headerVariant = "default",
+  width = "xl",
+  scroll = "body",
+  headerGutter = false,
+  className,
+  contentClassName,
+  tabIndex,
+  ...props
+}, ref) {
+  const resolvedTabIndex = tabIndex ?? (scroll === "content" ? 0 : void 0);
+  const headerNode = header ? headerVariant === "toolbar" ? (
+    // header-band-exempt: a page-section toolbar under the top bar, not beside it
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "page-shell-toolbar-header",
+        className: "sticky top-0 z-10 border-b border-border bg-background/95 py-3 backdrop-blur",
+        children: header
+      }
+    )
+  ) : header : null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "page-shell",
+      tabIndex: resolvedTabIndex,
+      className: cn(
+        "w-full px-4 py-6 sm:px-6 lg:px-8",
+        scrollMap[scroll],
+        // `focus-ring-inset`, NOT `focus-ring`: `scroll="content"`'s own doc
+        // above tells the caller to use it inside a `SidebarInset`, whose
+        // `overflow-hidden` clips both layers of the plain rung — they are
+        // drawn OUTSIDE the element's box. A consumer following that
+        // instruction would get a focusable scroll port with no visible focus
+        // indicator at all. Same reasoning, verbatim, as the app-shell blocks'
+        // own scroll ports.
+        scroll === "content" && "focus-ring-inset",
+        headerGutter && "[--page-shell-header-gutter:--spacing(12)]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "page-shell-content",
+          className: cn("mx-auto w-full space-y-6", widthMap[width], contentClassName),
+          children: [
+            headerGutter ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "page-shell-header",
+                className: "flex min-h-(--page-shell-header-gutter) items-center",
+                children: headerNode
+              }
+            ) : headerNode,
+            children
+          ]
+        }
+      )
+    }
+  );
+});
+
+export {
+  PageShell
+};
+//# sourceMappingURL=chunk-7Z2RAGOA.js.map

package/dist/chunk-7Z2RAGOA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/page-shell/page-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface PageShellProps extends ComponentProps<\"div\"> {\n  children: ReactNode;\n  /** Optional header row (often a <SectionHeader />, or a <ViewToolbar> — see headerVariant). */\n  header?: ReactNode;\n  /**\n   * \"default\" (unset) — `header` renders inline, scrolls with the body.\n   * Byte-identical to today.\n   *\n   * \"toolbar\" — for a `<ViewToolbar>` header (`@elabs-ai/components-ui`,\n   * `Layout/ViewToolbar → Contract`): wraps `header` in a `sticky top-0` container\n   * with an opaque/blurred fill and a bottom hairline, so it stays pinned while\n   * the body scrolls beneath it. PLACES whatever node `header` is — it does not\n   * reimplement ViewToolbar's own info/left-cluster/actions grammar, and it does\n   * NOT cap the row's height (a `<ViewToolbar>` wraps at narrow widths; see\n   * `Layout/ViewToolbar → Contract` R7).\n   */\n  headerVariant?: \"default\" | \"toolbar\";\n  /** Constrain content width. Defaults to \"xl\". */\n  width?: \"md\" | \"lg\" | \"xl\" | \"full\";\n  /**\n   * \"body\" (default) — the page scrolls with the document. Byte-identical to\n   * the pre-#R6 behaviour; existing callers are unaffected.\n   * \"content\" — this container is the scroll port. Use inside a `SidebarInset`\n   * whose height is already bounded, so the top bar stays put. Defaults its own\n   * `tabIndex` to `0` (a scroll container must be keyboard-operable — WCAG\n   * 2.1.1, axe `scrollable-region-focusable`), following the `DialogBody`\n   * precedent; pass `tabIndex={-1}` to opt out when the content already\n   * supplies its own focusable child.\n   * \"fill\" — fills its parent and scrolls nothing itself; a child (a table, a\n   * canvas) owns the scrolling — and owns that child's keyboard reachability\n   * too, the same way.\n   */\n  scroll?: \"body\" | \"content\" | \"fill\";\n  /**\n   * Reserve a fixed header row so a page title lands at identical coordinates\n   * on every route, whether or not that route has a header. Default `false`.\n   *\n   * The row's height is a component-local CSS variable —\n   * `--page-shell-header-gutter`, declared on the root, default `--spacing(12)`\n   * (3rem / 48px at a 16px root — the height a one-line title already occupies\n   * inside the `headerVariant=\"toolbar\"` bar's own `py-3`). It is NOT a theme\n   * token (`pnpm theme-parity:check` does not see it); retune it per surface the\n   * same way `--focus-ring-color` is retargeted elsewhere in this package:\n   * `<PageShell headerGutter className=\"[--page-shell-header-gutter:--spacing(16)]\" />`.\n   *\n   * When `true` the header row renders **even if `header` is omitted** — that\n   * empty row is the whole mechanism, and it is what `headerGutter={false}`\n   * must never produce.\n   */\n  headerGutter?: boolean;\n  className?: string;\n  contentClassName?: string;\n}\n\nconst widthMap = {\n  md: \"max-w-3xl\",\n  lg: \"max-w-5xl\",\n  xl: \"max-w-7xl\",\n  full: \"max-w-none\",\n} as const;\n\nconst scrollMap = {\n  body: \"\",\n  content: \"min-h-0 flex-1 overflow-y-auto\",\n  fill: \"h-full min-h-0 overflow-hidden\",\n} as const;\n\n/** Page-level content container with consistent padding and max width. */\nexport const PageShell = forwardRef<HTMLDivElement, PageShellProps>(function PageShell(\n  {\n    children,\n    header,\n    headerVariant = \"default\",\n    width = \"xl\",\n    scroll = \"body\",\n    headerGutter = false,\n    className,\n    contentClassName,\n    tabIndex,\n    ...props\n  },\n  ref,\n) {\n  // scroll=\"content\" makes this element the scroll port, so it needs the same\n  // keyboard-operable fix `DialogBody`/`ExpandDialogPanes` ship: default the\n  // tab stop to 0, let a caller opt out with an explicit `tabIndex` (typically\n  // `-1`). \"body\"/\"fill\" never set a default, so their DOM gains no attribute.\n  const resolvedTabIndex = tabIndex ?? (scroll === \"content\" ? 0 : undefined);\n\n  const headerNode = header ? (\n    headerVariant === \"toolbar\" ? (\n      // header-band-exempt: a page-section toolbar under the top bar, not beside it\n      <div\n        data-slot=\"page-shell-toolbar-header\"\n        className=\"sticky top-0 z-10 border-b border-border bg-background/95 py-3 backdrop-blur\"\n      >\n        {header}\n      </div>\n    ) : (\n      header\n    )\n  ) : null;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"page-shell\"\n      tabIndex={resolvedTabIndex}\n      className={cn(\n        \"w-full px-4 py-6 sm:px-6 lg:px-8\",\n        scrollMap[scroll],\n        // `focus-ring-inset`, NOT `focus-ring`: `scroll=\"content\"`'s own doc\n        // above tells the caller to use it inside a `SidebarInset`, whose\n        // `overflow-hidden` clips both layers of the plain rung — they are\n        // drawn OUTSIDE the element's box. A consumer following that\n        // instruction would get a focusable scroll port with no visible focus\n        // indicator at all. Same reasoning, verbatim, as the app-shell blocks'\n        // own scroll ports.\n        scroll === \"content\" && \"focus-ring-inset\",\n        headerGutter && \"[--page-shell-header-gutter:--spacing(12)]\",\n        className,\n      )}\n      {...props}\n    >\n      <div\n        data-slot=\"page-shell-content\"\n        className={cn(\"mx-auto w-full space-y-6\", widthMap[width], contentClassName)}\n      >\n        {headerGutter ? (\n          <div\n            data-slot=\"page-shell-header\"\n            className=\"flex min-h-(--page-shell-header-gutter) items-center\"\n          >\n            {headerNode}\n          </div>\n        ) : (\n          headerNode\n        )}\n        {children}\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuD;AA+F1D,cAgCA,YAhCA;AAtCN,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,IAAM,YAAY;AAAA,EAChB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;AAGO,IAAM,YAAY,WAA2C,SAASA,WAC3E;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AAKA,QAAM,mBAAmB,aAAa,WAAW,YAAY,IAAI;AAEjE,QAAM,aAAa,SACjB,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,MAEA,SAEA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQhB,WAAW,aAAa;AAAA,QACxB,gBAAgB;AAAA,QAChB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,4BAA4B,SAAS,KAAK,GAAG,gBAAgB;AAAA,UAE1E;AAAA,2BACC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IAEA;AAAA,YAED;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["PageShell"]}

package/dist/chunk-AA3SPDJU.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-AA3SPDJU.js.map

package/dist/chunk-AA3SPDJU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-AC7X3D2M.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-AC7X3D2M.js.map

package/dist/chunk-AC7X3D2M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}