@powerhousedao/document-engineering 1.10.0 → 1.12.0

package/dist/style.css

@@ -18,7 +18,6 @@
     --color-yellow-100: hsl(46 100% 94%);
     --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
-    --color-yellow-500: hsl(47 100% 60%);
     --color-yellow-700: hsl(47 100% 51%);
     --color-yellow-900: hsl(47 100% 49%);
     --color-green-100: hsl(134 51% 89%);
@@ -553,9 +552,15 @@
   .h-\[28px\] {
     height: 28px;
   }
+  .h-\[32px\] {
+    height: 32px;
+  }
   .h-\[34px\] {
     height: 34px;
   }
+  .h-\[36px\] {
+    height: 36px;
+  }
   .h-\[37px\] {
     height: 37px;
   }
@@ -792,6 +797,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .justify-start {
+    justify-content: flex-start;
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -898,10 +906,6 @@
     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;
@@ -950,6 +954,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 0.5px;
   }
+  .border-l-\[1px\] {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-none {
     --tw-border-style: none;
     border-style: none;
@@ -1625,6 +1633,13 @@
       }
     }
   }
+  .group-hover\/header-cell\:text-gray-600 {
+    &:is(:where(.group\/header-cell):hover *) {
+      @media (hover: hover) {
+        color: var(--color-gray-600);
+      }
+    }
+  }
   .group-hover\/sidebar-item\:visible {
     &:is(:where(.group\/sidebar-item):hover *) {
       @media (hover: hover) {
@@ -1842,6 +1857,11 @@
       }
     }
   }
+  .focus-within\:rounded {
+    &:focus-within {
+      border-radius: 0.25rem;
+    }
+  }
   .focus-within\:border-b-gray-300 {
     &:focus-within {
       border-bottom-color: var(--color-gray-300);
@@ -2076,6 +2096,16 @@
       z-index: 10;
     }
   }
+  .focus\:rounded-md {
+    &:focus {
+      border-radius: var(--radius-md);
+    }
+  }
+  .focus\:border-gray-900 {
+    &:focus {
+      border-color: var(--color-gray-900);
+    }
+  }
   .focus\:bg-gray-50 {
     &:focus {
       background-color: var(--color-gray-50);
@@ -2091,6 +2121,12 @@
       background-image: none;
     }
   }
+  .focus\:ring-0 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus\:ring-1 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -4133,6 +4169,203 @@
       }
     }
   }
