@versini/ui-bubble 11.0.3 → 11.0.5

package/dist/983.js

@@ -0,0 +1,7 @@
+/*!
+  @versini/ui-bubble v11.0.5
+  © 2026 gizmette.com
+*/
+
+
+export { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Bubble/Bubble.js

@@ -1,16 +1,99 @@
 /*!
-  @versini/ui-bubble v11.0.3
+  @versini/ui-bubble v11.0.5
   © 2026 gizmette.com
 */
 
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getBubbleClasses } from "./utilities.js";
+import clsx from "clsx";
+import { jsxs, jsx } from "../../983.js";
 
-;// CONCATENATED MODULE: external "react/jsx-runtime"
 
-;// CONCATENATED MODULE: external "./utilities.js"
+const BUBBLE_CLASSNAME = "av-bubble";
+
+
+
+const getBubbleSizesClasses = ({ kind, noMaxWidth })=>{
+    return clsx("px-4 py-2", {
+        "max-w-xs sm:max-w-md md:max-w-2xl": !noMaxWidth,
+        "lg:max-w-3xl": kind === "left" && !noMaxWidth
+    });
+};
+const getBubbleColorClasses = ({ kind, gradient })=>{
+    // No gradient - solid colors
+    if (!gradient) {
+        return clsx({
+            "bg-surface-light dark:bg-surface-dark": kind === "left",
+            "bg-surface-accent": kind === "right"
+        });
+    }
+    // Gradient presets based on intensity
+    if (gradient === "light") {
+        return clsx({
+            "bg-linear-to-b from-surface-light/80 to-surface-light dark:from-surface-dark/80 dark:to-surface-dark": kind === "left",
+            "bg-linear-to-b from-surface-accent/80 to-surface-accent": kind === "right"
+        });
+    }
+    if (gradient === "medium") {
+        return clsx({
+            "bg-linear-to-b from-surface-light/65 to-surface-light dark:from-surface-dark/65 dark:to-surface-dark": kind === "left",
+            "bg-linear-to-b from-surface-accent/65 to-surface-accent": kind === "right"
+        });
+    }
+    // gradient === "strong"
+    return clsx({
+        "bg-linear-to-b from-surface-light/50 to-surface-light dark:from-surface-dark/50 dark:to-surface-dark": kind === "left",
+        "bg-linear-to-b from-surface-accent/50 to-surface-accent": kind === "right"
+    });
+};
+const getBubbleTypographyClasses = ({ kind })=>{
+    return clsx("prose prose-dark dark:prose-lighter", "prose-blockquote:my-1", "prose-ol:my-1 prose-ul:my-1", {
+        "text-copy-lighter": kind === "right"
+    });
+};
+const getBubbleBorderClasses = ({ kind, tail })=>{
+    if (tail) {
+        return clsx(`${BUBBLE_CLASSNAME}-${kind}-tail`, "rounded-3xl", "relative", "before:content-['']", "before:w-3", "before:h-2", "before:absolute", "before:bottom-0", {
+            "last-bubble-right:before:right-0.5 last-bubble-right:before:border-l-8 last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": kind === "right",
+            "last-bubble-left:before:left-0.5 last-bubble-left:before:border-r-8 last-bubble-left:before:border-r-surface-light last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": kind === "left"
+        });
+    }
+    /* v8 ignore start - no-tail edge case */ if (!tail) {
+        return clsx("rounded-b-xl", {
+            "rounded-tr-xl": kind === "left",
+            "rounded-tl-xl": kind === "right"
+        });
+    }
+/* v8 ignore stop */ };
+const getBubbleClasses = ({ kind, className, contentClassName, footerClassName, noMaxWidth, tail, gradient })=>{
+    const wrapper = clsx(BUBBLE_CLASSNAME, `${BUBBLE_CLASSNAME}-${kind}`, "flex items-start", {
+        "flex-row-reverse": kind === "right"
+    }, className);
+    const main = clsx(`${BUBBLE_CLASSNAME}-content`, "flex flex-col empty:hidden", getBubbleSizesClasses({
+        kind,
+        noMaxWidth
+    }), getBubbleTypographyClasses({
+        kind
+    }), getBubbleColorClasses({
+        kind,
+        gradient
+    }), getBubbleBorderClasses({
+        kind,
+        tail
+    }), contentClassName);
+    const footer = clsx("pr-2 pt-1 text-end text-xs text-copy-light", footerClassName);
+    const action = clsx("flex flex-col-reverse sm:flex-row", {
+        "ml-2": kind === "left" && !tail,
+        "mr-2": kind === "right" && !tail,
+        "ml-1": kind === "left" && tail,
+        "mr-1": kind === "right" && tail
+    });
+    return {
+        wrapper,
+        main,
+        footer,
+        action
+    };
+};
 
