@powerhousedao/document-engineering 1.22.0 → 1.24.0

package/dist/style.css

@@ -84,6 +84,7 @@
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -266,6 +267,9 @@
   .\!pointer-events-auto {
     pointer-events: auto !important;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -329,6 +333,9 @@
   .right-8 {
     right: calc(var(--spacing) * 8);
   }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -347,6 +354,9 @@
   .left-\[50\%\] {
     left: 50%;
   }
+  .z-0 {
+    z-index: 0;
+  }
   .z-1 {
     z-index: 1;
   }
@@ -512,6 +522,9 @@
   .inline {
     display: inline;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -570,6 +583,9 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -633,6 +649,9 @@
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-\[148px\] {
+    min-height: 148px;
+  }
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
@@ -654,6 +673,39 @@
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-22 {
+    width: calc(var(--spacing) * 22);
+  }
+  .w-23 {
+    width: calc(var(--spacing) * 23);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-26 {
+    width: calc(var(--spacing) * 26);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-30 {
+    width: calc(var(--spacing) * 30);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-34 {
+    width: calc(var(--spacing) * 34);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-38 {
+    width: calc(var(--spacing) * 38);
+  }
+  .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -690,6 +742,9 @@
   .w-\[184px\] {
     width: 184px;
   }
+  .w-\[247px\] {
+    width: 247px;
+  }
   .w-\[275px\] {
     width: 275px;
   }
@@ -865,6 +920,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -966,10 +1024,18 @@
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
+  .rounded-l-md {
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
   .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+  .rounded-r-md {
+    border-top-right-radius: var(--radius-md);
+    border-bottom-right-radius: var(--radius-md);
+  }
   .rounded-r-none {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -1014,6 +1080,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-\[0\.5px\] {
     border-left-style: var(--tw-border-style);
     border-left-width: 0.5px;
@@ -1026,6 +1096,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .border-\[\#E4E4E7\] {
+    border-color: #E4E4E7;
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -1281,6 +1354,9 @@
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
   .pt-\[25px\] {
     padding-top: 25px;
   }
@@ -1317,6 +1393,9 @@
   .pb-0\.5 {
     padding-bottom: calc(var(--spacing) * 0.5);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -1396,6 +1475,10 @@
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
   }
+  .leading-4\.5 {
+    --tw-leading: calc(var(--spacing) * 4.5);
+    line-height: calc(var(--spacing) * 4.5);
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -1710,6 +1793,10 @@
     --tw-duration: 500ms;
     transition-duration: 500ms;
   }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
   .ease-linear {
     --tw-ease: linear;
     transition-timing-function: linear;
@@ -1896,6 +1983,18 @@
       background-color: var(--color-blue-900);
     }
   }
+  .before\:bg-gray-500 {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-gray-500);
+    }
+  }
+  .before\:bg-green-900 {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-green-900);
+    }
+  }
   .before\:bg-orange-900 {
     &::before {
       content: var(--tw-content);
@@ -1908,6 +2007,28 @@
       background-color: var(--color-red-900);
     }
   }
+  .before\:transition-colors {
+    &::before {
+      content: var(--tw-content);
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .before\:duration-200 {
+    &::before {
+      content: var(--tw-content);
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .before\:ease-in-out {
+    &::before {
+      content: var(--tw-content);
+      --tw-ease: var(--ease-in-out);
+      transition-timing-function: var(--ease-in-out);
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -2043,12 +2164,24 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:ring-gray-900 {
+    &:focus-within {
+      --tw-ring-color: var(--color-gray-900);
+    }
+  }
   .focus-within\:ring-offset-0 {
     &:focus-within {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
+  }
   .hover\:rounded-\[4px\] {
     &:hover {
       @media (hover: hover) {
@@ -2119,6 +2252,13 @@
       }
     }
   }
+  .hover\:bg-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-600);
+      }
+    }
+  }
   .hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -2191,6 +2331,13 @@
       }
     }
   }
+  .hover\:bg-white {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-white);
+      }
+    }
+  }
   .hover\:pr-6 {
     &:hover {
       @media (hover: hover) {
@@ -2332,6 +2479,11 @@
       background-color: var(--color-gray-50);
     }
   }
+  .focus\:bg-transparent {
+    &:focus {
+      background-color: transparent;
+    }
+  }
   .focus\:bg-white {
     &:focus {
       background-color: var(--color-white);
@@ -4892,6 +5044,11 @@
       display: none;
     }
   }
+  .\[\&_\[data-slot\=progress-bar-indicator\]\]\:bg-blue-600 {
+    & [data-slot=progress-bar-indicator] {
+      background-color: var(--color-blue-600);
+    }
+  }
   .\[\&_\[data-slot\=progress-bar-indicator\]\]\:bg-green-900 {
     & [data-slot=progress-bar-indicator] {
       background-color: var(--color-green-900);
@@ -5588,19 +5745,6 @@
       }
     }
   }
-  .\[\&\>li\]\:text-gray-500 {
-    &>li {
-      color: var(--color-gray-500);
-    }
-  }
-  .\[\&\>li\]\:before\:bg-gray-500 {
-    &>li {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-gray-500);
-      }
-    }
-  }
   .\[\&\>span\]\:w-full {
     &>span {
       width: 100%;