@telnyx/ai-chat-widget 5.0.2 → 5.0.3

package/dist/index.mjs

@@ -10225,6 +10225,10 @@ const AI = {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-full {
+    --tw-translate-x: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-0\\.5 {
     --tw-translate-y: calc(var(--spacing) * -0.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -10262,6 +10266,9 @@ const AI = {
   .animate-shadow-grow {
     animation: var(--animate-shadow-grow);
   }
+  .animate-shimmer {
+    animation: var(--animate-shimmer);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -10391,6 +10398,9 @@ const AI = {
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
+  .rounded-\\[7px\\] {
+    border-radius: 7px;
+  }
   .rounded-\\[30px\\] {
     border-radius: 30px;
   }
@@ -10491,9 +10501,6 @@ const AI = {
   .border-widget-text-primary {
     border-color: var(--color-widget-text-primary);
   }
-  .bg-\\[\\#fefef8\\] {
-    background-color: #fefef8;
-  }
   .bg-black {
     background-color: var(--color-black);
   }
@@ -10620,6 +10627,14 @@ const AI = {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .via-neutral-600\\/30 {
+    --tw-gradient-via: color-mix(in srgb, oklch(43.9% 0 0) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-600) 30%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-telnyx-green {
     --tw-gradient-via: var(--color-telnyx-green);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -10663,6 +10678,9 @@ const AI = {
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-px {
+    padding: 1px;
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -10928,6 +10946,10 @@ const AI = {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -11599,6 +11621,11 @@ const AI = {
       color: var(--color-white);
     }
   }
+  .motion-reduce\\:animate-none {
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
+  }
   .motion-reduce\\:transition-none {
     @media (prefers-reduced-motion: reduce) {
       transition-property: none;
@@ -16927,14 +16954,23 @@ const On = ({
   /* @__PURE__ */ y.jsx(On, { isLoaded: e }),
   /* @__PURE__ */ y.jsxs("div", { className: "flex gap-1 items-center", children: [
     /* @__PURE__ */ y.jsx(On, { className: "duration-100 flex-1", isLoaded: e }),
-    /* @__PURE__ */ y.jsx("div", { className: "bg-[#fefef8] px-3 z-10", children: /* @__PURE__ */ y.jsx(
-      _O,
-      {
-        words: t,
-        className: "text-gray-700/60 font-medium"
-      },
-      t
-    ) }),
+    /* @__PURE__ */ y.jsxs("div", { className: "relative z-10 overflow-hidden rounded-lg bg-neutral-700/20 p-px", children: [
+      !e && /* @__PURE__ */ y.jsx(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-neutral-600/30 to-transparent motion-reduce:animate-none"
+        }
+      ),
+      /* @__PURE__ */ y.jsx("div", { className: "relative rounded-[7px] bg-widget-bg-tertiary px-3 py-1", children: /* @__PURE__ */ y.jsx(
+        _O,
+        {
+          words: t,
+          className: "text-gray-700/60 font-medium"
+        },
+        t
+      ) })
+    ] }),
     /* @__PURE__ */ y.jsx(On, { className: "duration-100 flex-1", isLoaded: e })
   ] }),
   /* @__PURE__ */ y.jsx(On, { isLoaded: e }),