@pactor-app/ui 1.34.0 → 1.40.0

package/styles.css

@@ -55,6 +55,7 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-primary: var(--primary);
   }
 }
 @layer base {
@@ -301,6 +302,9 @@
   .top-\[50\%\] {
     top: 50%;
   }
+  .top-full {
+    top: 100%;
+  }
   .top-px {
     top: 1px;
   }
@@ -391,6 +395,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-40 {
     z-index: 40;
   }
@@ -442,6 +449,9 @@
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
   .mx-0\.5 {
     margin-inline: calc(var(--spacing) * 0.5);
   }
@@ -466,6 +476,12 @@
   .my-6 {
     margin-block: calc(var(--spacing) * 6);
   }
+  .my-\[2px\] {
+    margin-block: 2px;
+  }
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
@@ -502,6 +518,9 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .-mb-4 {
+    margin-bottom: calc(var(--spacing) * -4);
+  }
   .mb-1 {
     margin-bottom: var(--spacing);
   }
@@ -532,6 +551,9 @@
   .ml-1 {
     margin-left: var(--spacing);
   }
+  .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
@@ -541,6 +563,9 @@
   .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
+  .ml-10 {
+    margin-left: calc(var(--spacing) * 10);
+  }
   .ml-\[13px\] {
     margin-left: 13px;
   }
@@ -607,6 +632,9 @@
   .table-row {
     display: table-row;
   }
+  .\[field-sizing\:content\] {
+    field-sizing: content;
+  }
   .field-sizing-content {
     field-sizing: content;
   }
@@ -727,6 +755,9 @@
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -802,6 +833,9 @@
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
@@ -838,9 +872,15 @@
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -871,6 +911,9 @@
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
   .w-3\/4 {
     width: calc(3 / 4 * 100%);
   }
@@ -907,9 +950,15 @@
   .w-24 {
     width: calc(var(--spacing) * 24);
   }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -931,6 +980,9 @@
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
+  .w-\[30\%\] {
+    width: 30%;
+  }
   .w-\[52px\] {
     width: 52px;
   }
@@ -1033,6 +1085,9 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
+  .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
   .min-w-32 {
     min-width: calc(var(--spacing) * 32);
   }
@@ -1147,6 +1202,9 @@
   .cursor-grab {
     cursor: grab;
   }
+  .cursor-move {
+    cursor: move;
+  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -1282,6 +1340,9 @@
   .gap-\(--grid-gap\) {
     gap: var(--grid-gap);
   }
+  .gap-0 {
+    gap: 0px;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1309,6 +1370,16 @@
   .gap-px {
     gap: 1px;
   }
+  :where(.space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
   :where(.space-y-5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
@@ -1339,6 +1410,9 @@
   :where(.divide-input > :not(:last-child)) {
     border-color: var(--input);
   }
+  .self-center {
+    align-self: center;
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -1368,6 +1442,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overflow-y-scroll {
+    overflow-y: scroll;
+  }
   .overscroll-x-contain {
     overscroll-behavior-x: contain;
   }
@@ -1417,6 +1494,10 @@
     border-top-left-radius: calc(var(--radius) * 0.8);
     border-top-right-radius: calc(var(--radius) * 0.8);
   }
+  .rounded-b-lg {
+    border-bottom-right-radius: var(--radius);
+    border-bottom-left-radius: var(--radius);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1637,6 +1718,12 @@
       background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
     }
   }
+  .bg-muted\/30 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+    }
+  }
   .bg-muted\/40 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1667,6 +1754,12 @@
       background-color: color-mix(in oklab, var(--primary) 8%, transparent);
     }
   }
+  .bg-primary\/10 {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+    }
+  }
   .bg-secondary {
     background-color: var(--secondary);
   }
@@ -1895,6 +1988,9 @@
   .pt-0\.5 {
     padding-top: calc(var(--spacing) * 0.5);
   }
+  .pt-1 {
+    padding-top: var(--spacing);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1904,6 +2000,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pr-1 {
+    padding-right: var(--spacing);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2076,6 +2175,9 @@
   .break-all {
     word-break: break-all;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2164,6 +2266,9 @@
   .opacity-35 {
     opacity: 35%;
   }
+  .opacity-40 {
+    opacity: 40%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2173,6 +2278,9 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-100 {
+    opacity: 100%;
+  }
   .shadow-\(--card-shadow\) {
     --tw-shadow: var(--card-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2181,6 +2289,22 @@
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, 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-\[inset_-10px_0_8px_-8px_var\(--shadow-color\)\] {
+    --tw-shadow: inset -10px 0 8px -8px var(--tw-shadow-color, var(--shadow-color));
+    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_var\(--color-primary\)\] {
+    --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color, var(--color-primary));
+    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_var\(--color-primary\)\] {
+    --tw-shadow: inset 0 2px 0 0 var(--tw-shadow-color, var(--color-primary));
+    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_10px_0_8px_-8px_var\(--shadow-color\)\] {
+    --tw-shadow: inset 10px 0 8px -8px var(--tw-shadow-color, var(--shadow-color));
+    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);
@@ -2205,6 +2329,10 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(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);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
+  }
   .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
@@ -2222,6 +2350,12 @@
   .ring-card {
     --tw-ring-color: var(--card);
   }
+  .ring-primary\/40 {
+    --tw-ring-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
+    }
+  }
   .ring-ring {
     --tw-ring-color: var(--ring);
   }
@@ -2238,6 +2372,9 @@
     --tw-ring-offset-width: 1px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--background);
+  }
   .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -2366,6 +2503,12 @@
     opacity: 100%;
   }
   @media (hover: hover) {
+    .group-hover\:hidden:is(:where(.group):hover *) {
+      display: none;
+    }
+    .group-hover\:inline-flex:is(:where(.group):hover *) {
+      display: inline-flex;
+    }
     .group-hover\:opacity-100:is(:where(.group):hover *) {
       opacity: 100%;
     }
@@ -2680,6 +2823,18 @@
   .last\:pb-0:last-child {
     padding-bottom: 0px;
   }
+  .empty\:before\:pointer-events-none:empty::before {
+    content: var(--tw-content);
+    pointer-events: none;
+  }
+  .empty\:before\:text-muted-foreground:empty::before {
+    content: var(--tw-content);
+    color: var(--muted-foreground);
+  }
+  .empty\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
+    --tw-content: attr(data-placeholder);
+    content: var(--tw-content);
+  }
   .focus-within\:border-ring:focus-within {
     border-color: var(--ring);
   }
