docblocks-react-ui 0.1.1 → 0.2.0

package/dist/styles.css

@@ -3673,6 +3673,20 @@
   overscroll-behavior: contain;
 }
 
+/*
+ * The editor root's focus-ring stand: the root is a focus PARK (the
+ * gestures' contract — the drag's release and the gutter's delete park
+ * the focus there so the keyboard's input stays scoped over the editor).
+ * It is reached programmatically only (tabIndex -1 — no Tab focus), so
+ * the browser's default focus ring would stand the visible ring over the
+ * whole document after a drag's release. The ring is suppressed; the
+ * focus itself stays (the keyboard's scoping needs it), and the
+ * individual controls keep their own focus styles.
+ */
+[data-slot="docblocks/editor"]:focus {
+  outline: none;
+}
+
 /*
  * The read-only stand (view / published modes): the editor's content is
  * read-only — the text selection stands no stand (the native range's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docblocks-react-ui",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
   "type": "module",
   "license": "MIT",
@@ -27,10 +27,6 @@
       "types": "./dist/pdf/index.d.mts",
       "import": "./dist/pdf/index.mjs"
     },
-    "./motion": {
-      "types": "./dist/motion/index.d.mts",
-      "import": "./dist/motion/index.mjs"
-    },
     "./styles.css": "./dist/styles.css",
     "./theme.css": "./theme.css"
   },
@@ -38,24 +34,13 @@
     "access": "public"
   },
   "peerDependencies": {
-    "docblocks-core": "*",
+    "docblocks-core": "^0.1.2",
     "framer-motion": "^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
     "mermaid": "^12.0.0",
     "pdfjs-dist": "^6.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "peerDependenciesMeta": {
-    "framer-motion": {
-      "optional": true
-    },
-    "mermaid": {
-      "optional": true
-    },
-    "pdfjs-dist": {
-      "optional": true
-    }
-  },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.3.11",
     "@radix-ui/react-dropdown-menu": "^2.1.24",
@@ -69,7 +54,9 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
     "highlight.js": "^11.12.0",
+    "i18next": "^27.0.1",
     "react-day-picker": "^10.0.2",
+    "react-i18next": "^18.0.1",
     "tailwind-merge": "^3.7.0",
     "zustand": "^5.0.15"
   },

package/dist/Editor-DT7RkRXf.d.mts

@@ -1,32 +0,0 @@
-//#region src/Editor.d.ts
-/**
- * The document's view mode: the page flow (the root's children in reading
- * order) or the canvas (the page as a miniature rectangle plus the surface
- * elements on one canvas). View state — switching writes nothing to the
- * data (like the selection).
- */
-type EditorView = "page" | "canvas";
-interface EditorProps {
-  view?: EditorView;
-  /** The format toolbar's color palette (the default six colors). */
-  formatPalette?: readonly string[];
-}
-/**
- * Renders the document's entry list in reading order (the document root's
- * children, or a single subtree block when the provider got a
- * `rootBlockId`). The root is the editor's focus/keyboard scope: the
- * undo/redo hotkeys only fire for keys targeted inside it. The root block
- * context is provided for every entry: the entry list's siblings, and the
- * entry root's sequence container as the gestures' command parent (a
- * subtree entry root is a page block — structurally childless, so its
- * commands target the container of its sequence, not itself).
- *
- * The `view` prop selects the rendering: "page" (default) is the entry
- * list; "canvas" renders the document's page as a page miniature and the
- * root-level surfaces' elements on one canvas (see CanvasView). The
- * `formatPalette` prop overrides the floating format toolbar's color
- * palette.
- */
-declare function Editor({ view, formatPalette }: EditorProps): import("react").JSX.Element;
-//#endregion
-export { EditorView as n, Editor as t };

package/dist/Skeleton-D922Ths5.mjs

@@ -1,13 +0,0 @@
-import { c as cn } from "./constants-D4FTL0ph.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/shared/ui/Skeleton.tsx
-function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "skeleton",
-		className: cn("animate-pulse rounded-md bg-gray-300 dark:bg-gray-700", className),
-		...props
-	});
-}
-//#endregion
-export { Skeleton as t };

package/dist/motion/index.d.mts

@@ -1,8 +0,0 @@
-import { n as EditorView } from "../Editor-DT7RkRXf.mjs";
-//#region src/motion/MotionEditor.d.ts
-declare function MotionEditor({ view, formatPalette }: {
-  view?: EditorView;
-  formatPalette?: readonly string[];
-}): import("react").JSX.Element;
-//#endregion
-export { MotionEditor };