+  .\[\&_\.radio-group\]\:rounded-lg {
+    & .radio-group {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .\[\&_\.radio-group\]\:border-2 {
+    & .radio-group {
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+    }
+  }
+  .\[\&_\.radio-group\]\:border-red-500 {
+    & .radio-group {
+      border-color: var(--color-red-500);
+    }
+  }
+  .\[\&_\.radio-group\]\:bg-gray-200 {
+    & .radio-group {
+      background-color: var(--color-gray-200);
+    }
+  }
+  .\[\&_\.radio-group\]\:shadow-lg {
+    & .radio-group {
+      --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);
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:rounded-full {
+    & .radio-group\_\_item {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:text-cyan-400 {
+    & .radio-group\_\_item {
+      color: var(--color-cyan-400);
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:transition-all {
+    & .radio-group\_\_item {
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:duration-300 {
+    & .radio-group\_\_item {
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:hover\:bg-cyan-400\/10 {
+    & .radio-group\_\_item {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:hover\:text-cyan-300 {
+    & .radio-group\_\_item {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-cyan-300);
+        }
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_content\]\:\!w-\[120px\] {
+    & .select\_\_content {
+      width: 120px !important;
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_content\]\:rounded-lg {
+    & .select\_\_content {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_content\]\:border-2 {
+    & .select\_\_content {
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_content\]\:border-cyan-400\/30 {
+    & .select\_\_content {
+      border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_content\]\:bg-white {
+    & .select\_\_content {
+      background-color: var(--color-white);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_content\]\:shadow-lg {
+    & .select\_\_content {
+      --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);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_item--selected\]\:text-green-500 {
+    & .select\_\_item--selected {
+      color: var(--color-green-500);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_item--selected\]\:text-red-500 {
+    & .select\_\_item--selected {
+      color: var(--color-red-500);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list\]\:border-2 {
+    & .select\_\_list {
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list\]\:border-red-500 {
+    & .select\_\_list {
+      border-color: var(--color-red-500);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:cursor-pointer {
+    & .select\_\_list-item {
+      cursor: pointer;
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:font-bold {
+    & .select\_\_list-item {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:text-red-400 {
+    & .select\_\_list-item {
+      color: var(--color-red-400);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:data-\[disabled\=true\]\:cursor-not-allowed {
+    & .select\_\_list-item {
+      &[data-disabled="true"] {
+        cursor: not-allowed;
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:data-\[disabled\=true\]\:opacity-50 {
+    & .select\_\_list-item {
+      &[data-disabled="true"] {
+        opacity: 50%;
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:data-\[selected\=true\]\:text-red-900 {
+    & .select\_\_list-item {
+      &[data-selected="true"] {
+        color: var(--color-red-900);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item--selected\]\:text-green-500 {
+    & .select\_\_list-item--selected {
+      color: var(--color-green-500);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item-favorite\]\:cursor-pointer {
+    & .select\_\_list-item-favorite {
+      cursor: pointer;
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item-favorite\]\:font-bold {
+    & .select\_\_list-item-favorite {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item-favorite\]\:text-red-400 {
+    & .select\_\_list-item-favorite {
+      color: var(--color-red-400);
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item-favorite\]\:data-\[selected\=true\]\:text-red-900 {
+    & .select\_\_list-item-favorite {
+      &[data-selected="true"] {
+        color: var(--color-red-900);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_search\]\:text-red-500 {
+    & .select\_\_search {
+      color: var(--color-red-500);
+    }
+  }
   .\[\&_\.time-picker\\\\_\\\\_content\]\:rounded-lg {
     & .time-picker\_\_content {
       border-radius: var(--radius-lg);
@@ -4254,14 +4487,6 @@
       display: none;
     }
   }
-  .\[\&_\[data-state\=checked\]_span\]\:after\:\!bg-blue-500 {
-    & [data-state=checked] span {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-blue-500) !important;
-      }
-    }
-  }
   .\[\&_\[data-state\=checked\]_span\]\:after\:\!bg-red-500 {
     & [data-state=checked] span {
       &::after {
@@ -4291,6 +4516,101 @@
       }
     }
   }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]\]\:border-cyan-400 {
+    & .radio-group\_\_item {
+      & button[data-state=checked] {
+        border-color: var(--color-cyan-400);
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]\]\:hover\:border-cyan-500 {
+    & .radio-group\_\_item {
+      & button[data-state=checked] {
+        &:hover {
+          @media (hover: hover) {
+            border-color: var(--color-cyan-500);
+          }
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:\!rounded-full {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          border-radius: calc(infinity * 1px) !important;
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:\!bg-cyan-400 {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-cyan-400) !important;
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:\!font-mono {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          font-family: var(--font-mono) !important;
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:\!text-black {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          color: var(--color-black) !important;
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:transition-all {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          transition-property: all;
+          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+          transition-duration: var(--tw-duration, var(--default-transition-duration));
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:duration-300 {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          --tw-duration: 300ms;
+          transition-duration: 300ms;
+        }
+      }
+    }
+  }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_button\[data-state\=checked\]_span\]\:after\:hover\:\!bg-cyan-500 {
+    & .radio-group\_\_item {
+      & button[data-state=checked] span {
+        &::after {
+          content: var(--tw-content);
+          &:hover {
+            @media (hover: hover) {
+              background-color: var(--color-cyan-500) !important;
+            }
+          }
+        }
+      }
+    }
+  }
   .\[\&_label\]\:text-blue-600 {
     & label {
       color: var(--color-blue-600);
@@ -4305,6 +4625,23 @@
       }
     }
   }
+  .\[\&_\.radio-group\\\\_\\\\_item\]\:\[\&_label\]\:text-red-400 {
+    & .radio-group\_\_item {
+      & label {
+        color: var(--color-red-400);
+      }
+    }
+  }
+  .\[\&_path\:first-child\]\:stroke-gray-900 {
+    & path:first-child {
+      stroke: var(--color-gray-900);
+    }
+  }
+  .\[\&_path\:last-child\]\:stroke-gray-900 {
+    & path:last-child {
+      stroke: var(--color-gray-900);
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -4321,6 +4658,46 @@
       flex-shrink: 0;
     }
   }
+  .\[\&\.radio-group\]\:rounded-lg {
+    &.radio-group {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .\[\&\.radio-group\]\:border-2 {
+    &.radio-group {
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+    }
+  }
+  .\[\&\.radio-group\]\:border-red-500 {
+    &.radio-group {
+      border-color: var(--color-red-500);
+    }
+  }
+  .\[\&\.radio-group\]\:bg-gray-200 {
+    &.radio-group {
+      background-color: var(--color-gray-200);
+    }
+  }
+  .\[\&\.radio-group\]\:shadow-lg {
+    &.radio-group {
+      --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);
+    }
+  }
+  .\[\&\.radio-group\]\:transition-all {
+    &.radio-group {
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .\[\&\.radio-group\]\:duration-300 {
+    &.radio-group {
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
   .\[\&\:\:-webkit-scrollbar\]\:\!hidden {
     &::-webkit-scrollbar {
       display: none !important;
@@ -4567,6 +4944,34 @@
       }
     }
   }
+  .\[\&_\.select\\\\_\\\\_item--selected\]\:\[\&\>div\]\:gap-2 {
+    & .select\_\_item--selected {
+      &>div {
+        gap: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_item--selected\]\:\[\&\>div\]\:text-red-500 {
+    & .select\_\_item--selected {
+      &>div {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item--selected\]\:\[\&\>div\]\:gap-2 {
+    & .select\_\_list-item--selected {
+      &>div {
+        gap: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item--selected\]\:\[\&\>div\]\:text-green-500 {
+    & .select\_\_list-item--selected {
+      &>div {
+        color: var(--color-green-500);
+      }
+    }
+  }
   .\[\&_\.time-picker\\\\_\\\\_selector\]\:\[\&\>div\]\:bg-green-100 {
     & .time-picker\_\_selector {
       &>div {
@@ -4601,36 +5006,48 @@
       color: var(--color-red-900);
     }
   }
-  .\[\&\>label\]\:text-yellow-500 {
-    &>label {
-      color: var(--color-yellow-500);
+  .\[\&_\.radio-group\]\:\[\&\>label\]\:font-semibold {
+    & .radio-group {
+      &>label {
+        --tw-font-weight: var(--font-weight-semibold);
+        font-weight: var(--font-weight-semibold);
+      }
     }
   }
-  .\[\&\>span\]\:truncate {
-    &>span {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+  .\[\&_\.radio-group\]\:\[\&\>label\]\:text-blue-500 {
+    & .radio-group {
+      &>label {
+        color: var(--color-blue-500);
+      }
     }
   }
-  .\[\&\>span\]\:text-blue-900 {
-    &>span {
-      color: var(--color-blue-900);
+  .\[\&\.radio-group\]\:\[\&\>label\]\:font-semibold {
+    &.radio-group {
+      &>label {
+        --tw-font-weight: var(--font-weight-semibold);
+        font-weight: var(--font-weight-semibold);
+      }
     }
   }
-  .\[\&\>span\]\:text-green-900 {
-    &>span {
-      color: var(--color-green-900);
+  .\[\&\.radio-group\]\:\[\&\>label\]\:text-blue-500 {
+    &.radio-group {
+      &>label {
+        color: var(--color-blue-500);
+      }
     }
   }
-  .\[\&\>span\]\:text-red-900 {
+  .\[\&\>span\]\:truncate {
     &>span {
-      color: var(--color-red-900);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
-  .\[\&\>span\]\:text-yellow-900 {
-    &>span {
-      color: var(--color-yellow-900);
+  .\[\&_\.select\\\\_\\\\_list-item\]\:\[\&\>span\]\:text-blue-500 {
+    & .select\_\_list-item {
+      &>span {
+        color: var(--color-blue-500);
+      }
     }
   }
   .\[\&\>svg\]\:size-4 {
@@ -4644,9 +5061,48 @@
       flex-shrink: 0;
     }
   }
-  .\[\&\>svg\]\:text-green-900 {
-    &>svg {
-      color: var(--color-green-900);
+  .\[\&_\.select\\\\_\\\\list-item--selected\]\:\[\&\>svg\]\:size-8 {
+    & .select\_\\list-item--selected {
+      &>svg {
+        width: calc(var(--spacing) * 8);
+        height: calc(var(--spacing) * 8);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_item--selected\]\:\[\&\>svg\]\:size-8 {
+    & .select\_\_item--selected {
+      &>svg {
+        width: calc(var(--spacing) * 8);
+        height: calc(var(--spacing) * 8);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_item--selected\]\:\[\&\>svg\]\:text-red-500 {
+    & .select\_\_item--selected {
+      &>svg {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item\]\:\[\&\>svg\]\:text-red-500 {
+    & .select\_\_list-item {
+      &>svg {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_list-item--selected\]\:\[\&\>svg\]\:text-green-500 {
+    & .select\_\_list-item--selected {
+      &>svg {
+        color: var(--color-green-500);
+      }
+    }
+  }
+  .\[\&_\.select\\\\_\\\\_search\]\:\[\&\>svg\]\:text-red-500 {
+    & .select\_\_search {
+      &>svg {
+        color: var(--color-red-500);
+      }
     }
   }
 }