@enos5/enos-vue-default 1.8.0 → 1.8.3

package/dist/styles.css

@@ -1,24 +1,24 @@
 
-.date-input[data-v-35dd480a] {
+.date-input[data-v-c8cee934] {
     color-scheme: light;
 }
-.dark .date-input[data-v-35dd480a] {
+.dark .date-input[data-v-c8cee934] {
     color-scheme: dark;
 }
-.date-input[data-v-35dd480a]::-webkit-calendar-picker-indicator {
+.date-input[data-v-c8cee934]::-webkit-calendar-picker-indicator {
     cursor: pointer;
 }
-.date-input[data-v-35dd480a]:disabled::-webkit-calendar-picker-indicator {
+.date-input[data-v-c8cee934]:disabled::-webkit-calendar-picker-indicator {
     cursor: default;
 }
 
-.date-range-input[data-v-60a85ab0] {
+.date-range-input[data-v-5c96a933] {
     color-scheme: light;
 }
-.dark .date-range-input[data-v-60a85ab0] {
+.dark .date-range-input[data-v-5c96a933] {
     color-scheme: dark;
 }
-.date-range-input[data-v-60a85ab0]:disabled {
+.date-range-input[data-v-5c96a933]:disabled {
     cursor: not-allowed;
 }
 .tox {
@@ -5636,6 +5636,58 @@ body.tox-dialog__disable-scroll {
   display: flex;
   flex: 1;
 }
+
+.color-picker-checker[data-v-7d6915fa] {
+    background-image:
+        linear-gradient(45deg, rgb(255 255 255 / 0.85) 25%, transparent 25%, transparent 75%, rgb(255 255 255 / 0.85) 75%, rgb(255 255 255 / 0.85)),
+        linear-gradient(45deg, rgb(255 255 255 / 0.85) 25%, transparent 25%, transparent 75%, rgb(255 255 255 / 0.85) 75%, rgb(255 255 255 / 0.85));
+    background-position: 0 0, 6px 6px;
+    background-size: 12px 12px;
+}
+.dark .color-picker-checker[data-v-7d6915fa] {
+    background-image:
+        linear-gradient(45deg, rgb(38 38 38 / 0.9) 25%, transparent 25%, transparent 75%, rgb(38 38 38 / 0.9) 75%, rgb(38 38 38 / 0.9)),
+        linear-gradient(45deg, rgb(64 64 64 / 0.9) 25%, transparent 25%, transparent 75%, rgb(64 64 64 / 0.9) 75%, rgb(64 64 64 / 0.9));
+}
+.color-picker-range[data-v-7d6915fa] {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    height: 12px;
+    border-radius: 9999px;
+    cursor: pointer;
+    border: 1px solid rgb(229 229 229);
+    outline: none;
+}
+.color-picker-range[data-v-7d6915fa]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 18px;
+    height: 18px;
+    border-radius: 9999px;
+    border: 2px solid rgb(255 255 255);
+    background: rgb(23 23 23);
+    box-shadow: 0 1px 4px rgb(0 0 0 / 0.18);
+}
+.color-picker-range[data-v-7d6915fa]::-moz-range-thumb {
+    width: 18px;
+    height: 18px;
+    border-radius: 9999px;
+    border: 2px solid rgb(255 255 255);
+    background: rgb(23 23 23);
+    box-shadow: 0 1px 4px rgb(0 0 0 / 0.18);
+}
+.dark .color-picker-range[data-v-7d6915fa] {
+    border-color: rgb(38 38 38);
+}
+.dark .color-picker-range[data-v-7d6915fa]::-webkit-slider-thumb {
+    background: rgb(250 250 250);
+    border-color: rgb(23 23 23);
+}
+.dark .color-picker-range[data-v-7d6915fa]::-moz-range-thumb {
+    background: rgb(250 250 250);
+    border-color: rgb(23 23 23);
+}
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
@@ -6112,6 +6164,10 @@ body.tox-dialog__disable-scroll {
     inset: calc(var(--spacing) * 0);
   }
 
+  .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
+
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -6124,6 +6180,10 @@ body.tox-dialog__disable-scroll {
     inset-inline-end: var(--spacing);
   }
 
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
@@ -6152,6 +6212,10 @@ body.tox-dialog__disable-scroll {
     right: calc(var(--spacing) * 4);
   }
 
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -6180,10 +6244,6 @@ body.tox-dialog__disable-scroll {
     margin-inline: auto;
   }
 
-  .my-2 {
-    margin-block: calc(var(--spacing) * 2);
-  }
-
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -6303,8 +6363,13 @@ body.tox-dialog__disable-scroll {
     height: calc(var(--spacing) * 12);
   }
 
-  .h-0 {
-    height: calc(var(--spacing) * 0);
+  .size-14 {
+    width: calc(var(--spacing) * 14);
+    height: calc(var(--spacing) * 14);
+  }
+
+  .h-1\/2 {
+    height: 50%;
   }
 
   .h-2 {
@@ -6351,6 +6416,10 @@ body.tox-dialog__disable-scroll {
     height: calc(var(--spacing) * 16);
   }
 
+  .h-48 {
+    height: calc(var(--spacing) * 48);
+  }
+
   .h-full {
     height: 100%;
   }
@@ -6383,10 +6452,6 @@ body.tox-dialog__disable-scroll {
     width: var(--sidebar-width);
   }
 
-  .w-0 {
-    width: calc(var(--spacing) * 0);
-  }
-
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -6415,10 +6480,6 @@ body.tox-dialog__disable-scroll {
     width: calc(var(--spacing) * 8);
   }
 
-  .w-10 {
-    width: calc(var(--spacing) * 10);
-  }
-
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
@@ -6499,6 +6560,11 @@ body.tox-dialog__disable-scroll {
     transform-origin: top;
   }
 
+  .-translate-x-1\/2 {
+    --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);
@@ -6524,6 +6590,11 @@ body.tox-dialog__disable-scroll {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-2 {
     --tw-translate-y: calc(var(--spacing) * -2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -6534,6 +6605,11 @@ body.tox-dialog__disable-scroll {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .translate-y-1 {
+    --tw-translate-y: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .translate-y-4 {
     --tw-translate-y: calc(var(--spacing) * 4);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -6561,6 +6637,10 @@ body.tox-dialog__disable-scroll {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .cursor-crosshair {
+    cursor: crosshair;
+  }
+
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -6665,6 +6745,12 @@ body.tox-dialog__disable-scroll {
     margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
   :where(.space-y-6 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
@@ -6792,6 +6878,11 @@ body.tox-dialog__disable-scroll {
     border-width: 1px;
   }
 
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -6821,16 +6912,6 @@ body.tox-dialog__disable-scroll {
     border-color: var(--color-neutral-200) !important;
   }
 
-  .border-black\/10 {
-    border-color: #0000001a;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-black\/10 {
-      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
-    }
-  }
-
   .border-border {
     border-color: var(--border);
   }
@@ -6883,6 +6964,10 @@ body.tox-dialog__disable-scroll {
     border-color: var(--color-slate-300);
   }
 
+  .border-white {
+    border-color: var(--color-white);
+  }
+
   .\!bg-neutral-100 {
     background-color: var(--color-neutral-100) !important;
   }
@@ -7093,6 +7178,32 @@ body.tox-dialog__disable-scroll {
     }
   }
 
+  .bg-white\/96 {
+    background-color: #fffffff5;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/96 {
+      background-color: color-mix(in oklab, var(--color-white) 96%, transparent);
+    }
+  }
+
+  .bg-\[linear-gradient\(to_bottom\,\#fff\,transparent\)\] {
+    background-image: linear-gradient(#fff, #0000);
+  }
+
+  .bg-\[linear-gradient\(to_bottom\,transparent\,\#000\)\] {
+    background-image: linear-gradient(#0000, #000);
+  }
+
+  .bg-\[linear-gradient\(to_right\,\#fff\,transparent\)\] {
+    background-image: linear-gradient(to right, #fff, #0000);
+  }
+
+  .bg-\[linear-gradient\(to_top\,\#000\,transparent\)\] {
+    background-image: linear-gradient(to top, #000, #0000);
+  }
+
   .object-contain {
     object-fit: contain;
   }
@@ -7153,6 +7264,10 @@ body.tox-dialog__disable-scroll {
     padding-block: calc(var(--spacing) * 2);
   }
 
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -7229,10 +7344,6 @@ body.tox-dialog__disable-scroll {
     padding-left: calc(var(--spacing) * 10);
   }
 
-  .pl-16 {
-    padding-left: calc(var(--spacing) * 16);
-  }
-
   .text-center {
     text-align: center;
   }
@@ -7257,6 +7368,10 @@ body.tox-dialog__disable-scroll {
     vertical-align: top;
   }
 
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -7320,6 +7435,11 @@ body.tox-dialog__disable-scroll {
     letter-spacing: .12em;
   }
 
+  .tracking-\[0\.16em\] {
+    --tw-tracking: .16em;
+    letter-spacing: .16em;
+  }
+
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -7505,6 +7625,10 @@ body.tox-dialog__disable-scroll {
     opacity: 0;
   }
 
+  .opacity-50 {
+    opacity: .5;
+  }
+
   .opacity-60 {
     opacity: .6;
   }
@@ -7521,11 +7645,21 @@ body.tox-dialog__disable-scroll {
     opacity: 1;
   }
 
+  .shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.3\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000004d);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-\[inset_0_-2px_0_0_rgb\(23_23_23\)\] {
     --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color, #171717);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -7576,6 +7710,16 @@ body.tox-dialog__disable-scroll {
     }
   }
 
+  .shadow-neutral-950\/12 {
+    --tw-shadow-color: #0a0a0a1f;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-neutral-950\/12 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-950) 12%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
   .ring-neutral-200 {
     --tw-ring-color: var(--color-neutral-200);
   }
@@ -7617,6 +7761,12 @@ body.tox-dialog__disable-scroll {
     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);
+    -webkit-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-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-\[2px\] {
     --tw-backdrop-blur: blur(2px);
     -webkit-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, );
@@ -8583,16 +8733,6 @@ body.tox-dialog__disable-scroll {
     border-color: var(--color-red-950);
   }
 
-  .dark\:border-white\/10:where(.dark, .dark *) {
-    border-color: #ffffff1a;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:border-white\/10:where(.dark, .dark *) {
-      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-    }
-  }
-
   .dark\:\!bg-neutral-900:where(.dark, .dark *) {
     background-color: var(--color-neutral-900) !important;
   }
@@ -8751,6 +8891,16 @@ body.tox-dialog__disable-scroll {
     }
   }
 
+  .dark\:bg-neutral-950\/96:where(.dark, .dark *) {
+    background-color: #0a0a0af5;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-neutral-950\/96:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-neutral-950) 96%, transparent);
+    }
+  }
+
   .dark\:bg-red-600\/20:where(.dark, .dark *) {
     background-color: #e4001433;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enos5/enos-vue-default",
-  "version": "1.8.0",
+  "version": "1.8.3",
   "type": "module",
   "license": "MIT",
   "files": [