-;// CONCATENATED MODULE: ./src/components/Bubble/Bubble.tsx
 
 
 /**

package/dist/components/BubbleConstants/BubbleConstants.js

@@ -1,10 +1,8 @@
 /*!
-  @versini/ui-bubble v11.0.3
+  @versini/ui-bubble v11.0.5
   © 2026 gizmette.com
 */
 
-
-;// CONCATENATED MODULE: ./src/components/BubbleConstants/BubbleConstants.tsx
 // Side-effect free constants for ui-bubble.
 /**
  * A special footer item that creates an empty row maintaining height.

package/dist/components/BubbleCopy/BubbleCopy.js

@@ -1,22 +1,16 @@
 /*!
-  @versini/ui-bubble v11.0.3
+  @versini/ui-bubble v11.0.5
   © 2026 gizmette.com
 */
 
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ButtonIcon } from "@versini/ui-button/button-icon";
 import { IconCopied, IconCopy } from "@versini/ui-icons";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { jsxs, Fragment, jsx } from "../../983.js";
 
-;// CONCATENATED MODULE: external "react/jsx-runtime"
 
-;// CONCATENATED MODULE: external "@versini/ui-button/button-icon"
 
-;// CONCATENATED MODULE: external "@versini/ui-icons"
 
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: ./src/components/BubbleCopy/BubbleCopy.tsx
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-bubble",
-	"version": "11.0.3",
+	"version": "11.0.5",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -54,7 +54,7 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
-		"@versini/ui-button": "11.3.3",
+		"@versini/ui-button": "11.3.5",
 		"@versini/ui-icons": "4.16.1",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.18"
@@ -62,5 +62,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "b46abc9c2e87588d6c9b438f70e68a4ffd05c28c"
+	"gitHead": "e1f66fb685ddf40b22301f1fe766a2c56ddc4388"
 }

package/dist/common/constants.js

@@ -1,10 +0,0 @@
-/*!
-  @versini/ui-bubble v11.0.3
-  © 2026 gizmette.com
-*/
-
-
-;// CONCATENATED MODULE: ./src/common/constants.ts
-const BUBBLE_CLASSNAME = "av-bubble";
-
-export { BUBBLE_CLASSNAME };

package/dist/components/Bubble/BubbleTypes.js

@@ -1,9 +0,0 @@
-/*!
-  @versini/ui-bubble v11.0.3
-  © 2026 gizmette.com
-*/
-
-
-;// CONCATENATED MODULE: ./src/components/Bubble/BubbleTypes.ts
-
-

package/dist/components/Bubble/utilities.js

