@haklex/rich-renderer-image 0.26.5 → 0.27.0

package/dist/EditMetaPopover.d.ts

@@ -1,2 +1,2 @@
-export declare function EditMetaPopover(): import("react/jsx-runtime").JSX.Element;
+export declare function EditMetaPopover(): import("react").JSX.Element;
 //# sourceMappingURL=EditMetaPopover.d.ts.map

package/dist/EditMetaPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditMetaPopover.d.ts","sourceRoot":"","sources":["../src/EditMetaPopover.tsx"],"names":[],"mappings":"AAeA,wBAAgB,eAAe,4CAwE9B"}
+{"version":3,"file":"EditMetaPopover.d.ts","sourceRoot":"","sources":["../src/EditMetaPopover.tsx"],"names":[],"mappings":"AAeA,wBAAgB,eAAe,gCAwE9B"}

package/dist/ImageEditContext.d.ts

@@ -3,5 +3,5 @@ import { ReactNode } from 'react';
 export declare function ImageEditProvider({ props, children, }: {
     props: ImageRendererProps;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ImageEditContext.d.ts.map

package/dist/ImageEditContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditContext.d.ts","sourceRoot":"","sources":["../src/ImageEditContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,2CA4DA"}
+{"version":3,"file":"ImageEditContext.d.ts","sourceRoot":"","sources":["../src/ImageEditContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA4DA"}

package/dist/ImageEditRenderer.d.ts

@@ -1,3 +1,3 @@
 import { ImageRendererProps } from '@haklex/rich-editor/renderers';
-export declare function ImageEditRenderer(props: ImageRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageEditRenderer(props: ImageRendererProps): import("react").JSX.Element;
 //# sourceMappingURL=ImageEditRenderer.d.ts.map

package/dist/ImageEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditRenderer.d.ts","sourceRoot":"","sources":["../src/ImageEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAoCxE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CAQ1D"}
+{"version":3,"file":"ImageEditRenderer.d.ts","sourceRoot":"","sources":["../src/ImageEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAoCxE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,+BAQ1D"}

package/dist/ImageEditToolbar.d.ts

@@ -1,2 +1,2 @@
-export declare function ImageEditToolbar(): import("react/jsx-runtime").JSX.Element;
+export declare function ImageEditToolbar(): import("react").JSX.Element;
 //# sourceMappingURL=ImageEditToolbar.d.ts.map

package/dist/ImageEditToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditToolbar.d.ts","sourceRoot":"","sources":["../src/ImageEditToolbar.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,gBAAgB,4CA6J/B"}
+{"version":3,"file":"ImageEditToolbar.d.ts","sourceRoot":"","sources":["../src/ImageEditToolbar.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,gBAAgB,gCA6J/B"}

package/dist/ImageLayoutControls.d.ts

@@ -1,3 +1,3 @@
-export declare function ImageSizeControl(): import("react/jsx-runtime").JSX.Element;
-export declare function ImageLayoutControl(): import("react/jsx-runtime").JSX.Element;
+export declare function ImageSizeControl(): import("react").JSX.Element;
+export declare function ImageLayoutControl(): import("react").JSX.Element;
 //# sourceMappingURL=ImageLayoutControls.d.ts.map

package/dist/ImageLayoutControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageLayoutControls.d.ts","sourceRoot":"","sources":["../src/ImageLayoutControls.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,gBAAgB,4CA6F/B;AAED,wBAAgB,kBAAkB,4CAmCjC"}
+{"version":3,"file":"ImageLayoutControls.d.ts","sourceRoot":"","sources":["../src/ImageLayoutControls.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,gBAAgB,gCA6F/B;AAED,wBAAgB,kBAAkB,gCAmCjC"}

package/dist/{ImageRenderer-ew0e3cUJ.js → ImageRenderer-D_riZUZh.js}

@@ -89,7 +89,7 @@ function ImageRenderer({ src, altText, width, height, caption: caption$1, thumbh
 		backgroundColor: state !== "loaded" && !placeholderUrl ? accent || vars.color.bgTertiary : "transparent",
 		backgroundImage: placeholderUrl && state !== "loaded" ? `url(${placeholderUrl})` : void 0,
 		backgroundSize: "cover",
-		width: width ? Math.min(width, 1200) : void 0,
+		width: displayWidth !== void 0 ? "100%" : width ? Math.min(width, 1200) : void 0,
 		maxWidth: "100%",
 		...width && height ? { aspectRatio: `${width} / ${height}` } : {}
 	};

package/dist/ImageRenderer.d.ts

@@ -4,5 +4,5 @@ export interface ImageRendererInteractiveProps extends ImageRendererProps {
     onActivate?: (target: HTMLElement) => void;
     ref?: Ref<HTMLElement>;
 }
-export declare function ImageRenderer({ src, altText, width, height, caption, thumbhash, accent, displayWidth, layout, onActivate, ref, }: ImageRendererInteractiveProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ImageRenderer({ src, altText, width, height, caption, thumbhash, accent, displayWidth, layout, onActivate, ref, }: ImageRendererInteractiveProps): import("react").JSX.Element | null;
 //# sourceMappingURL=ImageRenderer.d.ts.map

package/dist/ImageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../src/ImageRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEzF,OAAO,KAAK,EAAgC,GAAG,EAAE,MAAM,OAAO,CAAC;AAsB/D,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,MAAM,EACN,UAAU,EACV,GAAG,GACJ,EAAE,6BAA6B,kDAuF/B"}
+{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../src/ImageRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEzF,OAAO,KAAK,EAAgC,GAAG,EAAE,MAAM,OAAO,CAAC;AAsB/D,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,MAAM,EACN,UAAU,EACV,GAAG,GACJ,EAAE,6BAA6B,sCAuF/B"}

package/dist/ReplacePanel.d.ts

@@ -1,2 +1,2 @@
-export declare function ReplacePanel(): import("react/jsx-runtime").JSX.Element;
+export declare function ReplacePanel(): import("react").JSX.Element;
 //# sourceMappingURL=ReplacePanel.d.ts.map

package/dist/ReplacePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplacePanel.d.ts","sourceRoot":"","sources":["../src/ReplacePanel.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,YAAY,4CAmG3B"}
+{"version":3,"file":"ReplacePanel.d.ts","sourceRoot":"","sources":["../src/ReplacePanel.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,YAAY,gCAmG3B"}

package/dist/ReplacePopover.d.ts

@@ -1,2 +1,2 @@
-export declare function ReplacePopover(): import("react/jsx-runtime").JSX.Element;
+export declare function ReplacePopover(): import("react").JSX.Element;
 //# sourceMappingURL=ReplacePopover.d.ts.map

package/dist/ReplacePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplacePopover.d.ts","sourceRoot":"","sources":["../src/ReplacePopover.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CAwC7B"}
+{"version":3,"file":"ReplacePopover.d.ts","sourceRoot":"","sources":["../src/ReplacePopover.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,gCAwC7B"}

package/dist/ResizeHandles.d.ts

@@ -1,2 +1,2 @@
-export declare function ResizeHandles(): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeHandles(): import("react").JSX.Element;
 //# sourceMappingURL=ResizeHandles.d.ts.map

package/dist/ResizeHandles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeHandles.d.ts","sourceRoot":"","sources":["../src/ResizeHandles.tsx"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,4CAiB5B"}
+{"version":3,"file":"ResizeHandles.d.ts","sourceRoot":"","sources":["../src/ResizeHandles.tsx"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,gCAiB5B"}

package/dist/atoms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../src/atoms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC;AAY3C,eAAO,MAAM,OAAO;;CAAW,CAAC;AAChC,eAAO,MAAM,WAAW;;CAAW,CAAC;AACpC,eAAO,MAAM,SAAS;;CAA6B,CAAC;AACpD,eAAO,MAAM,UAAU;;CAA6B,CAAC;AACrD,eAAO,MAAM,WAAW;;CAA6B,CAAC;AACtD,eAAO,MAAM,aAAa;;CAA6B,CAAC;AACxD,eAAO,MAAM,UAAU;;CAA6B,CAAC;AACrD,eAAO,MAAM,gBAAgB;;CAA6B,CAAC;AAC3D,eAAO,MAAM,UAAU;;CAAkC,CAAC;AAG1D,eAAO,MAAM,aAAa;;CAAkC,CAAC;AAC7D,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAc,CAAC;AAC3C,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,cAAc;;CAAc,CAAC;AAC1C,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,kBAAkB,+BAQ9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAAc,CAAC;AAGlD,eAAO,MAAM,WAAW;;CAAW,CAAC;AACpC,eAAO,MAAM,eAAe;;CAAW,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAW,CAAC;AAGxC,eAAO,MAAM,eAAe;;CAA8B,CAAC;AAC3D,eAAO,MAAM,cAAc;;CAAW,CAAC;AACvC,eAAO,MAAM,kBAAkB;;CAA4B,CAAC;AAC5D,eAAO,MAAM,eAAe;WACnB,MAAM;YACL,MAAM;;;eADP,MAAM;gBACL,MAAM;;CACD,CAAC;AAChB,eAAO,MAAM,kBAAkB;;CAAc,CAAC;AAC9C,eAAO,MAAM,gBAAgB;;CAA4B,CAAC;AAG1D,eAAO,MAAM,cAAc;;CAEzB,CAAC;AACH,eAAO,MAAM,gBAAgB;;CAE3B,CAAC;AAGH,eAAO,MAAM,kBAAkB,0CAG7B,CAAC;AAEH,eAAO,MAAM,eAAe,0CAAoE,CAAC;AAEjG,eAAO,MAAM,cAAc,qCAgBzB,CAAC"}
+{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../src/atoms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC;AAY3C,eAAO,MAAM,OAAO;;CAAW,CAAC;AAChC,eAAO,MAAM,WAAW;;CAAW,CAAC;AACpC,eAAO,MAAM,SAAS;;CAA6B,CAAC;AACpD,eAAO,MAAM,UAAU;;CAA6B,CAAC;AACrD,eAAO,MAAM,WAAW;;CAA6B,CAAC;AACtD,eAAO,MAAM,aAAa;;CAA6B,CAAC;AACxD,eAAO,MAAM,UAAU;;CAA6B,CAAC;AACrD,eAAO,MAAM,gBAAgB;;CAA6B,CAAC;AAC3D,eAAO,MAAM,UAAU;;CAAkC,CAAC;AAG1D,eAAO,MAAM,aAAa;;CAAkC,CAAC;AAC7D,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAc,CAAC;AAC3C,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,cAAc;;CAAc,CAAC;AAC1C,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,kBAAkB,+BAQ9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAAc,CAAC;AAGlD,eAAO,MAAM,WAAW;;CAAW,CAAC;AACpC,eAAO,MAAM,eAAe;;CAAW,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAW,CAAC;AAGxC,eAAO,MAAM,eAAe;;CAA8B,CAAC;AAC3D,eAAO,MAAM,cAAc;;CAAW,CAAC;AACvC,eAAO,MAAM,kBAAkB;;CAA4B,CAAC;AAC5D,eAAO,MAAM,eAAe;WACnB,MAAM;YACL,MAAM;;;eADP,MAAM;gBACL,MAAM;;CACD,CAAC;AAChB,eAAO,MAAM,kBAAkB;;CAAc,CAAC;AAC9C,eAAO,MAAM,gBAAgB;;CAA4B,CAAC;AAG1D,eAAO,MAAM,cAAc;;CAEzB,CAAC;AACH,eAAO,MAAM,gBAAgB;;CAE3B,CAAC;AAGH,eAAO,MAAM,kBAAkB,0CAG7B,CAAC;AAEH,eAAO,MAAM,eAAe,0CAAoE,CAAC;AAEjG,eAAO,MAAM,cAAc,qCAiBzB,CAAC"}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A as semanticClassNames, D as resizeHandleRight, E as resizeHandleLeft, F as sizeValue, M as sizeSlider, N as sizeSliderTick, O as resizeHandleVisible, P as sizeSliderWrap, T as resizeHandle, _ as frameEditMode, a as editFieldIcon, b as imageVisible, c as editPlaceholder, d as editToolbarButtonActive, f as editToolbarButtonDanger, g as frame, i as editField, j as sizeOption, k as root, l as editToolbar, m as editTrigger, o as editInput, p as editToolbarVisible, r as controlPanel, s as editPanel, t as ImageRenderer, u as editToolbarButton, v as image, w as replaceUploadArea, y as imageState } from "./ImageRenderer-ew0e3cUJ.js";
+import { A as semanticClassNames, D as resizeHandleRight, E as resizeHandleLeft, F as sizeValue, M as sizeSlider, N as sizeSliderTick, O as resizeHandleVisible, P as sizeSliderWrap, T as resizeHandle, _ as frameEditMode, a as editFieldIcon, b as imageVisible, c as editPlaceholder, d as editToolbarButtonActive, f as editToolbarButtonDanger, g as frame, i as editField, j as sizeOption, k as root, l as editToolbar, m as editTrigger, o as editInput, p as editToolbarVisible, r as controlPanel, s as editPanel, t as ImageRenderer, u as editToolbarButton, v as image, w as replaceUploadArea, y as imageState } from "./ImageRenderer-D_riZUZh.js";
 import { useRendererMode } from "@haklex/rich-editor/static";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { Provider, atom, createStore, useAtom, useAtomValue, useSetAtom, useStore } from "jotai";
@@ -56,11 +56,12 @@ var frameStyleAtom = atom((get) => {
 	const loadState = get(loadStateAtom);
 	const width = get(widthAtom);
 	const height = get(heightAtom);
+	const displayWidth = get(displayWidthAtom);
 	return {
 		backgroundColor: loadState !== "loaded" && !placeholderUrl ? accent || "#f5f5f5" : "transparent",
 		backgroundImage: placeholderUrl && loadState !== "loaded" ? `url(${placeholderUrl})` : void 0,
 		backgroundSize: "cover",
-		width: width ? Math.min(width, 1200) : void 0,
+		width: displayWidth !== void 0 ? "100%" : width ? Math.min(width, 1200) : void 0,
 		maxWidth: "100%",
 		...width && height ? { aspectRatio: `${width} / ${height}` } : {}
 	};

package/dist/static.mjs

@@ -1,2 +1,2 @@
-import { t as ImageRenderer } from "./ImageRenderer-ew0e3cUJ.js";
+import { t as ImageRenderer } from "./ImageRenderer-D_riZUZh.js";
 export { ImageRenderer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-image",
-  "version": "0.26.5",
+  "version": "0.27.0",
   "description": "Image renderer with blurhash",
   "repository": {
     "type": "git",
@@ -24,31 +24,30 @@
   "files": [
     "dist"
   ],
-  "dependencies": {
-    "jotai": "2.19.1"
-  },
   "devDependencies": {
     "@lexical/react": "^0.45.0",
-    "@types/react": "^19.2.15",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vanilla-extract/css": "^1.20.1",
     "@vanilla-extract/vite-plugin": "^5.2.2",
+    "jotai": "^2.20.1",
     "lexical": "^0.45.0",
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "typescript": "^5.9.3",
-    "unplugin-dts": "^1.0.1",
-    "vite": "^8.0.14"
+    "unplugin-dts": "^1.0.2",
+    "vite": "^8.0.16"
   },
   "peerDependencies": {
     "@lexical/react": "^0.45.0",
+    "jotai": ">=2",
     "lexical": "^0.45.0",
     "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor": "^0.26.5",
-    "@haklex/rich-editor-ui": "^0.26.5",
-    "@haklex/rich-style-token": "^0.26.5"
+    "@haklex/rich-editor": "^0.27.0",
+    "@haklex/rich-editor-ui": "^0.27.0",
+    "@haklex/rich-style-token": "^0.27.0"
   },
   "publishConfig": {
     "access": "public"