@mercurjs/vendor 2.1.6 → 2.2.0-canary.11

package/dist/index.css

@@ -1041,6 +1041,27 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
+.\!txt-small {
+  font-size: 0.8125rem !important;
+  line-height: 1.3000000715255737rem !important;
+  font-weight: 400 !important;
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Helvetica Neue,
+    Arial,
+    Noto Sans,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol,
+    Noto Color Emoji !important;
+}
 .txt-small {
   font-size: 0.8125rem;
   line-height: 1.3000000715255737rem;
@@ -1358,13 +1379,12 @@ video {
 .float-left {
   float: left;
 }
+.-m-4 {
+  margin: -1rem;
+}
 .m-4 {
   margin: 1rem;
 }
-.\!my-1 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important;
-}
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -1429,6 +1449,9 @@ video {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -1462,12 +1485,18 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mr-4 {
+  margin-right: 1rem;
+}
 .mt-0 {
   margin-top: 0px;
 }
 .mt-1 {
   margin-top: 0.25rem;
 }
+.mt-16 {
+  margin-top: 4rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1573,10 +1602,6 @@ video {
   width: 2.25rem;
   height: 2.25rem;
 }
-.size-\[156px\] {
-  width: 156px;
-  height: 156px;
-}
 .size-\[15px\] {
   width: 15px;
   height: 15px;
@@ -1691,6 +1716,9 @@ video {
 .h-\[52px\] {
   height: 52px;
 }
+.h-\[56px\] {
+  height: 56px;
+}
 .h-\[60px\] {
   height: 60px;
 }
@@ -1920,9 +1948,6 @@ video {
 .w-\[30px\] {
   width: 30px;
 }
-.w-\[318px\] {
-  width: 318px;
-}
 .w-\[32px\] {
   width: 32px;
 }
@@ -1932,18 +1957,21 @@ video {
 .w-\[50px\] {
   width: 50px;
 }
-.w-\[59px\] {
-  width: 59px;
-}
 .w-\[600px\] {
   width: 600px;
 }
 .w-\[66px\] {
   width: 66px;
 }
+.w-\[67px\] {
+  width: 67px;
+}
 .w-\[70px\] {
   width: 70px;
 }
+.w-\[720px\] {
+  width: 720px;
+}
 .w-\[75\%\] {
   width: 75%;
 }
@@ -1987,9 +2015,6 @@ video {
 .min-w-8 {
   min-width: 2rem;
 }
-.min-w-\[100px\] {
-  min-width: 100px;
-}
 .min-w-\[200px\] {
   min-width: 200px;
 }
@@ -2008,9 +2033,6 @@ video {
 .min-w-\[360px\] {
   min-width: 360px;
 }
-.min-w-\[60px\] {
-  min-width: 60px;
-}
 .min-w-\[720px\] {
   min-width: 720px;
 }
@@ -2077,6 +2099,9 @@ video {
 .max-w-\[304px\] {
   max-width: 304px;
 }
+.max-w-\[320px\] {
+  max-width: 320px;
+}
 .max-w-\[400px\] {
   max-width: 400px;
 }
@@ -2119,6 +2144,9 @@ video {
 .flex-none {
   flex: none;
 }
+.flex-shrink {
+  flex-shrink: 1;
+}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -2192,6 +2220,9 @@ video {
 .cursor-grabbing {
   cursor: grabbing;
 }
+.cursor-help {
+  cursor: help;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2319,9 +2350,6 @@ video {
 .flex-nowrap {
   flex-wrap: nowrap;
 }
-.content-start {
-  align-content: flex-start;
-}
 .items-start {
   align-items: flex-start;
 }
@@ -2399,6 +2427,9 @@ video {
   -moz-column-gap: 1px;
   column-gap: 1px;
 }
+.gap-y-0 {
+  row-gap: 0px;
+}
 .gap-y-0\.5 {
   row-gap: 0.125rem;
 }
@@ -2433,11 +2464,6 @@ video {
   margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0px * var(--tw-space-y-reverse));
 }
-.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-}
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2464,9 +2490,6 @@ video {
 .self-start {
   align-self: flex-start;
 }
-.self-end {
-  align-self: flex-end;
-}
 .self-center {
   align-self: center;
 }
@@ -2608,9 +2631,6 @@ video {
 .border-l {
   border-left-width: 1px;
 }
-.border-l-2 {
-  border-left-width: 2px;
-}
 .border-l-4 {
   border-left-width: 4px;
 }
@@ -3140,14 +3160,17 @@ video {
 .pl-0\.5 {
   padding-left: 0.125rem;
 }
+.pl-1 {
+  padding-left: 0.25rem;
+}
 .pl-1\.5 {
   padding-left: 0.375rem;
 }
 .pl-10 {
   padding-left: 2.5rem;
 }
-.pl-14 {
-  padding-left: 3.5rem;
+.pl-12 {
+  padding-left: 3rem;
 }
 .pl-2 {
   padding-left: 0.5rem;
@@ -3164,9 +3187,6 @@ video {
 .pl-8 {
   padding-left: 2rem;
 }
-.pl-\[1px\] {
-  padding-left: 1px;
-}
 .pl-\[31px\] {
   padding-left: 31px;
 }
@@ -3194,6 +3214,9 @@ video {
 .pr-3 {
   padding-right: 0.75rem;
 }
+.pr-4 {
+  padding-right: 1rem;
+}
 .pr-6 {
   padding-right: 1.5rem;
 }
@@ -3230,9 +3253,6 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
-.pt-12 {
-  padding-top: 3rem;
-}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -3275,6 +3295,9 @@ video {
 .align-middle {
   vertical-align: middle;
 }
+.align-sub {
+  vertical-align: sub;
+}
 .font-mono {
   font-family:
     Roboto Mono,
@@ -3357,10 +3380,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
 }
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
-}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -3431,9 +3450,18 @@ video {
 .text-ui-tag-red-text {
   color: var(--tag-red-text);
 }
+.underline {
+  text-decoration-line: underline;
+}
 .line-through {
   text-decoration-line: line-through;
 }
+.decoration-dotted {
+  text-decoration-style: dotted;
+}
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .\!placeholder-ui-fg-disabled::-moz-placeholder {
   color: var(--fg-disabled) !important;
 }
@@ -4022,6 +4050,14 @@ video {
 .focus-within\:border-ui-fg-interactive:focus-within {
   border-color: var(--fg-interactive);
 }
+.focus-within\:\!shadow-borders-error:focus-within {
+  --tw-shadow: var(--borders-error) !important;
+  --tw-shadow-colored: var(--borders-error) !important;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow) !important;
+}
 .focus-within\:shadow-borders-interactive-with-active:focus-within {
   --tw-shadow: var(--borders-interactive-with-active);
   --tw-shadow-colored: var(--borders-interactive-with-active);
@@ -4097,6 +4133,10 @@ video {
 .hover\:bg-ui-contrast-bg-base-hover:hover {
   background-color: var(--contrast-bg-base-hover);
 }
+.hover\:text-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
 .hover\:text-ui-contrast-fg-primary:hover {
   color: var(--contrast-fg-primary);
 }
@@ -4140,6 +4180,14 @@ video {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow) !important;
 }
+.focus\:shadow-borders-error:focus {
+  --tw-shadow: var(--borders-error);
+  --tw-shadow-colored: var(--borders-error);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .focus\:shadow-borders-focus:focus {
   --tw-shadow: var(--borders-focus);
   --tw-shadow-colored: var(--borders-focus);
@@ -4812,9 +4860,6 @@ video {
   .md\:hidden {
     display: none;
   }
-  .md\:w-\[720px\] {
-    width: 720px;
-  }
   .md\:w-auto {
     width: auto;
   }
@@ -4840,8 +4885,8 @@ video {
   .md\:gap-y-0 {
     row-gap: 0px;
   }
-  .md\:pt-24 {
-    padding-top: 6rem;
+  .md\:p-0 {
+    padding: 0px;
   }
 }
 @media (min-width: 1024px) {
@@ -4955,13 +5000,8 @@ video {
 .\[\&\:hover\>div\]\:bg-ui-bg-component-hover:hover > div {
   background-color: var(--bg-component-hover);
 }
-.\[\&\>\*\]\:shadow-none > * {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
+.\[\&\:not\(\:first-child\)\]\:pt-8:not(:first-child) {
+  padding-top: 2rem;
 }
 .\[\&\>code\]\:mx-2 > code {
   margin-left: 0.5rem;
@@ -4970,9 +5010,6 @@ video {
 .\[\&\>code\]\:text-ui-contrast-fg-primary > code {
   color: var(--contrast-fg-primary);
 }
-.\[\&\>div\:last-child\]\:w-full > div:last-child {
-  width: 100%;
-}
 .\[\&\>div\]\:flex > div {
   display: flex;
 }
@@ -5012,10 +5049,6 @@ video {
 .\[\&\>li\]\:border-b-0 > li {
   border-bottom-width: 0px;
 }
-.\[\&\>p\]\:gap-x-1 > p {
-  -moz-column-gap: 0.25rem;
-  column-gap: 0.25rem;
-}
 .\[\&\>svg\]\:text-ui-fg-subtle > svg {
   color: var(--fg-subtle);
 }
@@ -5134,6 +5167,12 @@ video {
 .\[\&_th\:last-of-type\]\:whitespace-nowrap th:last-of-type {
   white-space: nowrap;
 }
+.\[\&_tr\:has\(button\[role\=checkbox\]\[data-state\=checked\]\:not\(\[disabled\]\)\)\>td\]\:\!bg-ui-bg-highlight tr:has(button[role=checkbox][data-state=checked]:not([disabled])) > td {
+  background-color: var(--bg-highlight) !important;
+}
+.\[\&_tr\:has\(button\[role\=checkbox\]\[data-state\=checked\]\[disabled\]\)\>td\]\:\!bg-ui-bg-subtle tr:has(button[role=checkbox][data-state=checked][disabled]) > td {
+  background-color: var(--bg-subtle) !important;
+}
 .\[\&_tr\]\:bg-ui-bg-subtle tr {
   background-color: var(--bg-subtle);
 }

package/dist/index.d.ts

@@ -1,17 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { T as TabDefinition } from './types-CtCEtTE6.js';
 
 declare function App(): react_jsx_runtime.JSX.Element;
 
-interface TabDefinition<T extends FieldValues = FieldValues> {
-    id: string;
-    labelKey: string;
-    label?: string;
-    validationFields?: FieldPath<T>[];
-    isVisible?: (form: UseFormReturn<T>) => boolean;
-}
-
 declare const useTabbedForm: <T extends FieldValues = FieldValues>() => UseFormReturn<T>;
 type FooterRenderProps = {
     isLastTab: boolean;
@@ -38,4 +31,4 @@ declare const TabbedForm: typeof Root & {
 
 declare const Notifications: () => react_jsx_runtime.JSX.Element;
 
-export { Notifications, type TabDefinition, TabbedForm, App as default, useTabbedForm };
+export { Notifications, TabDefinition, TabbedForm, App as default, useTabbedForm };