docblocks-react-ui 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # docblocks-react-ui
 
+## 0.3.1
+
+### Patch Changes
+
+- bb5df92: The standalone `DatabaseTable` now anchors the package's `--docblocks-*`
+  token scope over its own root (the `data-slot="docblocks/editor"` stand).
+  The token mapping is declared on the editor root over the shipped CSS,
+  and the standalone table renders outside any document — without the
+  scope the grid's token-driven utilities (the borders, the paddings, the
+  row's heights) stood unresolved over the consumer's page. The
+  `readOnly` stand sets the root's `data-readonly` attribute (the page
+  mode's `user-select`'s suppression parity).
+
 ## 0.3.0
 
 ### Minor Changes

package/README.md

@@ -429,7 +429,12 @@ function TablesSection({ bridge }: { bridge: DatabaseBridge }) {
   the optional `view` prop at mount); `onViewChange(patch)` receives one
   patch per change for the consumer's persistence (the controlled mode
   stands absent — the state is never external). `readOnly` gates the
-  editing's paths (the read-only block's parity).
+  editing's paths (the read-only block's parity). The component is
+  self-contained: it wraps itself in the package's i18n scope and anchors
+  the `--docblocks-*` token scope over its own root, so it themes
+  standalone over the consumer's page (the `dark` class over an ancestor
+  follows the shipped dark set — the package's `styles.css` import is the
+  only requirement).
 - `useTableList(bridge)` — `{ tables, loading, error, refresh, create,
 rename }`: the `listTables` catalog (the system tables stand out), the
   `createTable` / `renameTable` mutations (the fresh `operationId` per op;

package/dist/index.d.mts

@@ -294,7 +294,7 @@ declare function AlertDescription({ className, ...props }: React.ComponentProps<
 //#endregion
 //#region src/shared/ui/Badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "custom" | "secondary" | "outline" | null | undefined;
+  variant?: "default" | "custom" | "secondary" | "destructive" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
@@ -305,7 +305,7 @@ declare function BareSelect({ className, children, ...props }: React.ComponentPr
 //#endregion
 //#region src/shared/ui/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
   size?: "default" | "icon" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, type, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/index.mjs

@@ -406,16 +406,20 @@ function DatabaseTable({ bridge, tableId, readOnly = false, view, onViewChange }
 		}));
 		if (onViewChange !== void 0) onViewChange(typed);
 	}, [onViewChange]);
-	return /* @__PURE__ */ jsx(DocblocksI18nProvider, { children: /* @__PURE__ */ jsx(GridBody, {
-		bridge,
-		tableId,
-		filter: viewState.filter,
-		columnOrder: viewState.columnOrder,
-		hiddenColumns: viewState.hiddenColumns,
-		columnWidths: viewState.columnWidths,
-		onViewChange: handleViewChange,
-		readColumnOrder: () => viewRef.current.columnOrder,
-		readOnly
+	return /* @__PURE__ */ jsx(DocblocksI18nProvider, { children: /* @__PURE__ */ jsx("div", {
+		"data-slot": "docblocks/editor",
+		"data-readonly": readOnly ? "true" : void 0,
+		children: /* @__PURE__ */ jsx(GridBody, {
+			bridge,
+			tableId,
+			filter: viewState.filter,
+			columnOrder: viewState.columnOrder,
+			hiddenColumns: viewState.hiddenColumns,
+			columnWidths: viewState.columnWidths,
+			onViewChange: handleViewChange,
+			readColumnOrder: () => viewRef.current.columnOrder,
+			readOnly
+		})
 	}) });
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docblocks-react-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
   "type": "module",
   "license": "MIT",