@@ -2701,6 +2856,14 @@
     .hover\:border-primary:hover {
       border-color: var(--primary);
     }
+    .hover\:border-primary\/50:hover {
+      border-color: var(--primary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-primary\/50:hover {
+        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
+      }
+    }
     .hover\:bg-\(--calendar-day-hover-background\):hover {
       background-color: var(--calendar-day-hover-background);
     }
@@ -2726,6 +2889,9 @@
         background-color: color-mix(in oklab, var(--accent) 50%, transparent);
       }
     }
+    .hover\:bg-background:hover {
+      background-color: var(--background);
+    }
     .hover\:bg-destructive\/90:hover {
       background-color: var(--destructive);
     }
@@ -2824,12 +2990,30 @@
   .focus\:z-10:focus {
     z-index: 10;
   }
+  .focus\:border-primary:focus {
+    border-color: var(--primary);
+  }
   .focus\:bg-\(--menu-hover-background\):focus {
     background-color: var(--menu-hover-background);
   }
   .focus\:text-\(--menu-hover-foreground\):focus {
     color: var(--menu-hover-foreground);
   }
+  .focus\:ring-2:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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-ring:focus {
+    --tw-ring-color: var(--ring);
+  }
+  .focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .focus-visible\:z-10:focus-visible {
     z-index: 10;
   }
@@ -2897,6 +3081,9 @@
   .disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
+  .disabled\:opacity-40:disabled {
+    opacity: 40%;
+  }
   .disabled\:opacity-50:disabled {
     opacity: 50%;
   }
@@ -3004,6 +3191,15 @@
   .data-ending-style\:opacity-0[data-ending-style] {
     opacity: 0%;
   }
+  .data-indeterminate\:border-primary[data-indeterminate] {
+    border-color: var(--primary);
+  }
+  .data-indeterminate\:bg-primary[data-indeterminate] {
+    background-color: var(--primary);
+  }
+  .data-indeterminate\:text-primary-foreground[data-indeterminate] {
+    color: var(--primary-foreground);
+  }
   .data-pressed\:bg-accent[data-pressed] {
     background-color: var(--accent);
   }
@@ -3061,6 +3257,15 @@
   .data-\[align\=end\]\:self-end[data-align="end"] {
     align-self: flex-end;
   }
+  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
+    cursor: not-allowed;
+  }
+  .data-\[disabled\]\:bg-muted[data-disabled] {
+    background-color: var(--muted);
+  }
+  .data-\[disabled\]\:opacity-60[data-disabled] {
+    opacity: 60%;
+  }
   .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
     pointer-events: none;
   }
@@ -3140,6 +3345,9 @@
   .data-\[size\=default\]\:h-9[data-size="default"] {
     height: calc(var(--spacing) * 9);
   }
+  .data-\[size\=lg\]\:h-10[data-size="lg"] {
+    height: calc(var(--spacing) * 10);
+  }
   .data-\[size\=sm\]\:h-8[data-size="sm"] {
     height: calc(var(--spacing) * 8);
   }
@@ -3639,6 +3847,12 @@
   .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
     color: var(--muted-foreground);
   }
+  .\[\&_\[data-slot\=flex\]\]\:justify-center [data-slot=flex] {
+    justify-content: center;
+  }
+  .\[\&_\[data-slot\=icon\]\]\:hidden [data-slot=icon] {
+    display: none;
+  }
   .\[\&_\[data-slot\=input\]\]\:min-w-0 [data-slot=input] {
     min-width: 0px;
   }
@@ -3657,6 +3871,12 @@
     --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);
   }
+  .\[\&_\[data-slot\=text\]\]\:hidden [data-slot=text] {
+    display: none;
+  }
+  .\[\&_input\]\:border-destructive input {
+    border-color: var(--destructive);
+  }
   .\[\&_p\]\:leading-relaxed p {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
@@ -3895,6 +4115,9 @@
       color: var(--calendar-today-foreground);
     }
   }
+  .\[\&\>button\+button\]\:ml-2 > button + button {
+    margin-left: calc(var(--spacing) * 2);
+  }
   .\[\&\>li\]\:mt-2 > li {
     margin-top: calc(var(--spacing) * 2);
   }