@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/link/Link.d.ts

@@ -1,22 +1,13 @@
-import "./Link.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type LinkVariant = "default";
-export type LinkUnderline = "always" | "hover" | "none";
-export type LinkRootProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & IComponentBaseProps & {
-    variant?: LinkVariant;
-    underline?: LinkUnderline;
-    isExternal?: boolean;
-    isDisabled?: boolean;
+import "./link.css";
+import { type JSX } from "solid-js";
+import type { ComponentColor, IComponentBaseProps } from "../types";
+export type LinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & IComponentBaseProps & {
+    color?: ComponentColor;
+    hover?: boolean;
+    asChild?: boolean;
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
 };
-export type LinkIconProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
-declare const LinkRoot: Component<LinkRootProps>;
-declare const LinkIcon: Component<LinkIconProps>;
-type LinkComponent = Component<LinkRootProps> & {
-    Root: Component<LinkRootProps>;
-    Icon: Component<LinkIconProps>;
-};
-declare const Link: LinkComponent;
-export type LinkProps = LinkRootProps;
-export { LinkRoot, LinkIcon };
+declare const Link: (props: LinkProps) => JSX.Element;
 export default Link;

package/dist/components/link/Link.js

@@ -1,118 +1,70 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Link.css";
+import "./link.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__ from "./Link.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
-const ensureExternalRel = (value)=>{
-    const relTokens = new Set((value ?? "").split(/\s+/).filter(Boolean));
-    relTokens.add("noopener");
-    relTokens.add("noreferrer");
-    return Array.from(relTokens).join(" ");
-};
-const LinkRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
+const Link = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "href",
+        "color",
+        "hover",
         "class",
         "className",
         "dataTheme",
         "style",
-        "variant",
-        "underline",
-        "isExternal",
-        "isDisabled",
-        "target",
-        "rel",
-        "tabIndex"
+        "asChild",
+        "aria-current",
+        "aria-label",
+        "aria-describedby"
     ]);
-    const variant = ()=>local.variant ?? "default";
-    const underline = ()=>local.underline ?? "always";
-    const isDisabled = ()=>Boolean(local.isDisabled);
-    const isExternal = ()=>Boolean(local.isExternal);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("link", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "link-hover": false !== local.hover,
+            "link-neutral": "neutral" === local.color,
+            "link-primary": "primary" === local.color,
+            "link-secondary": "secondary" === local.color,
+            "link-accent": "accent" === local.color,
+            "link-info": "info" === local.color,
+            "link-success": "success" === local.color,
+            "link-warning": "warning" === local.color,
+            "link-error": "error" === local.color,
+            "link-ghost": "ghost" === local.color
+        }), local.class, local.className));
+    const ariaCurrent = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-current"]);
+    const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
+    const ariaDescribedby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-describedby"]);
+    if (local.asChild) return resolvedChildren();
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
             get href () {
-                return isDisabled() ? void 0 : local.href;
+                return local.href;
             },
-            get target () {
-                return isExternal() ? "_blank" : local.target;
+            get ["class"] () {
+                return classes();
             },
-            get rel () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isExternal())() ? ensureExternalRel(local.rel) : local.rel;
+            get style () {
+                return local.style;
             },
-            get tabIndex () {
-                return isDisabled() ? -1 : local.tabIndex;
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.underline[underline()], isExternal() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.external, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.disabled, local.class, local.className)
-            }), {
-            "data-slot": "link",
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            get ["data-external"] () {
-                return isExternal() ? "true" : "false";
+            get ["aria-current"] () {
+                return ariaCurrent();
             },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
+            get ["aria-label"] () {
+                return ariaLabel();
             },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
+            get ["aria-describedby"] () {
+                return ariaDescribedby();
             },
-            get style () {
-                return local.style;
-            }
+            rel: "noopener noreferrer"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
         return _el$;
     })();
 };
