next-data-kit 9.3.0 → 9.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/client.cjs +99 -105
  2. package/dist/client.cjs.map +1 -1
  3. package/dist/client.js +99 -105
  4. package/dist/client.js.map +1 -1
  5. package/dist/index.cjs +99 -105
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.js +99 -105
  8. package/dist/index.js.map +1 -1
  9. package/dist/styles.css +1 -1
  10. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1037,115 +1037,113 @@ styleInject(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1037
1037
  padding-left: calc(var(--ndk-spacing)*2.5);
1038
1038
  }
1039
1039
  }
1040
- @media (prefers-color-scheme: dark) {
1041
- .ndk\\:dark\\:border-gray-800 {
1042
- border-color: var(--ndk-color-gray-800);
1043
- }
1044
- .ndk\\:dark\\:bg-gray-100 {
1045
- background-color: var(--ndk-color-gray-100);
1046
- }
1047
- .ndk\\:dark\\:bg-gray-900,
1048
- .ndk\\:dark\\:bg-gray-900\\/40 {
1049
- background-color: var(--ndk-color-gray-900);
1050
- }
1051
- @supports (color:color-mix(in lab, red, red)) {
1052
- .ndk\\:dark\\:bg-gray-900\\/40 {
1053
- background-color: color-mix(in oklab, var(--ndk-color-gray-900)40%, transparent);
1054
- }
1055
- }
1056
- .ndk\\:dark\\:bg-gray-950 {
1057
- background-color: var(--ndk-color-gray-950);
1058
- }
1059
- .ndk\\:dark\\:bg-red-600 {
1060
- background-color: var(--ndk-color-red-600);
1061
- }
1062
- .ndk\\:dark\\:text-gray-100 {
1063
- color: var(--ndk-color-gray-100);
1064
- }
1065
- .ndk\\:dark\\:text-gray-400 {
1066
- color: var(--ndk-color-gray-400);
1040
+ .ndk\\:dark\\:border-gray-800:where(.dark, .dark *) {
1041
+ border-color: var(--ndk-color-gray-800);
1042
+ }
1043
+ .ndk\\:dark\\:bg-gray-100:where(.dark, .dark *) {
1044
+ background-color: var(--ndk-color-gray-100);
1045
+ }
1046
+ .ndk\\:dark\\:bg-gray-900:where(.dark, .dark *),
1047
+ .ndk\\:dark\\:bg-gray-900\\/40:where(.dark, .dark *) {
1048
+ background-color: var(--ndk-color-gray-900);
1049
+ }
1050
+ @supports (color:color-mix(in lab, red, red)) {
1051
+ .ndk\\:dark\\:bg-gray-900\\/40:where(.dark, .dark *) {
1052
+ background-color: color-mix(in oklab, var(--ndk-color-gray-900)40%, transparent);
1067
1053
  }
1068
- .ndk\\:dark\\:text-gray-900 {
1069
- color: var(--ndk-color-gray-900);
1054
+ }
1055
+ .ndk\\:dark\\:bg-gray-950:where(.dark, .dark *) {
1056
+ background-color: var(--ndk-color-gray-950);
1057
+ }
1058
+ .ndk\\:dark\\:bg-red-600:where(.dark, .dark *) {
1059
+ background-color: var(--ndk-color-red-600);
1060
+ }
1061
+ .ndk\\:dark\\:text-gray-100:where(.dark, .dark *) {
1062
+ color: var(--ndk-color-gray-100);
1063
+ }
1064
+ .ndk\\:dark\\:text-gray-400:where(.dark, .dark *) {
1065
+ color: var(--ndk-color-gray-400);
1066
+ }
1067
+ .ndk\\:dark\\:text-gray-900:where(.dark, .dark *) {
1068
+ color: var(--ndk-color-gray-900);
1069
+ }
1070
+ @media (hover: hover) {
1071
+ .ndk\\:dark\\:hover\\:bg-gray-200:where(.dark, .dark *):hover {
1072
+ background-color: var(--ndk-color-gray-200);
1070
1073
  }
1071
- @media (hover: hover) {
1072
- .ndk\\:dark\\:hover\\:bg-gray-200:hover {
1073
- background-color: var(--ndk-color-gray-200);
1074
- }
1075
- .ndk\\:dark\\:hover\\:bg-gray-800:hover {
1076
- background-color: var(--ndk-color-gray-800);
1077
- }
1078
- .ndk\\:dark\\:hover\\:bg-gray-900:hover {
1079
- background-color: var(--ndk-color-gray-900);
1080
- }
1081
- .ndk\\:dark\\:hover\\:bg-red-500:hover {
1082
- background-color: var(--ndk-color-red-500);
1083
- }
1084
- .ndk\\:dark\\:hover\\:text-gray-100:hover {
1085
- color: var(--ndk-color-gray-100);
1086
- }
1074
+ .ndk\\:dark\\:hover\\:bg-gray-800:where(.dark, .dark *):hover {
1075
+ background-color: var(--ndk-color-gray-800);
1087
1076
  }
1088
- .ndk\\:dark\\:focus\\:bg-gray-900:focus {
1077
+ .ndk\\:dark\\:hover\\:bg-gray-900:where(.dark, .dark *):hover {
1089
1078
  background-color: var(--ndk-color-gray-900);
1090
1079
  }
1091
- .ndk\\:dark\\:focus\\:text-gray-100:focus {
1092
- color: var(--ndk-color-gray-100);
1093
- }
1094
- .ndk\\:dark\\:focus-visible\\:border-gray-200:focus-visible {
1095
- border-color: var(--ndk-color-gray-200);
1096
- }
1097
- .ndk\\:dark\\:focus-visible\\:ring-white\\/20:focus-visible {
1098
- --tw-ring-color:var(--ndk-color-white);
1099
- }
1100
- @supports (color:color-mix(in lab, red, red)) {
1101
- .ndk\\:dark\\:focus-visible\\:ring-white\\/20:focus-visible {
1102
- --tw-ring-color:color-mix(in oklab,var(--ndk-color-white)20%,transparent);
1103
- }
1104
- }
1105
- .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30[aria-invalid=true] {
1106
- --tw-ring-color:var(--ndk-color-red-500);
1107
- }
1108
- @supports (color:color-mix(in lab, red, red)) {
1109
- .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30[aria-invalid=true] {
1110
- --tw-ring-color:color-mix(in oklab,var(--ndk-color-red-500)30%,transparent);
1111
- }
1112
- }
1113
- .ndk\\:dark\\:data-\\[placeholder\\]\\:text-gray-400[data-placeholder] {
1114
- color: var(--ndk-color-gray-400);
1115
- }
1116
- .ndk\\:dark\\:data-\\[state\\=checked\\]\\:border-gray-100[data-state=checked] {
1117
- border-color: var(--ndk-color-gray-100);
1118
- }
1119
- .ndk\\:dark\\:data-\\[state\\=checked\\]\\:bg-gray-100[data-state=checked] {
1120
- background-color: var(--ndk-color-gray-100);
1121
- }
1122
- .ndk\\:dark\\:data-\\[state\\=checked\\]\\:text-gray-900[data-state=checked] {
1123
- color: var(--ndk-color-gray-900);
1124
- }
1125
- .ndk\\:dark\\:data-\\[state\\=open\\]\\:bg-gray-900[data-state=open] {
1126
- background-color: var(--ndk-color-gray-900);
1080
+ .ndk\\:dark\\:hover\\:bg-red-500:where(.dark, .dark *):hover {
1081
+ background-color: var(--ndk-color-red-500);
1127
1082
  }
1128
- .ndk\\:dark\\:data-\\[state\\=open\\]\\:text-gray-100[data-state=open] {
1083
+ .ndk\\:dark\\:hover\\:text-gray-100:where(.dark, .dark *):hover {
1129
1084
  color: var(--ndk-color-gray-100);
1130
1085
  }
1131
- .ndk\\:dark\\:data-\\[state\\=selected\\]\\:bg-gray-900[data-state=selected] {
1132
- background-color: var(--ndk-color-gray-900);
1133
- }
1134
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:text-red-500[data-variant=destructive] {
1135
- color: var(--ndk-color-red-500);
1136
- }
1137
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15[data-variant=destructive]:focus {
1138
- background-color: var(--ndk-color-red-500);
1086
+ }
1087
+ .ndk\\:dark\\:focus\\:bg-gray-900:where(.dark, .dark *):focus {
1088
+ background-color: var(--ndk-color-gray-900);
1089
+ }
1090
+ .ndk\\:dark\\:focus\\:text-gray-100:where(.dark, .dark *):focus {
1091
+ color: var(--ndk-color-gray-100);
1092
+ }
1093
+ .ndk\\:dark\\:focus-visible\\:border-gray-200:where(.dark, .dark *):focus-visible {
1094
+ border-color: var(--ndk-color-gray-200);
1095
+ }
1096
+ .ndk\\:dark\\:focus-visible\\:ring-white\\/20:where(.dark, .dark *):focus-visible {
1097
+ --tw-ring-color:var(--ndk-color-white);
1098
+ }
1099
+ @supports (color:color-mix(in lab, red, red)) {
1100
+ .ndk\\:dark\\:focus-visible\\:ring-white\\/20:where(.dark, .dark *):focus-visible {
1101
+ --tw-ring-color:color-mix(in oklab,var(--ndk-color-white)20%,transparent);
1139
1102
  }
1140
- @supports (color:color-mix(in lab, red, red)) {
1141
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15[data-variant=destructive]:focus {
1142
- background-color: color-mix(in oklab, var(--ndk-color-red-500)15%, transparent);
1143
- }
1103
+ }
1104
+ .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30:where(.dark, .dark *)[aria-invalid=true] {
1105
+ --tw-ring-color:var(--ndk-color-red-500);
1106
+ }
1107
+ @supports (color:color-mix(in lab, red, red)) {
1108
+ .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30:where(.dark, .dark *)[aria-invalid=true] {
1109
+ --tw-ring-color:color-mix(in oklab,var(--ndk-color-red-500)30%,transparent);
1144
1110
  }
1145
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:text-red-400[data-variant=destructive]:focus {
1146
- color: var(--ndk-color-red-400);
1111
+ }
1112
+ .ndk\\:dark\\:data-\\[placeholder\\]\\:text-gray-400:where(.dark, .dark *)[data-placeholder] {
1113
+ color: var(--ndk-color-gray-400);
1114
+ }
1115
+ .ndk\\:dark\\:data-\\[state\\=checked\\]\\:border-gray-100:where(.dark, .dark *)[data-state=checked] {
1116
+ border-color: var(--ndk-color-gray-100);
1117
+ }
1118
+ .ndk\\:dark\\:data-\\[state\\=checked\\]\\:bg-gray-100:where(.dark, .dark *)[data-state=checked] {
1119
+ background-color: var(--ndk-color-gray-100);
1120
+ }
1121
+ .ndk\\:dark\\:data-\\[state\\=checked\\]\\:text-gray-900:where(.dark, .dark *)[data-state=checked] {
1122
+ color: var(--ndk-color-gray-900);
1123
+ }
1124
+ .ndk\\:dark\\:data-\\[state\\=open\\]\\:bg-gray-900:where(.dark, .dark *)[data-state=open] {
1125
+ background-color: var(--ndk-color-gray-900);
1126
+ }
1127
+ .ndk\\:dark\\:data-\\[state\\=open\\]\\:text-gray-100:where(.dark, .dark *)[data-state=open] {
1128
+ color: var(--ndk-color-gray-100);
1129
+ }
1130
+ .ndk\\:dark\\:data-\\[state\\=selected\\]\\:bg-gray-900:where(.dark, .dark *)[data-state=selected] {
1131
+ background-color: var(--ndk-color-gray-900);
1132
+ }
1133
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:text-red-500:where(.dark, .dark *)[data-variant=destructive] {
1134
+ color: var(--ndk-color-red-500);
1135
+ }
1136
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15:where(.dark, .dark *)[data-variant=destructive]:focus {
1137
+ background-color: var(--ndk-color-red-500);
1138
+ }
1139
+ @supports (color:color-mix(in lab, red, red)) {
1140
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15:where(.dark, .dark *)[data-variant=destructive]:focus {
1141
+ background-color: color-mix(in oklab, var(--ndk-color-red-500)15%, transparent);
1147
1142
  }
1148
1143
  }
1144
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:text-red-400:where(.dark, .dark *)[data-variant=destructive]:focus {
1145
+ color: var(--ndk-color-red-400);
1146
+ }
1149
1147
  .ndk\\:\\[\\&_svg\\]\\:pointer-events-none svg {
1150
1148
  pointer-events: none;
1151
1149
  }
@@ -1159,10 +1157,8 @@ styleInject(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1159
1157
  .ndk\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-gray-500 svg:not([class*=text-]) {
1160
1158
  color: var(--ndk-color-gray-500);
1161
1159
  }
1162
- @media (prefers-color-scheme: dark) {
1163
- .ndk\\:dark\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-gray-400 svg:not([class*=text-]) {
1164
- color: var(--ndk-color-gray-400);
1165
- }
1160
+ .ndk\\:dark\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-gray-400:where(.dark, .dark *) svg:not([class*=text-]) {
1161
+ color: var(--ndk-color-gray-400);
1166
1162
  }
1167
1163
  .ndk\\:\\[\\&_tr\\]\\:border-b tr {
1168
1164
  border-bottom-style: var(--tw-border-style);
@@ -1187,10 +1183,8 @@ styleInject(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1187
1183
  :is(.ndk\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-red-600[data-variant=destructive] > *):is(svg) {
1188
1184
  color: var(--ndk-color-red-600) !important;
1189
1185
  }
1190
- @media (prefers-color-scheme: dark) {
1191
- :is(.ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-red-500[data-variant=destructive] > *):is(svg) {
1192
- color: var(--ndk-color-red-500) !important;
1193
- }
1186
+ :is(.ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-red-500:where(.dark, .dark *)[data-variant=destructive] > *):is(svg) {
1187
+ color: var(--ndk-color-red-500) !important;
1194
1188
  }
1195
1189
  .ndk\\:\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=checkbox] {
1196
1190
  --tw-translate-y:2px;