@powerhousedao/document-engineering 1.16.1 → 1.18.0

package/dist/style.css

@@ -101,6 +101,8 @@
     --color-accent: oklch(0.97 0 0);
     --color-accent-foreground: oklch(0.205 0 0);
     --color-destructive: oklch(0.577 0.245 27.325);
+    --color-popover: oklch(1 0 0);
+    --color-popover-foreground: oklch(0.145 0 0);
     --color-charcoal-300: hsl(221 17% 67%);
     --color-charcoal-700: hsl(219 17% 34%);
     --color-charcoal-800: hsl(221 17% 26%);
@@ -348,6 +350,9 @@
   .z-1 {
     z-index: 1;
   }
+  .z-5 {
+    z-index: 5;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -375,6 +380,9 @@
   .-m-2 {
     margin: calc(var(--spacing) * -2);
   }
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
   .mx-10 {
     margin-inline: calc(var(--spacing) * 10);
   }
@@ -601,12 +609,18 @@
   .h-full {
     height: 100%;
   }
+  .h-px {
+    height: 1px;
+  }
   .h-screen {
     height: 100vh;
   }
   .h-svh {
     height: 100svh;
   }
+  .max-h-\(--radix-dropdown-menu-content-available-height\) {
+    max-height: var(--radix-dropdown-menu-content-available-height);
+  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
@@ -715,6 +729,9 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-\[8rem\] {
+    min-width: 8rem;
+  }
   .min-w-\[40px\] {
     min-width: 40px;
   }
@@ -727,6 +744,9 @@
   .grow {
     flex-grow: 1;
   }
+  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1129,6 +1149,9 @@
   .bg-muted {
     background-color: var(--color-muted);
   }
+  .bg-popover {
+    background-color: var(--color-popover);
+  }
   .bg-primary {
     background-color: var(--color-primary);
   }
@@ -1183,6 +1206,9 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .p-\[3px\] {
+    padding: 3px;
+  }
   .px-0\.5 {
     padding-inline: calc(var(--spacing) * 0.5);
   }
@@ -1489,6 +1515,9 @@
   .text-muted-foreground {
     color: var(--color-muted-foreground);
   }
+  .text-popover-foreground {
+    color: var(--color-popover-foreground);
+  }
   .text-primary {
     color: var(--color-primary);
   }
@@ -1555,6 +1584,9 @@
   .opacity-80 {
     opacity: 80%;
   }
+  .opacity-100 {
+    opacity: 100%;
+  }
   .shadow-\[0px_2px_4px_0px_rgba\(0\,0\,0\,0\.08\)\,0px_3px_10px_0px_rgba\(0\,0\,0\,0\.10\)\] {
     --tw-shadow: 0px 2px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 3px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.10));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1563,6 +1595,10 @@
     --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[2px_4px_7px_0px_rgba\(107\,122\,150\,0\.25\)\] {
+    --tw-shadow: 2px 4px 7px 0px var(--tw-shadow-color, rgba(107,122,150,0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1595,6 +1631,14 @@
   .ring-offset-background {
     --tw-ring-offset-color: var(--color-background);
   }
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -2169,6 +2213,13 @@
       }
     }
   }
+  .hover\:text-gray-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-600);
+      }
+    }
+  }
   .hover\:text-gray-700 {
     &:hover {
       @media (hover: hover) {
@@ -2500,6 +2551,11 @@
       pointer-events: none;
     }
   }
+  .data-\[inset\]\:pl-8 {
+    &[data-inset] {
+      padding-left: calc(var(--spacing) * 8);
+    }
+  }
   .data-\[invalid\=true\]\:group-hover\:\!border-red-900 {
     &[data-invalid="true"] {
       &:is(:where(.group):hover *) {
@@ -2690,6 +2746,16 @@
       animation: var(--animate-zoom-in);
     }
   }
+  .data-\[state\=open\]\:bg-accent {
+    &[data-state="open"] {
+      background-color: var(--color-accent);
+    }
+  }
+  .data-\[state\=open\]\:text-accent-foreground {
+    &[data-state="open"] {
+      color: var(--color-accent-foreground);
+    }
+  }
   .data-\[state\=unchecked\]\:translate-x-0 {
     &[data-state="unchecked"] {
       --tw-translate-x: calc(var(--spacing) * 0);
@@ -2706,6 +2772,28 @@
       background-color: #EFEFEF;
     }
   }
+  .data-\[variant\=destructive\]\:text-destructive {
+    &[data-variant="destructive"] {
+      color: var(--color-destructive);
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
+    &[data-variant="destructive"] {
+      &:focus {
+        background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+        }
+      }
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:text-destructive {
+    &[data-variant="destructive"] {
+      &:focus {
+        color: var(--color-destructive);
+      }
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -3586,6 +3674,18 @@
       }
     }
   }
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
+    &:where(.dark, .dark *) {
+      &[data-variant="destructive"] {
+        &:focus {
+          background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
   .\[\&\]\:\!w-\[120px\] {
     width: 120px !important;
   }
@@ -4954,6 +5054,11 @@
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
+    & svg:not([class*='text-']) {
+      color: var(--color-muted-foreground);
+    }
+  }
   .\[\&\.base-picker\\\\_\\\\_input\]\:w-\[275px\] {
     &.base-picker\_\_input {
       width: 275px;
@@ -5064,6 +5169,15 @@
       display: none;
     }
   }
+  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
+    &[data-variant="destructive"] {
+      :is(& > *) {
+        &:is(svg) {
+          color: var(--color-destructive) !important;
+        }
+      }
+    }
+  }
   .\[\&\>button\]\:bg-accent {
     &>button {
       background-color: var(--color-accent);