@designcrowd/library.brand-page 5.18.2 → 5.18.3-actionable-buttons-2

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -3568,6 +3568,45 @@ a.maker-anchor {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.placeholder\:tw-text-grayscale-600::-webkit-input-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(94 94 94 / var(--tw-text-opacity));
+}
+.placeholder\:tw-text-grayscale-600::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(94 94 94 / var(--tw-text-opacity));
+}
+.placeholder\:tw-text-grayscale-600:-ms-input-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(94 94 94 / var(--tw-text-opacity));
+}
+.placeholder\:tw-text-grayscale-600::-ms-input-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(94 94 94 / var(--tw-text-opacity));
+}
+.placeholder\:tw-text-grayscale-600::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(94 94 94 / var(--tw-text-opacity));
+}
+.placeholder\:tw-opacity-50::-webkit-input-placeholder {
+  opacity: 0.5;
+}
+.placeholder\:tw-opacity-50::-moz-placeholder {
+  opacity: 0.5;
+}
+.placeholder\:tw-opacity-50:-ms-input-placeholder {
+  opacity: 0.5;
+}
+.placeholder\:tw-opacity-50::-ms-input-placeholder {
+  opacity: 0.5;
+}
+.placeholder\:tw-opacity-50::placeholder {
+  opacity: 0.5;
+}
+.focus-within\:tw-border-grayscale-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(94 94 94 / var(--tw-border-opacity));
+}
 @media (hover: hover) and (pointer: fine) {
 
   .hover\:tw-cursor-pointer:hover {
@@ -8934,6 +8973,29 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 
+/* The widget renders its own input inside a closed shadow DOM. We style the box
+   on the host via Tailwind classes (see HOST_INPUT_CLASSES) and normalise the
+   exposed parts here:
+   - force the light theme (the widget otherwise follows the OS color-scheme and
+     renders dark inside our always-light panel);
+   - make the inner input inherit the host's font/colour and drop its own
+     padding (the host provides px-4/py-2);
+   - hide the widget's focus-ring so focus is shown by the host border darkening,
+     matching our other inputs. */
+[data-component='google-address-field'] gmp-place-autocomplete {
+  color-scheme: light;
+}
+[data-component='google-address-field'] gmp-place-autocomplete::part(input) {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+[data-component='google-address-field']
+  gmp-place-autocomplete::part(focus-ring) {
+  display: none;
+}
+
 .c-gallery-figure[data-v-b07a625b] {
 
     position: relative;
@@ -9098,14 +9160,26 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-65616ad0] {
+.font-list[data-v-d11f2982] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-65616ad0]::-webkit-scrollbar {
+.font-list[data-v-d11f2982]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 
+/*
+ * Skip layout + paint for off-screen rows. Each row renders an inline-SVG
+ * preview; with ~130 rows this defers the bulk of the open-time cost to
+ * only the visible window. Rows are uniform height, so the intrinsic-size
+ * estimate keeps the scrollbar and scrollToSelectedFont accurate. Nodes
+ * stay in the DOM, so find-in-page / a11y / selectors are unaffected.
+ */
+.font-list-item[data-v-d11f2982] {
+  content-visibility: auto;
+  contain-intrinsic-size: auto 36px;
+}
+
 .rich-text-editor[data-v-c2f90d30]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
@@ -9620,10 +9694,19 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   position: absolute
 }
 
-.section[data-v-d5301e0e] {
+.section[data-v-97daf54f] {
     margin-bottom: 1.5rem
 }
 
+/* The upgrade glyph (`upgrade-alt`) is a hairline faceted gem that barely reads
+   at button size. Give it a stroke in the current text colour so the icon is
+   distinguishable from afar. Scoped to the CTA button via the `ai-cta-button`
+   class passed to the design-system Button. */
+[data-v-4067f968] .ai-cta-button svg path {
+  stroke: currentColor;
+  stroke-width: 1;
+}
+
 .shimmer-text[data-v-7a203d2a] {
   background: -webkit-gradient(
     linear,
@@ -9716,16 +9799,16 @@ to {
 }
 }
 
-.typing-cursor[data-v-32d97597] {
-  -webkit-animation: blink-32d97597 1s infinite;
-          animation: blink-32d97597 1s infinite;
+.typing-cursor[data-v-d24ad0e3] {
+  -webkit-animation: blink-d24ad0e3 1s infinite;
+          animation: blink-d24ad0e3 1s infinite;
 }
-.bubble-ai[data-v-32d97597] {
+.bubble-ai[data-v-d24ad0e3] {
   background-color: #eceefe;
   border-color: #798bf9;
   color: #171717;
 }
-@-webkit-keyframes blink-32d97597 {
+@-webkit-keyframes blink-d24ad0e3 {
 0%,
   50% {
     opacity: 1;
@@ -9735,7 +9818,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes blink-32d97597 {
+@keyframes blink-d24ad0e3 {
 0%,
   50% {
     opacity: 1;
@@ -9745,7 +9828,7 @@ to {
     opacity: 0;
 }
 }
-.shimmer-text[data-v-32d97597] {
+.shimmer-text[data-v-d24ad0e3] {
   background: -webkit-gradient(
     linear,
     left top, right top,
@@ -9767,10 +9850,10 @@ to {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
-  -webkit-animation: shimmer-slide-32d97597 4s linear infinite;
-          animation: shimmer-slide-32d97597 4s linear infinite;
+  -webkit-animation: shimmer-slide-d24ad0e3 4s linear infinite;
+          animation: shimmer-slide-d24ad0e3 4s linear infinite;
 }
-@-webkit-keyframes shimmer-slide-32d97597 {
+@-webkit-keyframes shimmer-slide-d24ad0e3 {
 from {
     background-position: 200% center;
 }
@@ -9778,7 +9861,7 @@ to {
     background-position: -200% center;
 }
 }
-@keyframes shimmer-slide-32d97597 {
+@keyframes shimmer-slide-d24ad0e3 {
 from {
     background-position: 200% center;
 }
@@ -9787,7 +9870,7 @@ to {
 }
 }
 
-.suggested-prompts-container[data-v-51b6c6a0] {
+.suggested-prompts-container[data-v-08af5c64] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9799,10 +9882,10 @@ to {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE and Edge */
 }
-.suggested-prompts-container[data-v-51b6c6a0]::-webkit-scrollbar {
+.suggested-prompts-container[data-v-08af5c64]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
-.chatbox-textarea[data-v-51b6c6a0]:focus {
+.chatbox-textarea[data-v-08af5c64]:focus {
   -webkit-box-shadow:
     0 4px 6px -1px rgb(0 0 0 / 0.1),
     0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -9811,10 +9894,10 @@ to {
     0 2px 4px -2px rgb(0 0 0 / 0.1);
   border-color: var(--tw-grayscale-300, #d1d5db);
 }
-[data-v-51b6c6a0] .btn-no-padding {
+[data-v-08af5c64] .btn-no-padding {
   padding: 0 !important;
 }
-.disabled-button[data-v-51b6c6a0] button {
+.disabled-button[data-v-08af5c64] button {
   background-color: rgb(229 231 235) !important;
   cursor: not-allowed !important;
   opacity: 0.6 !important;

package/lib/src/css/library.brand-page-designCom.min.css

@@ -3331,6 +3331,45 @@ a:not(.tw-lowercase) {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
+.placeholder\:tw-text-grayscale-600::-webkit-input-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(96 96 96 / var(--tw-text-opacity))
+}
+.placeholder\:tw-text-grayscale-600::-moz-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(96 96 96 / var(--tw-text-opacity))
+}
+.placeholder\:tw-text-grayscale-600:-ms-input-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(96 96 96 / var(--tw-text-opacity))
+}
+.placeholder\:tw-text-grayscale-600::-ms-input-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(96 96 96 / var(--tw-text-opacity))
+}
+.placeholder\:tw-text-grayscale-600::placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(96 96 96 / var(--tw-text-opacity))
+}
+.placeholder\:tw-opacity-50::-webkit-input-placeholder {
+    opacity: 0.5
+}
+.placeholder\:tw-opacity-50::-moz-placeholder {
+    opacity: 0.5
+}
+.placeholder\:tw-opacity-50:-ms-input-placeholder {
+    opacity: 0.5
+}
+.placeholder\:tw-opacity-50::-ms-input-placeholder {
+    opacity: 0.5
+}
+.placeholder\:tw-opacity-50::placeholder {
+    opacity: 0.5
+}
+.focus-within\:tw-border-grayscale-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgb(96 96 96 / var(--tw-border-opacity))
+}
 @media (hover: hover) and (pointer: fine) {
     .hover\:tw-cursor-pointer:hover {
         cursor: pointer
@@ -8630,6 +8669,29 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 
+/* The widget renders its own input inside a closed shadow DOM. We style the box
+   on the host via Tailwind classes (see HOST_INPUT_CLASSES) and normalise the
+   exposed parts here:
+   - force the light theme (the widget otherwise follows the OS color-scheme and
+     renders dark inside our always-light panel);
+   - make the inner input inherit the host's font/colour and drop its own
+     padding (the host provides px-4/py-2);
+   - hide the widget's focus-ring so focus is shown by the host border darkening,
+     matching our other inputs. */
+[data-component='google-address-field'] gmp-place-autocomplete {
+  color-scheme: light;
+}
+[data-component='google-address-field'] gmp-place-autocomplete::part(input) {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+[data-component='google-address-field']
+  gmp-place-autocomplete::part(focus-ring) {
+  display: none;
+}
+
 .c-gallery-figure[data-v-b07a625b] {
 
     position: relative;
@@ -8794,14 +8856,26 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-65616ad0] {
+.font-list[data-v-d11f2982] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-65616ad0]::-webkit-scrollbar {
+.font-list[data-v-d11f2982]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 
+/*
+ * Skip layout + paint for off-screen rows. Each row renders an inline-SVG
+ * preview; with ~130 rows this defers the bulk of the open-time cost to
+ * only the visible window. Rows are uniform height, so the intrinsic-size
+ * estimate keeps the scrollbar and scrollToSelectedFont accurate. Nodes
+ * stay in the DOM, so find-in-page / a11y / selectors are unaffected.
+ */
+.font-list-item[data-v-d11f2982] {
+  content-visibility: auto;
+  contain-intrinsic-size: auto 36px;
+}
+
 .rich-text-editor[data-v-c2f90d30]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(96 96 96 / var(--tw-border-opacity));
@@ -9316,10 +9390,19 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   position: absolute
 }
 
-.section[data-v-d5301e0e] {
+.section[data-v-97daf54f] {
     margin-bottom: 1.5rem
 }
 
+/* The upgrade glyph (`upgrade-alt`) is a hairline faceted gem that barely reads
+   at button size. Give it a stroke in the current text colour so the icon is
+   distinguishable from afar. Scoped to the CTA button via the `ai-cta-button`
+   class passed to the design-system Button. */
+[data-v-4067f968] .ai-cta-button svg path {
+  stroke: currentColor;
+  stroke-width: 1;
+}
+
 .shimmer-text[data-v-7a203d2a] {
   background: -webkit-gradient(
     linear,
@@ -9412,16 +9495,16 @@ to {
 }
 }
 
-.typing-cursor[data-v-32d97597] {
-  -webkit-animation: blink-32d97597 1s infinite;
-          animation: blink-32d97597 1s infinite;
+.typing-cursor[data-v-d24ad0e3] {
+  -webkit-animation: blink-d24ad0e3 1s infinite;
+          animation: blink-d24ad0e3 1s infinite;
 }
-.bubble-ai[data-v-32d97597] {
+.bubble-ai[data-v-d24ad0e3] {
   background-color: #eceefe;
   border-color: #798bf9;
   color: #171717;
 }
-@-webkit-keyframes blink-32d97597 {
+@-webkit-keyframes blink-d24ad0e3 {
 0%,
   50% {
     opacity: 1;
@@ -9431,7 +9514,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes blink-32d97597 {
+@keyframes blink-d24ad0e3 {
 0%,
   50% {
     opacity: 1;
@@ -9441,7 +9524,7 @@ to {
     opacity: 0;
 }
 }
-.shimmer-text[data-v-32d97597] {
+.shimmer-text[data-v-d24ad0e3] {
   background: -webkit-gradient(
     linear,
     left top, right top,
@@ -9463,10 +9546,10 @@ to {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
-  -webkit-animation: shimmer-slide-32d97597 4s linear infinite;
-          animation: shimmer-slide-32d97597 4s linear infinite;
+  -webkit-animation: shimmer-slide-d24ad0e3 4s linear infinite;
+          animation: shimmer-slide-d24ad0e3 4s linear infinite;
 }
-@-webkit-keyframes shimmer-slide-32d97597 {
+@-webkit-keyframes shimmer-slide-d24ad0e3 {
 from {
     background-position: 200% center;
 }
@@ -9474,7 +9557,7 @@ to {
     background-position: -200% center;
 }
 }
-@keyframes shimmer-slide-32d97597 {
+@keyframes shimmer-slide-d24ad0e3 {
 from {
     background-position: 200% center;
 }
@@ -9483,7 +9566,7 @@ to {
 }
 }
 
-.suggested-prompts-container[data-v-51b6c6a0] {
+.suggested-prompts-container[data-v-08af5c64] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9495,10 +9578,10 @@ to {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE and Edge */
 }
-.suggested-prompts-container[data-v-51b6c6a0]::-webkit-scrollbar {
+.suggested-prompts-container[data-v-08af5c64]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
-.chatbox-textarea[data-v-51b6c6a0]:focus {
+.chatbox-textarea[data-v-08af5c64]:focus {
   -webkit-box-shadow:
     0 4px 6px -1px rgb(0 0 0 / 0.1),
     0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -9507,10 +9590,10 @@ to {
     0 2px 4px -2px rgb(0 0 0 / 0.1);
   border-color: var(--tw-grayscale-300, #d1d5db);
 }
-[data-v-51b6c6a0] .btn-no-padding {
+[data-v-08af5c64] .btn-no-padding {
   padding: 0 !important;
 }
-.disabled-button[data-v-51b6c6a0] button {
+.disabled-button[data-v-08af5c64] button {
   background-color: rgb(229 231 235) !important;
   cursor: not-allowed !important;
   opacity: 0.6 !important;

package/lib/src/css/library.brand-page-preview.min.css

@@ -3145,6 +3145,45 @@ a.maker-anchor {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
+.bp .placeholder\:tw-text-grayscale-600::-webkit-input-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(94 94 94 / var(--tw-text-opacity))
+}
+.bp .placeholder\:tw-text-grayscale-600::-moz-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(94 94 94 / var(--tw-text-opacity))
+}
+.bp .placeholder\:tw-text-grayscale-600:-ms-input-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(94 94 94 / var(--tw-text-opacity))
+}
+.bp .placeholder\:tw-text-grayscale-600::-ms-input-placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(94 94 94 / var(--tw-text-opacity))
+}
+.bp .placeholder\:tw-text-grayscale-600::placeholder {
+    --tw-text-opacity: 1;
+    color: rgb(94 94 94 / var(--tw-text-opacity))
+}
+.bp .placeholder\:tw-opacity-50::-webkit-input-placeholder {
+    opacity: 0.5
+}
+.bp .placeholder\:tw-opacity-50::-moz-placeholder {
+    opacity: 0.5
+}
+.bp .placeholder\:tw-opacity-50:-ms-input-placeholder {
+    opacity: 0.5
+}
+.bp .placeholder\:tw-opacity-50::-ms-input-placeholder {
+    opacity: 0.5
+}
+.bp .placeholder\:tw-opacity-50::placeholder {
+    opacity: 0.5
+}
+.bp .focus-within\:tw-border-grayscale-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgb(94 94 94 / var(--tw-border-opacity))
+}
 @media (hover: hover) and (pointer: fine) {
     .bp .hover\:tw-cursor-pointer:hover {
         cursor: pointer
@@ -8344,6 +8383,29 @@ to {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 
+/* The widget renders its own input inside a closed shadow DOM. We style the box
+   on the host via Tailwind classes (see HOST_INPUT_CLASSES) and normalise the
+   exposed parts here:
+   - force the light theme (the widget otherwise follows the OS color-scheme and
+     renders dark inside our always-light panel);
+   - make the inner input inherit the host's font/colour and drop its own
+     padding (the host provides px-4/py-2);
+   - hide the widget's focus-ring so focus is shown by the host border darkening,
+     matching our other inputs. */
+[data-component='google-address-field'] gmp-place-autocomplete {
+  color-scheme: light;
+}
+[data-component='google-address-field'] gmp-place-autocomplete::part(input) {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+[data-component='google-address-field']
+  gmp-place-autocomplete::part(focus-ring) {
+  display: none;
+}
+
 .bp .c-gallery-figure[data-v-b07a625b] {
 
     position: relative;
@@ -8508,14 +8570,26 @@ to {
   min-width: 33.333333%
 }
 
-.bp .font-list[data-v-65616ad0] {
+.bp .font-list[data-v-d11f2982] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.bp .font-list[data-v-65616ad0]::-webkit-scrollbar {
+.bp .font-list[data-v-d11f2982]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 
+/*
+ * Skip layout + paint for off-screen rows. Each row renders an inline-SVG
+ * preview; with ~130 rows this defers the bulk of the open-time cost to
+ * only the visible window. Rows are uniform height, so the intrinsic-size
+ * estimate keeps the scrollbar and scrollToSelectedFont accurate. Nodes
+ * stay in the DOM, so find-in-page / a11y / selectors are unaffected.
+ */
+.bp .font-list-item[data-v-d11f2982] {
+  content-visibility: auto;
+  contain-intrinsic-size: auto 36px;
+}
+
 .bp .rich-text-editor[data-v-c2f90d30]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
@@ -9030,10 +9104,19 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   position: absolute
 }
 
-.bp .section[data-v-d5301e0e] {
+.bp .section[data-v-97daf54f] {
     margin-bottom: 1.5rem
 }
 
+/* The upgrade glyph (`upgrade-alt`) is a hairline faceted gem that barely reads
+   at button size. Give it a stroke in the current text colour so the icon is
+   distinguishable from afar. Scoped to the CTA button via the `ai-cta-button`
+   class passed to the design-system Button. */
+[data-v-4067f968] .ai-cta-button svg path {
+  stroke: currentColor;
+  stroke-width: 1;
+}
+
 .bp .shimmer-text[data-v-7a203d2a] {
   background: -webkit-gradient(
     linear,
@@ -9126,16 +9209,16 @@ to {
 }
 }
 
-.bp .typing-cursor[data-v-32d97597] {
-  -webkit-animation: blink-32d97597 1s infinite;
-          animation: blink-32d97597 1s infinite;
+.bp .typing-cursor[data-v-d24ad0e3] {
+  -webkit-animation: blink-d24ad0e3 1s infinite;
+          animation: blink-d24ad0e3 1s infinite;
 }
-.bp .bubble-ai[data-v-32d97597] {
+.bp .bubble-ai[data-v-d24ad0e3] {
   background-color: #eceefe;
   border-color: #798bf9;
   color: #171717;
 }
-@-webkit-keyframes blink-32d97597 {
+@-webkit-keyframes blink-d24ad0e3 {
 0%,
   50% {
     opacity: 1;
@@ -9145,7 +9228,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes blink-32d97597 {
+@keyframes blink-d24ad0e3 {
 0%,
   50% {
     opacity: 1;
@@ -9155,7 +9238,7 @@ to {
     opacity: 0;
 }
 }
-.bp .shimmer-text[data-v-32d97597] {
+.bp .shimmer-text[data-v-d24ad0e3] {
   background: -webkit-gradient(
     linear,
     left top, right top,
@@ -9177,10 +9260,10 @@ to {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
-  -webkit-animation: shimmer-slide-32d97597 4s linear infinite;
-          animation: shimmer-slide-32d97597 4s linear infinite;
+  -webkit-animation: shimmer-slide-d24ad0e3 4s linear infinite;
+          animation: shimmer-slide-d24ad0e3 4s linear infinite;
 }
-@-webkit-keyframes shimmer-slide-32d97597 {
+@-webkit-keyframes shimmer-slide-d24ad0e3 {
 from {
     background-position: 200% center;
 }
@@ -9188,7 +9271,7 @@ to {
     background-position: -200% center;
 }
 }
-@keyframes shimmer-slide-32d97597 {
+@keyframes shimmer-slide-d24ad0e3 {
 from {
     background-position: 200% center;
 }
@@ -9197,7 +9280,7 @@ to {
 }
 }
 
-.bp .suggested-prompts-container[data-v-51b6c6a0] {
+.bp .suggested-prompts-container[data-v-08af5c64] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9209,10 +9292,10 @@ to {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE and Edge */
 }
-.bp .suggested-prompts-container[data-v-51b6c6a0]::-webkit-scrollbar {
+.bp .suggested-prompts-container[data-v-08af5c64]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
-.bp .chatbox-textarea[data-v-51b6c6a0]:focus {
+.bp .chatbox-textarea[data-v-08af5c64]:focus {
   -webkit-box-shadow:
     0 4px 6px -1px rgb(0 0 0 / 0.1),
     0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -9221,10 +9304,10 @@ to {
     0 2px 4px -2px rgb(0 0 0 / 0.1);
   border-color: var(--tw-grayscale-300, #d1d5db);
 }
-[data-v-51b6c6a0] .btn-no-padding {
+[data-v-08af5c64] .btn-no-padding {
   padding: 0 !important;
 }
-.bp .disabled-button[data-v-51b6c6a0] button {
+.bp .disabled-button[data-v-08af5c64] button {
   background-color: rgb(229 231 235) !important;
   cursor: not-allowed !important;
   opacity: 0.6 !important;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-mcvVokSM.js";
+import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-BP3rUcsW.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,