@dreamlake/dockit 0.2.27 → 0.2.28

package/dist/components/ContentRow.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface ContentRowProps extends HTMLAttributes<HTMLDivElement> {
+    /** Expand into the prose gutters, staying inside the content column. */
+    width?: "wide" | "text";
+}
+/** A responsive row for diagrams, examples and comparisons wider than prose. */
+export declare function ContentRow({ width, className, ...props }: ContentRowProps): import("react").JSX.Element;

package/dist/components/ContentRow.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+function ContentRow({
+  width = "wide",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: `doc-content-row ${className}`,
+      "data-width": width
+    }
+  );
+}
+export {
+  ContentRow
+};

package/dist/components/mdx-components.d.ts

@@ -2,6 +2,7 @@ import { ComponentPropsWithoutRef } from 'react';
 import { Table } from './Table';
 import { Callout } from './Callout';
 import { Chip } from './Chip';
+import { ContentRow } from './ContentRow';
 import { Preview } from './Preview';
 import { StatusTable, TestStatus } from './StatusTable';
 /**
@@ -27,6 +28,7 @@ export declare const mdxComponents: {
     Callout: typeof Callout;
     Chip: typeof Chip;
     Preview: typeof Preview;
+    ContentRow: typeof ContentRow;
     StatusTable: typeof StatusTable;
     TestStatus: typeof TestStatus;
 };

package/dist/components/mdx-components.js

@@ -4,6 +4,7 @@ import { CodeBlock } from "./CodeBlock.js";
 import { Table } from "./Table.js";
 import { Callout } from "./Callout.js";
 import { Chip } from "./Chip.js";
+import { ContentRow } from "./ContentRow.js";
 import { Preview } from "./Preview.js";
 import { TestStatus, StatusTable } from "./StatusTable.js";
 const InsidePreContext = createContext(false);
@@ -341,6 +342,7 @@ const mdxComponents = {
   Callout,
   Chip,
   Preview,
+  ContentRow,
   StatusTable,
   TestStatus
 };

package/dist/index.d.ts

@@ -73,3 +73,4 @@ export interface InitDocsOptions {
 }
 /** One call wires the whole shell: site config, navigation, search, tabs. */
 export declare function initDocs(opts: InitDocsOptions): void;
+export { ContentRow, type ContentRowProps } from './components/ContentRow';

package/dist/index.js

@@ -30,6 +30,7 @@ import { TOC } from "./components/TOC.js";
 import { Topbar } from "./components/Topbar.js";
 import { VersionBadge } from "./components/VersionBadge.js";
 import { Layout, useMerge } from "./renderer/Layout.js";
+import { ContentRow } from "./components/ContentRow.js";
 function initDocs(opts) {
   if (opts.pages && opts.pageMetadata) {
     throw new Error("initDocs: provide pageMetadata or pages, not both");
@@ -48,6 +49,7 @@ export {
   CodeBlock,
   CodeExample,
   CodeTabs,
+  ContentRow,
   DOC_PREFIX,
   DocFooter,
   Layout,

package/dist/renderer/Layout.js

@@ -145,6 +145,7 @@ function Layout({ children }) {
           /* @__PURE__ */ jsxs(
             "main",
             {
+              "data-doc-fullscreen": isFullscreen || void 0,
               ...current?.noindex ? {} : { "data-pagefind-body": true },
               ...current?.hidden ? { "data-pagefind-meta": "hidden:true" } : {},
               className: isFullscreen ? "doc-content w-full min-w-0 h-full overflow-auto p-4" : "doc-content w-full min-w-0 px-[18px] pb-20 lg:px-[56px] lg:pb-[120px] lg:max-w-[760px]",

package/dist/styles.css

@@ -427,3 +427,11 @@
 }
 .dockit-code-tabs[data-first-active='true'] [role='tabpanel'] { border-top-left-radius: 0; }
 .dockit-code-tabs [role='tabpanel'][hidden] { display: none; }
+
+/* ContentRow borrows only the main column gutters, never the sidebar/TOC. */
+.doc-content { --doc-row-bleed: 6px; }
+.doc-content-row { min-width: 0; margin-block: 24px; }
+.doc-content-row[data-width="wide"] { width: calc(100% + 2 * var(--doc-row-bleed, 0px)); margin-inline: calc(-1 * var(--doc-row-bleed, 0px)); }
+.doc-content-row > * { min-width: 0; }
+@media (min-width: 1024px) { .doc-content { --doc-row-bleed: 40px; } }
+.doc-content[data-doc-fullscreen] { --doc-row-bleed: 0px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamlake/dockit",
-  "version": "0.2.27",
+  "version": "0.2.28",
   "description": "The DreamLake documentation shell — Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
   "license": "MIT",
   "type": "module",