@haklex/rich-renderer-banner 0.0.65 → 0.0.67

package/README.md

@@ -1,31 +1,62 @@
 # @haklex/rich-renderer-banner
 
-横幅渲染器。
+Banner block renderer supporting info, success, warning, and error variants.
 
-## 安装
+## Installation
 
 ```bash
 pnpm add @haklex/rich-renderer-banner
 ```
 
-## 导出
+## Peer Dependencies
 
-```ts
-export { BannerRenderer } from './BannerRenderer'
-export { BannerEditRenderer } from './BannerEditRenderer'
-```
+| Package | Version |
+| --- | --- |
+| `react` | `>=19` |
+| `react-dom` | `>=19` |
 
-## 使用
+## Usage
 
 ```tsx
-import { BannerRenderer } from '@haklex/rich-renderer-banner'
-import type { RendererConfig } from '@haklex/rich-editor'
+import { BannerRenderer } from '@haklex/rich-renderer-banner/static'
 
-const config: RendererConfig = {
+// Register in a static RendererConfig
+const rendererConfig = {
+  // ...other renderers
   Banner: BannerRenderer,
 }
 ```
 
+For edit mode:
+
+```tsx
+import { BannerEditRenderer } from '@haklex/rich-renderer-banner'
+
+const editRendererConfig = {
+  // ...other renderers
+  Banner: BannerEditRenderer,
+}
+```
+
+## Exports
+
+### Components
+
+- `BannerRenderer` — Static (read-only) renderer for banner blocks
+- `BannerEditRenderer` — Edit (interactive) renderer with variant selection
+
+### Sub-path Exports
+
+| Path | Description |
+| --- | --- |
+| `@haklex/rich-renderer-banner` | Full exports (edit + static) |
+| `@haklex/rich-renderer-banner/static` | Static-only renderer |
+| `@haklex/rich-renderer-banner/style.css` | Stylesheet |
+
+## Part of Haklex
+
+This package is part of the [Haklex](../../README.md) rich editor ecosystem.
+
 ## License
 
 MIT

package/dist/BannerEditRenderer.d.ts

@@ -1,4 +1,4 @@
-import { BannerRendererProps } from '@haklex/rich-editor';
+import { BannerRendererProps } from '@haklex/rich-editor/renderers';
 import { FC } from 'react';
 export declare const BannerEditRenderer: FC<BannerRendererProps>;
 //# sourceMappingURL=BannerEditRenderer.d.ts.map

