@prisma/studio-core 0.0.0-dev.202506192124 → 0.0.0-dev.202506200252

package/dist/ui/index.css

@@ -411,8 +411,10 @@
   --blur-sm: 8px;
   --default-transition-duration: 150ms;
   --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);
+  --default-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --default-mono-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
 }
 .ps *, .ps ::after, .ps ::before, .ps ::backdrop, .ps ::file-selector-button {
   box-sizing: border-box;
@@ -426,8 +428,8 @@
   tab-size: 4;
   font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-feature-settings: normal;
-  font-variation-settings: normal;
+  font-feature-settings: var(--default-font-feature-settings, normal);
+  font-variation-settings: var(--default-font-variation-settings, normal);
   -webkit-tap-highlight-color: transparent;
 }
 .ps hr {
@@ -454,8 +456,8 @@
 .ps code, .ps kbd, .ps samp, .ps pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
+  font-feature-settings: var(--default-mono-font-feature-settings, normal);
+  font-variation-settings: var(--default-mono-font-variation-settings, normal);
   font-size: 1em;
 }
 .ps small {
@@ -732,14 +734,14 @@
   height: 38px;
   padding-block: 11px;
   font-size: 0.75rem;
-  line-height: calc(1 / 0.75);
+  line-height: var(--tw-leading, calc(1 / 0.75));
   --tw-leading: 1;
   line-height: 1;
 }
 @media (width >= 48rem) {
   .ps .cell-input-leading {
     font-size: 0.75rem;
-    line-height: calc(1 / 0.75);
+    line-height: var(--tw-leading, calc(1 / 0.75));
   }
 }
 @media (width >= 48rem) {
@@ -965,8 +967,8 @@
   border-collapse: separate;
 }
 .ps .border-spacing-0 {
-  --tw-border-spacing-x: calc(var(--spacing) * 0);
-  --tw-border-spacing-y: calc(var(--spacing) * 0);
+  --tw-border-spacing-x: calc(0.25rem * 0);
+  --tw-border-spacing-y: calc(0.25rem * 0);
   border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
 }
 .ps .origin-\(--radix-context-menu-content-transform-origin\) {
@@ -1011,10 +1013,10 @@
   rotate: 90deg;
 }
 .ps .transform {
-  transform:          ;
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
 .ps .animate-in {
-  animation: enter .15sease0s1normalnone;
+  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
 }
 .ps .animate-indeterminate {
   animation: indeterminate 1.5s infinite ease-in-out;
@@ -1480,14 +1482,14 @@
 .ps .cell-input-base {
   padding-block: 11px;
   font-size: 0.75rem;
-  line-height: calc(1 / 0.75);
+  line-height: var(--tw-leading, calc(1 / 0.75));
   --tw-leading: 1;
   line-height: 1;
 }
 @media (width >= 48rem) {
   .ps .cell-input-base {
     font-size: 0.75rem;
-    line-height: calc(1 / 0.75);
+    line-height: var(--tw-leading, calc(1 / 0.75));
   }
 }
 @media (width >= 48rem) {
@@ -1578,21 +1580,21 @@
 }
 .ps .text-lg {
   font-size: 1.125rem;
-  line-height: calc(1.75 / 1.125);
+  line-height: var(--tw-leading, calc(1.75 / 1.125));
 }
 .ps .text-sm {
   font-size: 0.875rem;
-  line-height: calc(1.25 / 0.875);
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
 }
 .ps .text-xs {
   font-size: 0.75rem;
-  line-height: calc(1 / 0.75);
+  line-height: var(--tw-leading, calc(1 / 0.75));
 }
 .ps .text-\[8px\] {
   font-size: 8px;
 }
 .ps .leading-\(--studio-cell-height\) {
-  --tw-leading: var(--studio-cell-height);
+  --tw-leading: 38px;
   line-height: 38px;
 }
 .ps .leading-none {
@@ -1600,23 +1602,23 @@
   line-height: 1;
 }
 .ps .font-medium {
-  --tw-font-weight: var(--font-weight-medium);
+  --tw-font-weight: 500;
   font-weight: 500;
 }
 .ps .font-normal {
-  --tw-font-weight: var(--font-weight-normal);
+  --tw-font-weight: 400;
   font-weight: 400;
 }
 .ps .font-semibold {
-  --tw-font-weight: var(--font-weight-semibold);
+  --tw-font-weight: 600;
   font-weight: 600;
 }
 .ps .tracking-tight {
-  --tw-tracking: var(--tracking-tight);
+  --tw-tracking: -0.025em;
   letter-spacing: -0.025em;
 }
 .ps .tracking-widest {
-  --tw-tracking: var(--tracking-widest);
+  --tw-tracking: 0.1em;
   letter-spacing: 0.1em;
 }
 .ps .text-ellipsis {
@@ -1716,7 +1718,7 @@
 }
 .ps .ordinal {
   --tw-ordinal: ordinal;
-  font-variant-numeric:          ;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
 }
 .ps .underline-offset-4 {
   text-underline-offset: 4px;
@@ -1769,44 +1771,44 @@
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 .ps .ring-offset-background {
-  --tw-ring-offset-color: var(--background);
+  --tw-ring-offset-color: oklch(1 0 0);
 }
 .ps .outline {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
 }
 .ps .filter {
-  filter:                  ;
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
 }
 .ps .backdrop-blur-sm {
-  --tw-backdrop-blur: blur(var(--blur-sm));
-  -webkit-backdrop-filter:                  ;
-  backdrop-filter:                  ;
+  --tw-backdrop-blur: blur(8px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
 }
 .ps .transition {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
 }
 .ps .transition-all {
   transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
 }
 .ps .transition-colors {
   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: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
 }
 .ps .transition-opacity {
   transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
 }
 .ps .transition-transform {
   transition-property: transform, translate, scale, rotate;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
 }
 .ps .transition-none {
   transition-property: none;
@@ -1816,7 +1818,7 @@
   transition-duration: 200ms;
 }
 .ps .ease-in-out {
-  --tw-ease: var(--ease-in-out);
+  --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .ps .fade-in-0 {
@@ -1889,10 +1891,10 @@
 }
 .ps .file\:text-sm::file-selector-button {
   font-size: 0.875rem;
-  line-height: calc(1.25 / 0.875);
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
 }
 .ps .file\:font-medium::file-selector-button {
-  --tw-font-weight: var(--font-weight-medium);
+  --tw-font-weight: 500;
   font-weight: 500;
 }
 .ps .file\:text-foreground::file-selector-button {
@@ -2032,10 +2034,10 @@
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 .ps .focus\:ring-accent-foreground:focus {
-  --tw-ring-color: var(--accent-foreground);
+  --tw-ring-color: oklch(0.21 0.006 285.885);
 }
 .ps .focus\:ring-ring:focus {
-  --tw-ring-color: var(--ring);
+  --tw-ring-color: oklch(0.705 0.015 286.067);
 }
 .ps .focus\:ring-offset-1:focus {
   --tw-ring-offset-width: 1px;
@@ -2046,7 +2048,7 @@
   --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 }
 .ps .focus\:ring-offset-background:focus {
-  --tw-ring-offset-color: var(--background);
+  --tw-ring-offset-color: oklch(1 0 0);
 }
 .ps .focus\:outline-none:focus {
   --tw-outline-style: none;
@@ -2065,14 +2067,14 @@
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 .ps .focus-visible\:ring-ring:focus-visible {
-  --tw-ring-color: var(--ring);
+  --tw-ring-color: oklch(0.705 0.015 286.067);
 }
 .ps .focus-visible\:ring-offset-2:focus-visible {
   --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);
 }
 .ps .focus-visible\:ring-offset-background:focus-visible {
-  --tw-ring-offset-color: var(--background);
+  --tw-ring-offset-color: oklch(1 0 0);
 }
 .ps .focus-visible\:outline-none:focus-visible {
   --tw-outline-style: none;
@@ -2116,41 +2118,41 @@
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 .ps .data-\[focus\=true\]\:ring-indigo-400[data-focus="true"] {
-  --tw-ring-color: var(--color-indigo-400);
+  --tw-ring-color: oklch(67.3% 0.182 276.935);
 }
 .ps .data-\[focus\=true\]\:ring-inset[data-focus="true"] {
   --tw-ring-inset: inset;
 }
 .ps .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
-  --tw-translate-y: calc(var(--spacing) * 1);
+  --tw-translate-y: calc(0.25rem * 1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .ps .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
-  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  --tw-enter-translate-y: calc(2*0.25rem*-1);
 }
 .ps .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
-  --tw-translate-x: calc(var(--spacing) * -1);
+  --tw-translate-x: calc(0.25rem * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .ps .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
-  --tw-enter-translate-x: calc(2*var(--spacing));
+  --tw-enter-translate-x: calc(2*0.25rem);
 }
 .ps .data-\[side\=right\]\:translate-x-1[data-side="right"] {
-  --tw-translate-x: calc(var(--spacing) * 1);
+  --tw-translate-x: calc(0.25rem * 1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .ps .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
-  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  --tw-enter-translate-x: calc(2*0.25rem*-1);
 }
 .ps .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
-  --tw-translate-y: calc(var(--spacing) * -1);
+  --tw-translate-y: calc(0.25rem * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .ps .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
-  --tw-enter-translate-y: calc(2*var(--spacing));
+  --tw-enter-translate-y: calc(2*0.25rem);
 }
 .ps .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
-  --tw-translate-x: calc(var(--spacing) * 4);
+  --tw-translate-x: calc(0.25rem * 4);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .ps .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
@@ -2160,7 +2162,7 @@
   color: oklch(0.985 0 0);
 }
 .ps .data-\[state\=closed\]\:animate-out[data-state="closed"] {
-  animation: exit .15sease0s1normalnone;
+  animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
 }
 .ps .data-\[state\=closed\]\:duration-300[data-state="closed"] {
   --tw-duration: 300ms;
@@ -2193,7 +2195,7 @@
   --tw-exit-translate-y: calc(48%*-1);
 }
 .ps .data-\[state\=open\]\:animate-in[data-state="open"] {
-  animation: enter .15sease0s1normalnone;
+  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
 }
 .ps .data-\[state\=open\]\:border-primary[data-state="open"] {
   border-color: oklch(0.64 0.1423 268.56);
@@ -2244,7 +2246,7 @@
   background-color: oklch(0.967 0.001 286.375);
 }
 .ps .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
-  --tw-translate-x: calc(var(--spacing) * 0);
+  --tw-translate-x: calc(0.25rem * 0);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .ps .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
@@ -2285,7 +2287,7 @@
 @media (width >= 48rem) {
   .ps .md\:text-sm {
     font-size: 0.875rem;
-    line-height: calc(1.25 / 0.875);
+    line-height: var(--tw-leading, calc(1.25 / 0.875));
   }
 }
 .ps .dark\:scale-0:is(.dark *) {
@@ -2385,7 +2387,7 @@
   background-color: transparent;
 }
 .ps .\[\&\>button\]\:font-bold>button {
-  --tw-font-weight: var(--font-weight-bold);
+  --tw-font-weight: 700;
   font-weight: 700;
 }
 .ps .\[\&\>button\]\:text-accent-foreground>button {
@@ -2559,8 +2561,8 @@
   tab-size: 4;
   font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-feature-settings: normal;
-  font-variation-settings: normal;
+  font-feature-settings: var(--default-font-feature-settings, normal);
+  font-variation-settings: var(--default-font-variation-settings, normal);
   -webkit-tap-highlight-color: transparent;
 }
 .ps hr {
@@ -2587,8 +2589,8 @@
 .ps code, .ps kbd, .ps samp, .ps pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
+  font-feature-settings: var(--default-mono-font-feature-settings, normal);
+  font-variation-settings: var(--default-mono-font-variation-settings, normal);
   font-size: 1em;
 }
 .ps small {
@@ -2983,14 +2985,14 @@
 }
 @keyframes enter {
   from {
-    opacity: 1;
-    transform: translate3d(0,0,0)scale3d(1,1,1)rotate(0);
+    opacity: var(--tw-enter-opacity,1);
+    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
   }
 }
 @keyframes exit {
   to {
-    opacity: 1;
-    transform: translate3d(0,0,0)scale3d(1,1,1)rotate(0);
+    opacity: var(--tw-exit-opacity,1);
+    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
   }
 }
 @keyframes indeterminate {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prisma/studio-core",
-  "version": "0.0.0-dev.202506192124",
+  "version": "0.0.0-dev.202506200252",
   "description": "Modular Prisma Studio components",
   "type": "module",
   "sideEffects": false,
@@ -106,10 +106,10 @@
     "next-themes": "0.4.6",
     "nuqs": "2.4.1",
     "postcss": "8.4.41",
-    "postcss-custom-properties": "14.0.6",
     "postcss-import": "16.1.0",
     "postcss-nested": "7.0.2",
     "postcss-prefix-selector": "2.1.1",
+    "postcss-value-parser": "4.2.0",
     "react-day-picker": "9.6.7",
     "reactflow": "11.11.4",
     "remeda": "2.21.3",