@@ -1,99 +0,0 @@
-/*!
-  @versini/ui-bubble v11.0.3
-  © 2026 gizmette.com
-*/
-
-import clsx from "clsx";
-import { BUBBLE_CLASSNAME } from "../../common/constants.js";
-
-;// CONCATENATED MODULE: external "clsx"
-
-;// CONCATENATED MODULE: external "../../common/constants.js"
-
-;// CONCATENATED MODULE: ./src/components/Bubble/utilities.ts
-
-
-const getBubbleSizesClasses = ({ kind, noMaxWidth })=>{
-    return clsx("px-4 py-2", {
-        "max-w-xs sm:max-w-md md:max-w-2xl": !noMaxWidth,
-        "lg:max-w-3xl": kind === "left" && !noMaxWidth
-    });
-};
-const getBubbleColorClasses = ({ kind, gradient })=>{
-    // No gradient - solid colors
-    if (!gradient) {
-        return clsx({
-            "bg-surface-light dark:bg-surface-dark": kind === "left",
-            "bg-surface-accent": kind === "right"
-        });
-    }
-    // Gradient presets based on intensity
-    if (gradient === "light") {
-        return clsx({
-            "bg-linear-to-b from-surface-light/80 to-surface-light dark:from-surface-dark/80 dark:to-surface-dark": kind === "left",
-            "bg-linear-to-b from-surface-accent/80 to-surface-accent": kind === "right"
-        });
-    }
-    if (gradient === "medium") {
-        return clsx({
-            "bg-linear-to-b from-surface-light/65 to-surface-light dark:from-surface-dark/65 dark:to-surface-dark": kind === "left",
-            "bg-linear-to-b from-surface-accent/65 to-surface-accent": kind === "right"
-        });
-    }
-    // gradient === "strong"
-    return clsx({
-        "bg-linear-to-b from-surface-light/50 to-surface-light dark:from-surface-dark/50 dark:to-surface-dark": kind === "left",
-        "bg-linear-to-b from-surface-accent/50 to-surface-accent": kind === "right"
-    });
-};
-const getBubbleTypographyClasses = ({ kind })=>{
-    return clsx("prose prose-dark dark:prose-lighter", "prose-blockquote:my-1", "prose-ol:my-1 prose-ul:my-1", {
-        "text-copy-lighter": kind === "right"
-    });
-};
-const getBubbleBorderClasses = ({ kind, tail })=>{
-    if (tail) {
-        return clsx(`${BUBBLE_CLASSNAME}-${kind}-tail`, "rounded-3xl", "relative", "before:content-['']", "before:w-3", "before:h-2", "before:absolute", "before:bottom-0", {
-            "last-bubble-right:before:right-0.5 last-bubble-right:before:border-l-8 last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": kind === "right",
-            "last-bubble-left:before:left-0.5 last-bubble-left:before:border-r-8 last-bubble-left:before:border-r-surface-light last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": kind === "left"
-        });
-    }
-    /* v8 ignore start - no-tail edge case */ if (!tail) {
-        return clsx("rounded-b-xl", {
-            "rounded-tr-xl": kind === "left",
-            "rounded-tl-xl": kind === "right"
-        });
-    }
-/* v8 ignore stop */ };
-const getBubbleClasses = ({ kind, className, contentClassName, footerClassName, noMaxWidth, tail, gradient })=>{
-    const wrapper = clsx(BUBBLE_CLASSNAME, `${BUBBLE_CLASSNAME}-${kind}`, "flex items-start", {
-        "flex-row-reverse": kind === "right"
-    }, className);
-    const main = clsx(`${BUBBLE_CLASSNAME}-content`, "flex flex-col empty:hidden", getBubbleSizesClasses({
-        kind,
-        noMaxWidth
-    }), getBubbleTypographyClasses({
-        kind
-    }), getBubbleColorClasses({
-        kind,
-        gradient
-    }), getBubbleBorderClasses({
-        kind,
-        tail
-    }), contentClassName);
-    const footer = clsx("pr-2 pt-1 text-end text-xs text-copy-light", footerClassName);
-    const action = clsx("flex flex-col-reverse sm:flex-row", {
-        "ml-2": kind === "left" && !tail,
-        "mr-2": kind === "right" && !tail,
-        "ml-1": kind === "left" && tail,
-        "mr-1": kind === "right" && tail
-    });
-    return {
-        wrapper,
-        main,
-        footer,
-        action
-    };
-};
-
-export { getBubbleClasses };

package/dist/components/BubbleCopy/BubbleCopyTypes.js

@@ -1,11 +0,0 @@
-/*!
-  @versini/ui-bubble v11.0.3
-  © 2026 gizmette.com
-*/
-
-
-;// CONCATENATED MODULE: ./src/components/BubbleCopy/BubbleCopyTypes.ts
-/**
- * Props for the BubbleCopy component.
- */ 
-

package/dist/components/index.js

@@ -1,20 +0,0 @@
-/*!
-  @versini/ui-bubble v11.0.3
-  © 2026 gizmette.com
-*/
-
-import { BUBBLE_FOOTER_EMPTY } from "./BubbleConstants/BubbleConstants.js";
-export * from "../common/constants.js";
-export * from "./Bubble/Bubble.js";
-export * from "./BubbleCopy/BubbleCopy.js";
-
-;// CONCATENATED MODULE: external "./BubbleConstants/BubbleConstants.js"
-
-;// CONCATENATED MODULE: ./src/components/index.ts
-
-
-// Export constants through a dedicated module entry for better tree-shaking.
-
-
-
-export { BUBBLE_FOOTER_EMPTY };