@namehash/namehash-ui 1.9.0 → 1.10.0

package/dist/index.css

@@ -35,6 +35,10 @@
     --nhui-text-xs--line-height: calc(1 / 0.75);
     --nhui-text-sm: 0.875rem;
     --nhui-text-sm--line-height: calc(1.25 / 0.875);
+    --nhui-text-base: 1rem;
+    --nhui-text-base--line-height: calc(1.5 / 1);
+    --nhui-text-lg: 1.125rem;
+    --nhui-text-lg--line-height: calc(1.75 / 1.125);
     --nhui-font-weight-light: 300;
     --nhui-font-weight-normal: 400;
     --nhui-font-weight-medium: 500;
@@ -241,6 +245,9 @@
   .nhui\:relative {
     position: relative;
   }
+  .nhui\:z-10 {
+    z-index: 10;
+  }
   .nhui\:z-50 {
     z-index: 50;
   }
@@ -487,9 +494,18 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .nhui\:border-\[\#DBDBDB\] {
+    border-color: #DBDBDB;
+  }
+  .nhui\:border-black {
+    border-color: var(--nhui-color-black);
+  }
   .nhui\:border-gray-200 {
     border-color: var(--nhui-color-gray-200);
   }
+  .nhui\:border-transparent {
+    border-color: transparent;
+  }
   .nhui\:bg-\[\#171717\] {
     background-color: #171717;
   }
@@ -499,6 +515,9 @@
   .nhui\:bg-background {
     background-color: var(--nhui-background);
   }
+  .nhui\:bg-black {
+    background-color: var(--nhui-color-black);
+  }
   .nhui\:bg-destructive {
     background-color: var(--nhui-destructive);
   }
@@ -523,6 +542,9 @@
   .nhui\:bg-white {
     background-color: var(--nhui-color-white);
   }
+  .nhui\:fill-black {
+    fill: var(--nhui-color-black);
+  }
   .nhui\:fill-foreground {
     fill: var(--nhui-foreground);
   }
@@ -532,6 +554,9 @@
   .nhui\:p-4 {
     padding: calc(var(--nhui-spacing) * 4);
   }
+  .nhui\:px-2 {
+    padding-inline: calc(var(--nhui-spacing) * 2);
+  }
   .nhui\:px-3 {
     padding-inline: calc(var(--nhui-spacing) * 3);
   }
@@ -544,12 +569,18 @@
   .nhui\:px-6 {
     padding-inline: calc(var(--nhui-spacing) * 6);
   }
+  .nhui\:py-1 {
+    padding-block: calc(var(--nhui-spacing) * 1);
+  }
   .nhui\:py-1\.5 {
     padding-block: calc(var(--nhui-spacing) * 1.5);
   }
   .nhui\:py-2 {
     padding-block: calc(var(--nhui-spacing) * 2);
   }
+  .nhui\:py-3 {
+    padding-block: calc(var(--nhui-spacing) * 3);
+  }
   .nhui\:pt-5 {
     padding-top: calc(var(--nhui-spacing) * 5);
   }
@@ -565,6 +596,14 @@
   .nhui\:text-left {
     text-align: left;
   }
+  .nhui\:text-base {
+    font-size: var(--nhui-text-base);
+    line-height: var(--tw-leading, var(--nhui-text-base--line-height));
+  }
+  .nhui\:text-lg {
+    font-size: var(--nhui-text-lg);
+    line-height: var(--tw-leading, var(--nhui-text-lg--line-height));
+  }
   .nhui\:text-sm {
     font-size: var(--nhui-text-sm);
     line-height: var(--tw-leading, var(--nhui-text-sm--line-height));
@@ -655,18 +694,33 @@
   .nhui\:not-italic {
     font-style: normal;
   }
+  .nhui\:no-underline {
+    text-decoration-line: none;
+  }
   .nhui\:underline {
     text-decoration-line: underline;
   }
   .nhui\:decoration-current {
     text-decoration-color: currentcolor;
   }
+  .nhui\:decoration-transparent {
+    text-decoration-color: transparent;
+  }
   .nhui\:underline-offset-4 {
     text-underline-offset: 4px;
   }
   .nhui\:underline-offset-\[4px\] {
     text-underline-offset: 4px;
   }
+  .nhui\:shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\] {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .nhui\:shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
@@ -741,6 +795,11 @@
     transition-timing-function: var(--tw-ease, var(--nhui-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--nhui-default-transition-duration));
   }
+  .nhui\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--nhui-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--nhui-default-transition-duration));
+  }
   .nhui\:duration-0 {
     --tw-duration: 0ms;
     transition-duration: 0ms;
@@ -749,6 +808,10 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .nhui\:duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
   .nhui\:animate-in {
     animation-name: enter;
     animation-duration: 150ms;
@@ -776,12 +839,22 @@
   .nhui\:duration-200 {
     animation-duration: 200ms;
   }
+  .nhui\:duration-300 {
+    animation-duration: 300ms;
+  }
   .nhui\:fade-in-0 {
     --tw-enter-opacity: 0;
   }
   .nhui\:zoom-in-95 {
     --tw-enter-scale: .95;
   }
+  .nhui\:hover\:bg-\[\#272727\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #272727;
+      }
+    }
+  }
   .nhui\:hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -789,6 +862,16 @@
       }
     }
   }
+  .nhui\:hover\:bg-black\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--nhui-color-black);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--nhui-color-black) 5%, transparent);
+        }
+      }
+    }
+  }
   .nhui\:hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -799,6 +882,13 @@
       }
     }
   }
+  .nhui\:hover\:bg-gray-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--nhui-color-gray-50);
+      }
+    }
+  }
   .nhui\:hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -847,6 +937,13 @@
       }
     }
   }
