sm-click-library-ui 0.0.622-dev.90 → 0.0.623-dev.101

package/dist/tailwind.css

@@ -755,6 +755,9 @@ video {
 .left-1 {
   left: 0.25rem;
 }
+.left-1\/2 {
+  left: 50%;
+}
 .left-2 {
   left: 0.5rem;
 }
@@ -1278,6 +1281,9 @@ video {
 .max-h-\[70vh\] {
   max-height: 70vh;
 }
+.max-h-\[75vh\] {
+  max-height: 75vh;
+}
 .max-h-full {
   max-height: 100%;
 }
@@ -1558,6 +1564,10 @@ video {
   --tw-translate-x: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-translate-x-1\/3 {
   --tw-translate-x: -33.333333%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1574,6 +1584,10 @@ video {
   --tw-translate-x: 1px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-y-1 {
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-rotate-90 {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1594,6 +1608,11 @@ video {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.scale-95 {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1687,6 +1706,9 @@ video {
 .grid-cols-\[56px_1fr\] {
   grid-template-columns: 56px 1fr;
 }
+.grid-cols-\[auto_1fr\] {
+  grid-template-columns: auto 1fr;
+}
 .flex-row {
   flex-direction: row;
 }
@@ -1753,6 +1775,10 @@ video {
 .gap-\[2px\] {
   gap: 2px;
 }
+.gap-x-2 {
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -1767,6 +1793,12 @@ video {
 .gap-y-1\.5 {
   row-gap: 0.375rem;
 }
+.gap-y-2 {
+  row-gap: 0.5rem;
+}
+.gap-y-3 {
+  row-gap: 0.75rem;
+}
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1797,11 +1829,21 @@ video {
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+}
 .space-y-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1938,6 +1980,9 @@ video {
 .border-\[5px\] {
   border-width: 5px;
 }
+.\!border-t-0 {
+  border-top-width: 0px !important;
+}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2076,6 +2121,9 @@ video {
   --tw-border-opacity: 1;
   border-right-color: rgb(var(--primary-rgb) / var(--tw-border-opacity, 1));
 }
+.border-t-neutral-800\/95 {
+  border-top-color: rgb(38 38 38 / 0.95);
+}
 .border-t-transparent {
   border-top-color: transparent;
 }
@@ -2112,9 +2160,6 @@ video {
 .bg-base-200\/40 {
   background-color: rgb(var(--bg-base-200) / 0.4);
 }
-.bg-base-200\/60 {
-  background-color: rgb(var(--bg-base-200) / 0.6);
-}
 .bg-base-200\/70 {
   background-color: rgb(var(--bg-base-200) / 0.7);
 }
@@ -2140,6 +2185,12 @@ video {
 .bg-base-content\/10 {
   background-color: rgb(var(--text-base) / 0.1);
 }
+.bg-base-content\/30 {
+  background-color: rgb(var(--text-base) / 0.3);
+}
+.bg-base-content\/5 {
+  background-color: rgb(var(--text-base) / 0.05);
+}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -2215,10 +2266,17 @@ video {
 .bg-green-600\/20 {
   background-color: rgb(22 163 74 / 0.2);
 }
+.bg-neutral-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
+}
 .bg-neutral-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
 }
+.bg-neutral-800\/95 {
+  background-color: rgb(38 38 38 / 0.95);
+}
 .bg-orange-500\/20 {
   background-color: rgb(249 115 22 / 0.2);
 }
@@ -2241,6 +2299,9 @@ video {
 .bg-primary\/25 {
   background-color: rgb(var(--primary-rgb) / 0.25);
 }
+.bg-primary\/60 {
+  background-color: rgb(var(--primary-rgb) / 0.6);
+}
 .bg-purple-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
@@ -2628,6 +2689,9 @@ video {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2677,6 +2741,9 @@ video {
 .text-\[15px\] {
   font-size: 15px;
 }
+.text-\[6px\] {
+  font-size: 6px;
+}
 .text-\[9px\] {
   font-size: 9px;
 }
@@ -2724,6 +2791,9 @@ video {
 .capitalize {
   text-transform: capitalize;
 }
+.normal-case {
+  text-transform: none;
+}
 .italic {
   font-style: italic;
 }
@@ -3228,9 +3298,15 @@ video {
 .ring-base-300\/60 {
   --tw-ring-color: rgb(var(--bg-base-300) / 0.6);
 }
+.ring-base-content\/10 {
+  --tw-ring-color: rgb(var(--text-base) / 0.1);
+}
 .ring-black\/20 {
   --tw-ring-color: rgb(0 0 0 / 0.2);
 }
+.ring-black\/30 {
+  --tw-ring-color: rgb(0 0 0 / 0.3);
+}
 .ring-black\/50 {
   --tw-ring-color: rgb(0 0 0 / 0.5);
 }
@@ -3262,6 +3338,9 @@ video {
 .ring-violet-400\/25 {
   --tw-ring-color: rgb(167 139 250 / 0.25);
 }
+.ring-white\/10 {
+  --tw-ring-color: rgb(255 255 255 / 0.1);
+}
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -3418,6 +3497,45 @@ video {
   width: var(--scrollbar-width, 16px);
   height: var(--scrollbar-height, 16px);
 }
+.scrollbar-thin::-webkit-scrollbar-track {
+  background-color: var(--scrollbar-track);
+  border-radius: var(--scrollbar-track-radius);
+}
+.scrollbar-thin::-webkit-scrollbar-track:hover {
+  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
+}
+.scrollbar-thin::-webkit-scrollbar-track:active {
+  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
+}
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb);
+  border-radius: var(--scrollbar-thumb-radius);
+}
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
+}
+.scrollbar-thin::-webkit-scrollbar-thumb:active {
+  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
+}
+.scrollbar-thin::-webkit-scrollbar-corner {
+  background-color: var(--scrollbar-corner);
+  border-radius: var(--scrollbar-corner-radius);
+}
+.scrollbar-thin::-webkit-scrollbar-corner:hover {
+  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
+}
+.scrollbar-thin::-webkit-scrollbar-corner:active {
+  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
+}
+.scrollbar-thin {
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
+}
+.scrollbar-thin::-webkit-scrollbar {
+  display: block;
+  width: 8px;
+  height: 8px;
+}
 .scrollbar-none {
   scrollbar-width: none;
 }
@@ -3615,6 +3733,15 @@ video {
   --tw-translate-x: 0.125rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.group:hover .group-hover\:translate-y-0 {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.group:hover .group-hover\:scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .group:hover .group-hover\:scale-105 {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
@@ -3634,12 +3761,24 @@ video {
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
+.group:focus-visible .group-focus-visible\:translate-y-0 {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.group:focus-visible .group-focus-visible\:scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .group:focus-visible .group-focus-visible\:opacity-100 {
   opacity: 1;
 }
 .hover\:z-10:hover {
   z-index: 10;
 }
+.hover\:z-30:hover {
+  z-index: 30;
+}
 .hover\:-translate-y-px:hover {
   --tw-translate-y: -1px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3717,6 +3856,9 @@ video {
 .hover\:bg-base-300\/70:hover {
   background-color: rgb(var(--bg-base-300) / 0.7);
 }
+.hover\:bg-base-content\/10:hover {
+  background-color: rgb(var(--text-base) / 0.1);
+}
 .hover\:bg-base-content\/\[0\.02\]:hover {
   background-color: rgb(var(--text-base) / 0.02);
 }
@@ -3769,9 +3911,15 @@ video {
 .hover\:bg-primary\/10:hover {
   background-color: rgb(var(--primary-rgb) / 0.1);
 }
+.hover\:bg-primary\/15:hover {
+  background-color: rgb(var(--primary-rgb) / 0.15);
+}
 .hover\:bg-primary\/40:hover {
   background-color: rgb(var(--primary-rgb) / 0.4);
 }
+.hover\:bg-primary\/70:hover {
+  background-color: rgb(var(--primary-rgb) / 0.7);
+}
 .hover\:bg-red-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -3842,6 +3990,9 @@ video {
 .hover\:opacity-70:hover {
   opacity: 0.7;
 }
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:shadow-lg:hover {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -3889,6 +4040,9 @@ video {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus-visible\:z-30:focus-visible {
+  z-index: 30;
+}
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -3928,6 +4082,10 @@ video {
 .active\:bg-primary\/15:active {
   background-color: rgb(var(--primary-rgb) / 0.15);
 }
+.active\:brightness-95:active {
+  --tw-brightness: brightness(.95);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -3976,6 +4134,9 @@ video {
 .dark\:border-red-500\/70:is(.dark *) {
   border-color: rgb(239 68 68 / 0.7);
 }
+.dark\:border-t-neutral-100\/95:is(.dark *) {
+  border-top-color: rgb(245 245 245 / 0.95);
+}
 .dark\:bg-amber-400\/15:is(.dark *) {
   background-color: rgb(251 191 36 / 0.15);
 }
@@ -4011,6 +4172,13 @@ video {
 .dark\:bg-gray-500\/60:is(.dark *) {
   background-color: rgb(107 114 128 / 0.6);
 }
+.dark\:bg-neutral-100\/95:is(.dark *) {
+  background-color: rgb(245 245 245 / 0.95);
+}
+.dark\:bg-neutral-300:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-primary\/10:is(.dark *) {
   background-color: rgb(var(--primary-rgb) / 0.1);
 }
@@ -4114,6 +4282,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
 }
+.dark\:text-neutral-800:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.dark\:text-neutral-900:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+}
 .dark\:text-orange-500:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(249 115 22 / var(--tw-text-opacity, 1));
@@ -4197,6 +4373,9 @@ video {
   --tw-shadow-color: #1f2937;
   --tw-shadow: var(--tw-shadow-colored);
 }
+.dark\:ring-black\/10:is(.dark *) {
+  --tw-ring-color: rgb(0 0 0 / 0.1);
+}
 .dark\:hover\:bg-gray-100\/80:hover:is(.dark *) {
   background-color: rgb(243 244 246 / 0.8);
 }
@@ -4263,6 +4442,10 @@ video {
     width: 450px;
   }
 
+  .md\:w-\[55\%\] {
+    width: 55%;
+  }
+
   .md\:max-w-32 {
     max-width: 8rem;
   }
@@ -4295,6 +4478,10 @@ video {
     width: 300px;
   }
 
+  .lg\:w-\[40\%\] {
+    width: 40%;
+  }
+
   .lg\:min-w-28 {
     min-width: 7rem;
   }

package/dist/{vue3-lottie.es-JgiBpKhu.js → vue3-lottie.es-BEN92jyR.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watchEffect, computed, watch, createElementBlock, openBlock, normalizeStyle } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-DpqoSQ1j.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-DDE-XieE.js";
 var lottie = { exports: {} };
 (function(module, exports) {
   typeof navigator < "u" && function(t, e) {

package/dist/{web-CyQoGjvD.js → web-C3pV7sTx.js}

@@ -1,5 +1,5 @@
-import { W as P, b as x } from "./index-DpqoSQ1j.js";
-import { E } from "./web-CTiz49Iv.js";
+import { W as P, b as x } from "./index-DDE-XieE.js";
+import { E } from "./web-CEcGsp6f.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/dist/{web-CTiz49Iv.js → web-CEcGsp6f.js}

@@ -1,4 +1,4 @@
-import { r as le, C as ge, g as me, W as we } from "./index-DpqoSQ1j.js";
+import { r as le, C as ge, g as me, W as we } from "./index-DDE-XieE.js";
 const F = {
   RECORDING: "RECORDING",
   PAUSED: "PAUSED",
@@ -58,7 +58,7 @@ var te;
   n.UTF8 = "utf8", n.ASCII = "ascii", n.UTF16 = "utf16";
 })(te || (te = {}));
 const k = le("Filesystem", {
-  web: () => import("./web-CyQoGjvD.js").then((n) => new n.FilesystemWeb())
+  web: () => import("./web-C3pV7sTx.js").then((n) => new n.FilesystemWeb())
 });
 Ee();
 const _e = le("BlobWriter");

package/package.json

@@ -5,7 +5,7 @@
         "dist",
         "src/test-utils"
     ],
-    "version": "0.0.622-dev.90",
+    "version": "0.0.623-dev.101",
     "main": "dist/sm-click-library-ui.es.js",
     "module": "dist/sm-click-library-ui.umd.js",
     "style": "dist/style.css",