sm-click-library-ui 0.0.629-dev.111 → 0.0.629-dev.114

package/dist/tailwind.css

@@ -635,6 +635,9 @@ video {
 .pointer-events-auto {
   pointer-events: auto;
 }
+.\!visible {
+  visibility: visible !important;
+}
 .visible {
   visibility: visible;
 }
@@ -680,6 +683,9 @@ video {
   top: 0px;
   bottom: 0px;
 }
+.-bottom-0\.5 {
+  bottom: -0.125rem;
+}
 .-bottom-1 {
   bottom: -0.25rem;
 }
@@ -716,6 +722,9 @@ video {
 .-top-0\.5 {
   top: -0.125rem;
 }
+.-top-1 {
+  top: -0.25rem;
+}
 .-top-10 {
   top: -2.5rem;
 }
@@ -752,6 +761,9 @@ video {
 .left-0 {
   left: 0px;
 }
+.left-0\.5 {
+  left: 0.125rem;
+}
 .left-1 {
   left: 0.25rem;
 }
@@ -797,6 +809,9 @@ video {
 .top-0 {
   top: 0px;
 }
+.top-0\.5 {
+  top: 0.125rem;
+}
 .top-1 {
   top: 0.25rem;
 }
@@ -839,6 +854,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[1\] {
+  z-index: 1;
+}
 .z-\[2000\] {
   z-index: 2000;
 }
@@ -851,12 +869,21 @@ video {
 .z-\[51\] {
   z-index: 51;
 }
+.z-\[60\] {
+  z-index: 60;
+}
 .z-\[70\] {
   z-index: 70;
 }
 .z-\[9999\] {
   z-index: 9999;
 }
+.col-start-1 {
+  grid-column-start: 1;
+}
+.row-start-1 {
+  grid-row-start: 1;
+}
 .m-2 {
   margin: 0.5rem;
 }
@@ -944,6 +971,12 @@ video {
 .ml-auto {
   margin-left: auto;
 }
+.ml-px {
+  margin-left: 1px;
+}
+.mr-0\.5 {
+  margin-right: 0.125rem;
+}
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -1004,6 +1037,12 @@ video {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
 .block {
   display: block;
 }
@@ -1031,6 +1070,9 @@ video {
 .inline-grid {
   display: inline-grid;
 }
+.contents {
+  display: contents;
+}
 .hidden {
   display: none;
 }
@@ -1155,9 +1197,6 @@ video {
 .h-0\.5 {
   height: 0.125rem;
 }
-.h-1 {
-  height: 0.25rem;
-}
 .h-1\.5 {
   height: 0.375rem;
 }
@@ -1170,6 +1209,9 @@ video {
 .h-12 {
   height: 3rem;
 }
+.h-14 {
+  height: 3.5rem;
+}
 .h-2 {
   height: 0.5rem;
 }
@@ -1179,6 +1221,9 @@ video {
 .h-20 {
   height: 5rem;
 }
+.h-28 {
+  height: 7rem;
+}
 .h-3 {
   height: 0.75rem;
 }
@@ -1206,6 +1251,9 @@ video {
 .h-8 {
   height: 2rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-96 {
   height: 24rem;
 }
@@ -1332,9 +1380,6 @@ video {
 .w-0 {
   width: 0px;
 }
-.w-1 {
-  width: 0.25rem;
-}
 .w-1\/3 {
   width: 33.333333%;
 }
@@ -1344,6 +1389,9 @@ video {
 .w-10\/12 {
   width: 83.333333%;
 }
+.w-11 {
+  width: 2.75rem;
+}
 .w-11\/12 {
   width: 91.666667%;
 }
@@ -1416,6 +1464,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-9 {
+  width: 2.25rem;
+}
 .w-\[150px\] {
   width: 150px;
 }
@@ -1428,6 +1479,12 @@ video {
 .w-\[320px\] {
   width: 320px;
 }
+.w-\[380px\] {
+  width: 380px;
+}
+.w-\[3px\] {
+  width: 3px;
+}
 .w-\[45vh\] {
   width: 45vh;
 }
@@ -1457,6 +1514,9 @@ video {
 .min-w-19 {
   min-width: 4.5rem;
 }
+.min-w-4 {
+  min-width: 1rem;
+}
 .min-w-48 {
   min-width: 12rem;
 }
@@ -1493,12 +1553,21 @@ video {
 .max-w-32 {
   max-width: 8rem;
 }
+.max-w-40 {
+  max-width: 10rem;
+}
 .max-w-48 {
   max-width: 12rem;
 }
+.max-w-5xl {
+  max-width: 64rem;
+}
 .max-w-64 {
   max-width: 16rem;
 }
+.max-w-72 {
+  max-width: 18rem;
+}
 .max-w-80 {
   max-width: 20rem;
 }
@@ -1586,6 +1655,10 @@ video {
   --tw-translate-x: 3rem;
   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-4 {
+  --tw-translate-x: 1rem;
+  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-px {
   --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));
@@ -1667,6 +1740,10 @@ video {
 .cursor-pointer {
   cursor: pointer;
 }
+.touch-pan-y {
+  --tw-pan-y: pan-y;
+  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
+}
 .select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1703,15 +1780,15 @@ video {
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 .grid-cols-8 {
   grid-template-columns: repeat(8, minmax(0, 1fr));
 }
-.grid-cols-\[56px_1fr\] {
-  grid-template-columns: 56px 1fr;
-}
 .grid-cols-\[auto_1fr\] {
   grid-template-columns: auto 1fr;
 }
@@ -1724,6 +1801,9 @@ video {
 .flex-col {
   flex-direction: column;
 }
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
 .flex-wrap {
   flex-wrap: wrap;
 }
@@ -1754,6 +1834,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.justify-items-center {
+  justify-items: center;
+}
 .gap-0\.5 {
   gap: 0.125rem;
 }
@@ -1781,6 +1864,9 @@ video {
 .gap-\[2px\] {
   gap: 2px;
 }
+.gap-\[3px\] {
+  gap: 3px;
+}
 .gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
@@ -1868,6 +1954,9 @@ video {
 .divide-base-content\/10 > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(var(--text-base) / 0.1);
 }
+.self-start {
+  align-self: flex-start;
+}
 .self-end {
   align-self: flex-end;
 }
@@ -2191,6 +2280,9 @@ video {
 .bg-base-content\/10 {
   background-color: rgb(var(--text-base) / 0.1);
 }
+.bg-base-content\/20 {
+  background-color: rgb(var(--text-base) / 0.2);
+}
 .bg-base-content\/30 {
   background-color: rgb(var(--text-base) / 0.3);
 }
@@ -2210,6 +2302,9 @@ video {
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
+.bg-black\/50 {
+  background-color: rgb(0 0 0 / 0.5);
+}
 .bg-black\/60 {
   background-color: rgb(0 0 0 / 0.6);
 }
@@ -2224,15 +2319,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
 }
-.bg-emerald-500\/15 {
-  background-color: rgb(16 185 129 / 0.15);
-}
 .bg-emerald-500\/20 {
   background-color: rgb(16 185 129 / 0.2);
 }
-.bg-emerald-500\/90 {
-  background-color: rgb(16 185 129 / 0.9);
-}
 .bg-fuchsia-500\/10 {
   background-color: rgb(217 70 239 / 0.1);
 }
@@ -2319,9 +2408,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
-.bg-red-500\/15 {
-  background-color: rgb(239 68 68 / 0.15);
-}
 .bg-red-500\/20 {
   background-color: rgb(239 68 68 / 0.2);
 }
@@ -2343,9 +2429,6 @@ video {
 .bg-sky-500\/10 {
   background-color: rgb(14 165 233 / 0.1);
 }
-.bg-sky-500\/15 {
-  background-color: rgb(14 165 233 / 0.15);
-}
 .bg-sky-500\/20 {
   background-color: rgb(14 165 233 / 0.2);
 }
@@ -2358,9 +2441,6 @@ video {
 .bg-slate-400\/20 {
   background-color: rgb(148 163 184 / 0.2);
 }
-.bg-slate-500\/15 {
-  background-color: rgb(100 116 139 / 0.15);
-}
 .bg-slate-500\/20 {
   background-color: rgb(100 116 139 / 0.2);
 }
@@ -2383,9 +2463,6 @@ video {
 .bg-violet-500\/10 {
   background-color: rgb(139 92 246 / 0.1);
 }
-.bg-violet-500\/15 {
-  background-color: rgb(139 92 246 / 0.15);
-}
 .bg-violet-500\/20 {
   background-color: rgb(139 92 246 / 0.2);
 }
@@ -2602,6 +2679,10 @@ video {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2614,14 +2695,14 @@ video {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.py-3\.5 {
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
 .py-px {
   padding-top: 1px;
   padding-bottom: 1px;
@@ -2632,12 +2713,18 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
 .pb-3 {
   padding-bottom: 0.75rem;
 }
+.pb-4 {
+  padding-bottom: 1rem;
+}
 .pl-1 {
   padding-left: 0.25rem;
 }
@@ -2668,6 +2755,9 @@ video {
 .pr-1 {
   padding-right: 0.25rem;
 }
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -2828,9 +2918,6 @@ video {
 .tracking-\[-0\.015em\] {
   letter-spacing: -0.015em;
 }
-.tracking-\[\.2em\] {
-  letter-spacing: .2em;
-}
 .tracking-\[0\.02em\] {
   letter-spacing: 0.02em;
 }
@@ -2840,6 +2927,9 @@ video {
 .tracking-\[0\.12em\] {
   letter-spacing: 0.12em;
 }
+.tracking-\[0\.14em\] {
+  letter-spacing: 0.14em;
+}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -3133,9 +3223,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(234 179 8 / var(--tw-text-opacity, 1));
 }
-.text-opacity-50 {
-  --tw-text-opacity: 0.5;
-}
 .underline {
   text-decoration-line: underline;
 }
@@ -3390,10 +3477,6 @@ video {
 .filter {
   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);
 }
-.backdrop-blur {
-  --tw-backdrop-blur: blur(8px);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
 .backdrop-blur-\[1px\] {
   --tw-backdrop-blur: blur(1px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -3710,9 +3793,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
-.last\:border-0:last-child {
-  border-width: 0px;
-}
 .focus-within\:border-primary\/60:focus-within {
   border-color: rgb(var(--primary-rgb) / 0.6);
 }
@@ -3779,8 +3859,17 @@ video {
 .group:focus-visible .group-focus-visible\:opacity-100 {
   opacity: 1;
 }
-.hover\:z-10:hover {
-  z-index: 10;
+.peer:focus-visible ~ .peer-focus-visible\:ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + 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);
+}
+.peer:focus-visible ~ .peer-focus-visible\:ring-primary {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(var(--primary-rgb) / var(--tw-ring-opacity, 1));
+}
+.peer:disabled ~ .peer-disabled\:opacity-50 {
+  opacity: 0.5;
 }
 .hover\:z-30:hover {
   z-index: 30;
@@ -3865,6 +3954,9 @@ video {
 .hover\:bg-base-content\/10:hover {
   background-color: rgb(var(--text-base) / 0.1);
 }
+.hover\:bg-base-content\/5:hover {
+  background-color: rgb(var(--text-base) / 0.05);
+}
 .hover\:bg-base-content\/\[0\.02\]:hover {
   background-color: rgb(var(--text-base) / 0.02);
 }
@@ -3881,10 +3973,6 @@ video {
 .hover\:bg-black\/15:hover {
   background-color: rgb(0 0 0 / 0.15);
 }
-.hover\:bg-emerald-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
-}
 .hover\:bg-emerald-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -3920,12 +4008,18 @@ video {
 .hover\:bg-primary\/15:hover {
   background-color: rgb(var(--primary-rgb) / 0.15);
 }
+.hover\:bg-primary\/20:hover {
+  background-color: rgb(var(--primary-rgb) / 0.2);
+}
 .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-primary\/90:hover {
+  background-color: rgb(var(--primary-rgb) / 0.9);
+}
 .hover\:bg-red-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -4092,6 +4186,9 @@ video {
   --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);
 }
+.enabled\:hover\:bg-primary\/30:hover:enabled {
+  background-color: rgb(var(--primary-rgb) / 0.3);
+}
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -4104,6 +4201,9 @@ video {
 .disabled\:opacity-30:disabled {
   opacity: 0.3;
 }
+.disabled\:opacity-40:disabled {
+  opacity: 0.4;
+}
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -4113,9 +4213,6 @@ video {
 .disabled\:opacity-70:disabled {
   opacity: 0.7;
 }
-.disabled\:opacity-90:disabled {
-  opacity: 0.9;
-}
 .disabled\:hover\:bg-transparent:hover:disabled {
   background-color: transparent;
 }
@@ -4394,6 +4491,67 @@ video {
 .dark\:hover\:bg-sky-300\/20:hover:is(.dark *) {
   background-color: rgb(125 211 252 / 0.2);
 }
+@media not all and (min-width: 1280px) {
+
+  .max-lg\:h-dvh {
+    height: 100dvh;
+  }
+
+  .max-lg\:flex-none {
+    flex: none;
+  }
+
+  .max-lg\:flex-col {
+    flex-direction: column;
+  }
+
+  .max-lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+}
+@media not all and (min-width: 864px) {
+
+  .max-md\:hidden {
+    display: none;
+  }
+}
+@media not all and (min-width: 640px) {
+
+  .max-sm\:inset-x-0 {
+    left: 0px;
+    right: 0px;
+  }
+
+  .max-sm\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .max-sm\:w-full {
+    width: 100%;
+  }
+
+  .max-sm\:justify-between {
+    justify-content: space-between;
+  }
+
+  .max-sm\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .max-sm\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .max-sm\:bg-black\/50 {
+    background-color: rgb(0 0 0 / 0.5);
+  }
+
+  .max-sm\:p-4 {
+    padding: 1rem;
+  }
+}
 @media (min-width: 640px) {
 
   .sm\:block {
@@ -4408,6 +4566,18 @@ video {
     width: 26rem;
   }
 
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+
   .sm\:gap-5 {
     gap: 1.25rem;
   }
@@ -4416,6 +4586,10 @@ video {
     white-space: normal;
   }
 
+  .sm\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
   .sm\:bg-base-200 {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--bg-base-200) / var(--tw-bg-opacity, 1));
@@ -4425,6 +4599,10 @@ video {
     padding: 0px;
   }
 
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
   .sm\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -4432,10 +4610,36 @@ video {
 }
 @media (min-width: 864px) {
 
+  .md\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
   .md\:block {
     display: block;
   }
 
+  .md\:inline {
+    display: inline;
+  }
+
+  .md\:flex {
+    display: flex;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+
+  .md\:size-12 {
+    width: 3rem;
+    height: 3rem;
+  }
+
+  .md\:size-7 {
+    width: 1.75rem;
+    height: 1.75rem;
+  }
+
   .md\:w-1\/2 {
     width: 50%;
   }
@@ -4456,15 +4660,58 @@ video {
     max-width: 8rem;
   }
 
+  .md\:max-w-\[45\%\] {
+    max-width: 45%;
+  }
+
   .md\:max-w-\[60\%\] {
     max-width: 60%;
   }
 
+  .md\:flex-none {
+    flex: none;
+  }
+
+  .md\:items-stretch {
+    align-items: stretch;
+  }
+
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+
+  .md\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .md\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .md\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
   .md\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
   }
 
+  .md\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
   .md\:text-xs {
     font-size: 0.75rem;
     line-height: 1rem;
@@ -4480,6 +4727,18 @@ video {
     display: block;
   }
 
+  .lg\:inline {
+    display: inline;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
   .lg\:w-\[300px\] {
     width: 300px;
   }