@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260902104957 → 0.8.1-dev.20260902111021

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -334,6 +334,10 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
334
334
  display: "block",
335
335
  width: "auto",
336
336
  height: "auto",
337
+ // Cap the thumbnail so a large upload doesn't blow out the
338
+ // message width/height; the lightbox shows it full size on click.
339
+ maxWidth: "min(320px, 100%)",
340
+ maxHeight: "320px",
337
341
  objectFit: "cover",
338
342
  borderRadius: "0.375rem",
339
343
  margin: "0.5rem 0",
@@ -741,7 +745,6 @@ import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
741
745
  var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
742
746
  var CODE_BLOCK_STYLE = {
743
747
  margin: "0.5rem 0",
744
- padding: "0.625rem 0.75rem",
745
748
  borderRadius: "0.5rem",
746
749
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
747
750
  fontSize: "0.8125rem",
@@ -332,6 +332,10 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
332
332
  display: "block",
333
333
  width: "auto",
334
334
  height: "auto",
335
+ // Cap the thumbnail so a large upload doesn't blow out the
336
+ // message width/height; the lightbox shows it full size on click.
337
+ maxWidth: "min(320px, 100%)",
338
+ maxHeight: "320px",
335
339
  objectFit: "cover",
336
340
  borderRadius: "0.375rem",
337
341
  margin: "0.5rem 0",
@@ -739,7 +743,6 @@ import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
739
743
  var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
740
744
  var CODE_BLOCK_STYLE = {
741
745
  margin: "0.5rem 0",
742
- padding: "0.625rem 0.75rem",
743
746
  borderRadius: "0.5rem",
744
747
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
745
748
  fontSize: "0.8125rem",
package/dist/index.js CHANGED
@@ -1303,6 +1303,10 @@ var init_CommentImageNode = __esm({
1303
1303
  display: "block",
1304
1304
  width: "auto",
1305
1305
  height: "auto",
1306
+ // Cap the thumbnail so a large upload doesn't blow out the
1307
+ // message width/height; the lightbox shows it full size on click.
1308
+ maxWidth: "min(320px, 100%)",
1309
+ maxHeight: "320px",
1306
1310
  objectFit: "cover",
1307
1311
  borderRadius: "0.375rem",
1308
1312
  margin: "0.5rem 0",
@@ -1734,7 +1738,6 @@ var init_CommentNodeRenderer = __esm({
1734
1738
  LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
1735
1739
  CODE_BLOCK_STYLE = {
1736
1740
  margin: "0.5rem 0",
1737
- padding: "0.625rem 0.75rem",
1738
1741
  borderRadius: "0.5rem",
1739
1742
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
1740
1743
  fontSize: "0.8125rem",
package/dist/index.mjs CHANGED
@@ -410,7 +410,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
410
410
 
411
411
  // src/components/controls/view/Commentrenderer.tsx
412
412
  import dynamic5 from "next/dynamic";
413
- var CommentRenderer = dynamic5(() => import("./CommentRendererClient-47HE6YFP.mjs"), {
413
+ var CommentRenderer = dynamic5(() => import("./CommentRendererClient-52UOUQAD.mjs"), {
414
414
  ssr: false
415
415
  });
416
416
  var Commentrenderer_default = CommentRenderer;
package/dist/server.js CHANGED
@@ -2090,6 +2090,10 @@ var init_CommentImageNode = __esm({
2090
2090
  display: "block",
2091
2091
  width: "auto",
2092
2092
  height: "auto",
2093
+ // Cap the thumbnail so a large upload doesn't blow out the
2094
+ // message width/height; the lightbox shows it full size on click.
2095
+ maxWidth: "min(320px, 100%)",
2096
+ maxHeight: "320px",
2093
2097
  objectFit: "cover",
2094
2098
  borderRadius: "0.375rem",
2095
2099
  margin: "0.5rem 0",
@@ -2521,7 +2525,6 @@ var init_CommentNodeRenderer = __esm({
2521
2525
  LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
2522
2526
  CODE_BLOCK_STYLE = {
2523
2527
  margin: "0.5rem 0",
2524
- padding: "0.625rem 0.75rem",
2525
2528
  borderRadius: "0.5rem",
2526
2529
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
2527
2530
  fontSize: "0.8125rem",
package/dist/server.mjs CHANGED
@@ -743,7 +743,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
743
743
 
744
744
  // src/components/controls/view/Commentrenderer.tsx
745
745
  import dynamic7 from "next/dynamic";
746
- var CommentRenderer = dynamic7(() => import("./CommentRendererClient-WZ4EQKSL.mjs"), {
746
+ var CommentRenderer = dynamic7(() => import("./CommentRendererClient-QC65XBT2.mjs"), {
747
747
  ssr: false
748
748
  });
749
749
  var Commentrenderer_default = CommentRenderer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260902104957",
3
+ "version": "0.8.1-dev.20260902111021",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",