-const LinkIcon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "children",
-        "dataTheme",
-        "style"
-    ]);
-    const hasCustomIcon = ()=>null != local.children;
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.icon, local.class, local.className)
-            }), {
-            "data-slot": "link-icon",
-            get ["data-default-icon"] () {
-                return hasCustomIcon() ? "false" : "true";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children ?? (()=>{
-                var _el$3 = _tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.iconDefault
-                    }), {
-                    "data-slot": "link-default-icon",
-                    viewBox: "0 0 12 12",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "aria-hidden": "true"
-                }), true, true);
-                return _el$3;
-            })());
-        return _el$2;
-    })();
-};
-const Link = Object.assign(LinkRoot, {
-    Root: LinkRoot,
-    Icon: LinkIcon
-});
 const link_Link = Link;
-export { LinkIcon, LinkRoot, link_Link as default };
+export { link_Link as default };

package/dist/components/link/index.d.ts

@@ -1 +1 @@
-export { default, LinkRoot, LinkIcon, type LinkProps, type LinkRootProps, type LinkIconProps, type LinkVariant, type LinkUnderline, } from "./Link";
+export { default, type LinkProps } from "./Link";

package/dist/components/link/index.js

@@ -1,5 +1,3 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__ from "./Link.js";
-var __webpack_exports__LinkIcon = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__.LinkIcon;
-var __webpack_exports__LinkRoot = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__.LinkRoot;
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__["default"];
-export { __webpack_exports__LinkIcon as LinkIcon, __webpack_exports__LinkRoot as LinkRoot, __webpack_exports__default as default };
+export { __webpack_exports__default as default };

package/dist/components/link/link.css