+  .nhui\:hover\:decoration-current {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-color: currentcolor;
+      }
+    }
+  }
   .nhui\:hover\:underline-offset-\[2px\] {
     &:hover {
       @media (hover: hover) {
@@ -931,6 +1028,16 @@
       }
     }
   }
+  .nhui\:data-\[side\=bottom\]\:slide-in-from-top-1 {
+    &[data-side=bottom] {
+      --tw-enter-translate-y: -.;
+    }
+  }
+  .nhui\:data-\[side\=bottom\]\:slide-in-from-top-1 {
+    &[data-side=bottom] {
+      --tw-enter-translate-y: calc(1*var(--spacing)*-1);
+    }
+  }
   .nhui\:data-\[side\=bottom\]\:slide-in-from-top-2 {
     &[data-side=bottom] {
       --tw-enter-translate-y: -2;
@@ -941,6 +1048,16 @@
       --tw-enter-translate-y: calc(2*var(--spacing)*-1);
     }
   }
+  .nhui\:data-\[side\=left\]\:slide-in-from-right-1 {
+    &[data-side=left] {
+      --tw-enter-translate-x: .;
+    }
+  }
+  .nhui\:data-\[side\=left\]\:slide-in-from-right-1 {
+    &[data-side=left] {
+      --tw-enter-translate-x: calc(1*var(--spacing));
+    }
+  }
   .nhui\:data-\[side\=left\]\:slide-in-from-right-2 {
     &[data-side=left] {
       --tw-enter-translate-x: 2;
@@ -951,6 +1068,16 @@
       --tw-enter-translate-x: calc(2*var(--spacing));
     }
   }
+  .nhui\:data-\[side\=right\]\:slide-in-from-left-1 {
+    &[data-side=right] {
+      --tw-enter-translate-x: -.;
+    }
+  }
+  .nhui\:data-\[side\=right\]\:slide-in-from-left-1 {
+    &[data-side=right] {
+      --tw-enter-translate-x: calc(1*var(--spacing)*-1);
+    }
+  }
   .nhui\:data-\[side\=right\]\:slide-in-from-left-2 {
     &[data-side=right] {
       --tw-enter-translate-x: -2;
@@ -961,6 +1088,16 @@
       --tw-enter-translate-x: calc(2*var(--spacing)*-1);
     }
   }
+  .nhui\:data-\[side\=top\]\:slide-in-from-bottom-1 {
+    &[data-side=top] {
+      --tw-enter-translate-y: .;
+    }
+  }
+  .nhui\:data-\[side\=top\]\:slide-in-from-bottom-1 {
+    &[data-side=top] {
+      --tw-enter-translate-y: calc(1*var(--spacing));
+    }
+  }
   .nhui\:data-\[side\=top\]\:slide-in-from-bottom-2 {
     &[data-side=top] {
       --tw-enter-translate-y: 2;
@@ -976,6 +1113,12 @@
       animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
     }
   }
+  .nhui\:data-\[state\=closed\]\:duration-200 {
+    &[data-state=closed] {
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
   .nhui\:data-\[state\=closed\]\:animate-out {
     &[data-state=closed] {
       animation-name: exit;
@@ -999,6 +1142,11 @@
       --tw-exit-scale: .95;
     }
   }
+  .nhui\:data-\[state\=closed\]\:duration-200 {
+    &[data-state=closed] {
+      animation-duration: 200ms;
+    }
+  }
   .nhui\:data-\[state\=closed\]\:fade-out-0 {
     &[data-state=closed] {
       --tw-exit-opacity: 0;
@@ -1009,6 +1157,33 @@
       --tw-exit-scale: .95;
     }
   }
+  .nhui\:data-\[state\=delayed-open\]\:animate-in {
+    &[data-state=delayed-open] {
+      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
+  .nhui\:data-\[state\=delayed-open\]\:animate-in {
+    &[data-state=delayed-open] {
+      animation-name: enter;
+      animation-duration: 150ms;
+      --tw-enter-opacity: initial;
+      --tw-enter-scale: initial;
+      --tw-enter-rotate: initial;
+      --tw-enter-translate-x: initial;
+      --tw-enter-translate-y: initial;
+    }
+  }
+  .nhui\:data-\[state\=delayed-open\]\:fade-in-0 {
+    &[data-state=delayed-open] {
+      --tw-enter-opacity: calc(0/100);
+      --tw-enter-opacity: 0;
+    }
+  }
+  .nhui\:data-\[state\=delayed-open\]\:fade-in-0 {
+    &[data-state=delayed-open] {
+      --tw-enter-opacity: 0;
+    }
+  }
   .nhui\:max-sm\:w-full {
     @media (width < 40rem) {
       width: 100%;
@@ -1099,6 +1274,38 @@
       padding: calc(var(--nhui-spacing) * 6);
     }
   }
+  .nhui\:sm\:underline-offset-\[4px\] {
+    @media (width >= 40rem) {
+      text-underline-offset: 4px;
+    }
+  }
+  .nhui\:sm\:transition-all {
+    @media (width >= 40rem) {
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--nhui-default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--nhui-default-transition-duration));
+    }
+  }
+  .nhui\:sm\:duration-200 {
+    @media (width >= 40rem) {
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .nhui\:sm\:duration-200 {
+    @media (width >= 40rem) {
+      animation-duration: 200ms;
+    }
+  }
+  .nhui\:sm\:hover\:underline-offset-\[2px\] {
+    @media (width >= 40rem) {
+      &:hover {
+        @media (hover: hover) {
+          text-underline-offset: 2px;
+        }
+      }
+    }
+  }
   .nhui\:sm\:max-\[1220px\]\:max-w-\[110px\] {
     @media (width >= 40rem) {
       @media (width < 1220px) {