package/dist/BannerEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerEditRenderer.d.ts","sourceRoot":"","sources":["../src/BannerEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAO9D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAU/B,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,mBAAmB,CAiCtD,CAAA"}
+{"version":3,"file":"BannerEditRenderer.d.ts","sourceRoot":"","sources":["../src/BannerEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAOzE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,mBAAmB,CA2BtD,CAAC"}

package/dist/{BannerRenderer-L8GV-X-_.js → BannerRenderer-CQJ0QF0E.js}

@@ -125,20 +125,14 @@ const BANNER_LABELS = {
   warning: "Warning",
   caution: "Caution"
 };
-const ALL_TYPES = [
-  "note",
-  "tip",
-  "important",
-  "warning",
-  "caution"
-];
+const ALL_TYPES = ["note", "tip", "important", "warning", "caution"];
 const BannerRenderer = ({ type }) => {
   const Icon = BANNER_ICONS[type];
   return /* @__PURE__ */ jsx(
     "span",
     {
       className: `${bannerIcon} ${bannerIconType({ type })} ${semanticClassNames.icon} ${semanticTypeClassNames.icon[type]}`,
-      children: /* @__PURE__ */ jsx(Icon, { width: "1em", height: "1em" })
+      children: /* @__PURE__ */ jsx(Icon, { height: "1em", width: "1em" })
     }
   );
 };

package/dist/BannerRenderer.d.ts

@@ -1,4 +1,4 @@
-import { BannerRendererProps } from '@haklex/rich-editor';
+import { BannerRendererProps } from '@haklex/rich-editor/renderers';
 import { LucideProps } from 'lucide-react';
 import { FC } from 'react';
 type BannerType = BannerRendererProps['type'];

package/dist/BannerRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRenderer.d.ts","sourceRoot":"","sources":["../src/BannerRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAQ/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,KAAK,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAE7C,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,WAAW,CAAC,CAM5D,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMpD,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,UAAU,EAMjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CASlD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"BannerRenderer.d.ts","sourceRoot":"","sources":["../src/BannerRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,WAAW,CAAC,CAM5D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMpD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,UAAU,EAAuD,CAAC;AAE1F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CASlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/index.mjs

@@ -1,11 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@haklex/rich-editor-ui";
-import { B as BannerRenderer, b as bannerTrigger, a as bannerIcon, s as semanticClassNames, c as semanticTypeClassNames, d as BANNER_ICONS, e as bannerIconType, A as ALL_TYPES, f as bannerMenuIcon, g as BANNER_LABELS } from "./BannerRenderer-L8GV-X-_.js";
-const BannerEditRenderer = ({
-  type,
-  editable,
-  onTypeChange
-}) => {
+import { B as BannerRenderer, b as bannerTrigger, a as bannerIcon, s as semanticClassNames, c as semanticTypeClassNames, d as BANNER_ICONS, e as bannerIconType, A as ALL_TYPES, f as bannerMenuIcon, g as BANNER_LABELS } from "./BannerRenderer-CQJ0QF0E.js";
+const BannerEditRenderer = ({ type, editable, onTypeChange }) => {
   if (!editable || !onTypeChange) {
     return /* @__PURE__ */ jsx(BannerRenderer, { type });
   }
@@ -15,18 +11,13 @@ const BannerEditRenderer = ({
       DropdownMenuTrigger,
       {
         className: `${bannerTrigger} ${bannerIcon} ${bannerIconType({ type })} ${semanticClassNames.icon} ${semanticTypeClassNames.icon[type]}`,
-        children: /* @__PURE__ */ jsx(Icon, { width: "1em", height: "1em" })
+        children: /* @__PURE__ */ jsx(Icon, { height: "1em", width: "1em" })
       }
     ),
-    /* @__PURE__ */ jsx(DropdownMenuContent, { sideOffset: 6, align: "start", children: ALL_TYPES.map((t) => {
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", sideOffset: 6, children: ALL_TYPES.map((t) => {
       const ItemIcon = BANNER_ICONS[t];
       return /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => onTypeChange(t), children: [
-        /* @__PURE__ */ jsx(
-          ItemIcon,
-          {
-            className: `${bannerMenuIcon} ${bannerIconType({ type: t })}`
-          }
-        ),
+        /* @__PURE__ */ jsx(ItemIcon, { className: `${bannerMenuIcon} ${bannerIconType({ type: t })}` }),
         /* @__PURE__ */ jsx("span", { children: BANNER_LABELS[t] })
       ] }, t);
     }) })

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { B, B as B2 } from "./BannerRenderer-L8GV-X-_.js";
+import { B, B as B2 } from "./BannerRenderer-CQJ0QF0E.js";
 export {
   B as BannerRenderer,
   B2 as default

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@haklex/rich-renderer-banner",
-  "type": "module",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "description": "Banner renderer for haklex rich editor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-renderer-banner"
+  },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -19,15 +24,11 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
-    "react": ">=19",
-    "react-dom": ">=19"
-  },
   "dependencies": {
     "lucide-react": "^0.577.0",
-    "@haklex/rich-editor-ui": "0.0.65",
-    "@haklex/rich-style-token": "0.0.65",
-    "@haklex/rich-editor": "0.0.65"
+    "@haklex/rich-editor": "0.0.67",
+    "@haklex/rich-editor-ui": "0.0.67",
+    "@haklex/rich-style-token": "0.0.67"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
@@ -41,6 +42,10 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
   "publishConfig": {
     "access": "public"
   },