@@ -0,0 +1,153 @@
+@layer components {
+  .link {
+      cursor: pointer;
+      text-decoration-line: underline;
+    }
+
+  .link:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+
+  @media (forced-colors: active) {
+    .link:focus {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+    }
+
+  .link:focus-visible {
+      outline: 2px solid currentColor;
+      outline-offset: 2px;
+    }
+
+  .link-accent {
+      color: var(--color-accent);
+    }
+
+  @media (hover: hover) {
+    .link-accent:hover {
+      color: var(--color-accent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-accent:hover {
+      color: color-mix(in oklab, var(--color-accent) 80%, #000);
+    }
+    }
+    }
+
+  .link-error {
+      color: var(--color-error);
+    }
+
+  @media (hover: hover) {
+    .link-error:hover {
+      color: var(--color-error);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-error:hover {
+      color: color-mix(in oklab, var(--color-error) 80%, #000);
+    }
+    }
+    }
+
+  .link-info {
+      color: var(--color-info);
+    }
+
+  @media (hover: hover) {
+    .link-info:hover {
+      color: var(--color-info);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-info:hover {
+      color: color-mix(in oklab, var(--color-info) 80%, #000);
+    }
+    }
+    }
+
+  .link-neutral {
+      color: var(--color-neutral);
+    }
+
+  @media (hover: hover) {
+    .link-neutral:hover {
+      color: var(--color-neutral);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-neutral:hover {
+      color: color-mix(in oklab, var(--color-neutral) 80%, #000);
+    }
+    }
+    }
+
+  .link-primary {
+      color: var(--color-primary);
+    }
+
+  @media (hover: hover) {
+    .link-primary:hover {
+      color: var(--color-primary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-primary:hover {
+      color: color-mix(in oklab, var(--color-primary) 80%, #000);
+    }
+    }
+    }
+
+  .link-secondary {
+      color: var(--color-secondary);
+    }
+
+  @media (hover: hover) {
+    .link-secondary:hover {
+      color: var(--color-secondary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-secondary:hover {
+      color: color-mix(in oklab, var(--color-secondary) 80%, #000);
+    }
+    }
+    }
+
+  .link-success {
+      color: var(--color-success);
+    }
+
+  @media (hover: hover) {
+    .link-success:hover {
+      color: var(--color-success);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-success:hover {
+      color: color-mix(in oklab, var(--color-success) 80%, #000);
+    }
+    }
+    }
+
+  .link-warning {
+      color: var(--color-warning);
+    }
+
+  @media (hover: hover) {
+    .link-warning:hover {
+      color: var(--color-warning);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+    .link-warning:hover {
+      color: color-mix(in oklab, var(--color-warning) 80%, #000);
+    }
+    }
+    }
+
+  .link-hover {
+      text-decoration-line: none;
+    }
+
+  @media (hover: hover) {
+    .link-hover:hover {
+      text-decoration-line: underline;
+    }
+    }
+}

package/dist/components/live-chat/LiveChatBubble.d.ts

@@ -1,4 +1,3 @@
-import "./LiveChat.css";
 import { type Component, type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 import type { LiveChatPanelProps } from "./LiveChatPanel";

package/dist/components/live-chat/LiveChatBubble.js

@@ -1,10 +1,9 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./LiveChat.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__LiveChatPanel_js_aa84e738__ from "./LiveChatPanel.js";
-import * as __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__ from "./LiveChat.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="absolute -top-1 -right-1 w-5 h-5 bg-error text-error-content text-xs font-bold rounded-full flex items-center justify-center animate-pulse">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button><span class="pointer-events-none absolute inset-0 rounded-full bg-primary animate-ping opacity-20 group-hover:opacity-0 transition-opacity">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5 sm:w-6 sm:h-6"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5 sm:w-6 sm:h-6"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
 const LiveChatBubble = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "position",
@@ -38,17 +37,17 @@ const LiveChatBubble = (props)=>{
     };
     const positionClasses = ()=>{
         const pos = local.position ?? "bottom-right";
-        return "bottom-left" === pos ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.position.left : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.position.right;
+        return "bottom-left" === pos ? "left-4" : "right-4";
     };
-    const buttonClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.base, positionClasses(), local.class, local.className);
+    const buttonClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fixed bottom-5 z-50 w-12 h-12 sm:w-14 sm:h-14 bg-primary text-primary-content rounded-full shadow-lg hover:shadow-xl active:scale-95 transition-all duration-200 flex items-center justify-center group", positionClasses(), (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
     return [
         (()=>{
             var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                onClick: toggleChat
-            }, ()=>({
-                    class: buttonClasses()
-                }), {
+                onClick: toggleChat,
+                get ["class"] () {
+                    return buttonClasses();
+                },
                 get style () {
                     return local.style;
                 },
@@ -61,28 +60,10 @@ const LiveChatBubble = (props)=>{
                         return !isOpen();
                     },
                     get fallback () {
-                        return (()=>{
-                            var _el$5 = _tmpl$4();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.icon
-                                }), {
-                                fill: "none",
-                                viewBox: "0 0 24 24",
-                                stroke: "currentColor"
-                            }), true, true);
-                            return _el$5;
-                        })();
+                        return _tmpl$4();
                     },
                     get children () {
-                        var _el$4 = _tmpl$3();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.icon
-                            }), {
-                            fill: "none",
-                            viewBox: "0 0 24 24",
-                            stroke: "currentColor"
-                        }), true, true);
-                        return _el$4;
+                        return _tmpl$3();
                     }
                 }), _el$3);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -91,9 +72,6 @@ const LiveChatBubble = (props)=>{
                 },
                 get children () {
                     var _el$2 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.badge
-                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
                         var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>unreadCount() > 9);
                         return ()=>_c$() ? "9+" : unreadCount();
@@ -101,9 +79,6 @@ const LiveChatBubble = (props)=>{
                     return _el$2;
                 }
             }), _el$3);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                    class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.ping
-                })), false, false);
             return _el$;
         })(),
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {

package/dist/components/live-chat/LiveChatPanel.d.ts

@@ -1,4 +1,3 @@
-import "./LiveChat.css";
 import { type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 import type { ChatMessage, SendMessagePayload, SendMessageResponse } from "./types";