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/client.cjs CHANGED
@@ -1036,115 +1036,113 @@ styleInject(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1036
1036
  padding-left: calc(var(--ndk-spacing)*2.5);
1037
1037
  }
1038
1038
  }
1039
- @media (prefers-color-scheme: dark) {
1040
- .ndk\\:dark\\:border-gray-800 {
1041
- border-color: var(--ndk-color-gray-800);
1042
- }
1043
- .ndk\\:dark\\:bg-gray-100 {
1044
- background-color: var(--ndk-color-gray-100);
1045
- }
1046
- .ndk\\:dark\\:bg-gray-900,
1047
- .ndk\\:dark\\:bg-gray-900\\/40 {
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 {
1052
- background-color: color-mix(in oklab, var(--ndk-color-gray-900)40%, transparent);
1053
- }
1054
- }
1055
- .ndk\\:dark\\:bg-gray-950 {
1056
- background-color: var(--ndk-color-gray-950);
1057
- }
1058
- .ndk\\:dark\\:bg-red-600 {
1059
- background-color: var(--ndk-color-red-600);
1060
- }
1061
- .ndk\\:dark\\:text-gray-100 {
1062
- color: var(--ndk-color-gray-100);
1063
- }
1064
- .ndk\\:dark\\:text-gray-400 {
1065
- color: var(--ndk-color-gray-400);
1039
+ .ndk\\:dark\\:border-gray-800:where(.dark, .dark *) {
1040
+ border-color: var(--ndk-color-gray-800);
1041
+ }
1042
+ .ndk\\:dark\\:bg-gray-100:where(.dark, .dark *) {
1043
+ background-color: var(--ndk-color-gray-100);
1044
+ }
1045
+ .ndk\\:dark\\:bg-gray-900:where(.dark, .dark *),
1046
+ .ndk\\:dark\\:bg-gray-900\\/40:where(.dark, .dark *) {
1047
+ background-color: var(--ndk-color-gray-900);
1048
+ }
1049
+ @supports (color:color-mix(in lab, red, red)) {
1050
+ .ndk\\:dark\\:bg-gray-900\\/40:where(.dark, .dark *) {
1051
+ background-color: color-mix(in oklab, var(--ndk-color-gray-900)40%, transparent);
1066
1052
  }
1067
- .ndk\\:dark\\:text-gray-900 {
1068
- color: var(--ndk-color-gray-900);
1053
+ }
1054
+ .ndk\\:dark\\:bg-gray-950:where(.dark, .dark *) {
1055
+ background-color: var(--ndk-color-gray-950);
1056
+ }
1057
+ .ndk\\:dark\\:bg-red-600:where(.dark, .dark *) {
1058
+ background-color: var(--ndk-color-red-600);
1059
+ }
1060
+ .ndk\\:dark\\:text-gray-100:where(.dark, .dark *) {
1061
+ color: var(--ndk-color-gray-100);
1062
+ }
1063
+ .ndk\\:dark\\:text-gray-400:where(.dark, .dark *) {
1064
+ color: var(--ndk-color-gray-400);
1065
+ }
1066
+ .ndk\\:dark\\:text-gray-900:where(.dark, .dark *) {
1067
+ color: var(--ndk-color-gray-900);
1068
+ }
1069
+ @media (hover: hover) {
1070
+ .ndk\\:dark\\:hover\\:bg-gray-200:where(.dark, .dark *):hover {
1071
+ background-color: var(--ndk-color-gray-200);
1069
1072
  }
1070
- @media (hover: hover) {
1071
- .ndk\\:dark\\:hover\\:bg-gray-200:hover {
1072
- background-color: var(--ndk-color-gray-200);
1073
- }
1074
- .ndk\\:dark\\:hover\\:bg-gray-800:hover {
1075
- background-color: var(--ndk-color-gray-800);
1076
- }
1077
- .ndk\\:dark\\:hover\\:bg-gray-900:hover {
1078
- background-color: var(--ndk-color-gray-900);
1079
- }
1080
- .ndk\\:dark\\:hover\\:bg-red-500:hover {
1081
- background-color: var(--ndk-color-red-500);
1082
- }
1083
- .ndk\\:dark\\:hover\\:text-gray-100:hover {
1084
- color: var(--ndk-color-gray-100);
1085
- }
1073
+ .ndk\\:dark\\:hover\\:bg-gray-800:where(.dark, .dark *):hover {
1074
+ background-color: var(--ndk-color-gray-800);
1086
1075
  }
1087
- .ndk\\:dark\\:focus\\:bg-gray-900:focus {
1076
+ .ndk\\:dark\\:hover\\:bg-gray-900:where(.dark, .dark *):hover {
1088
1077
  background-color: var(--ndk-color-gray-900);
1089
1078
  }
1090
- .ndk\\:dark\\:focus\\:text-gray-100:focus {
1091
- color: var(--ndk-color-gray-100);
1092
- }
1093
- .ndk\\:dark\\:focus-visible\\:border-gray-200:focus-visible {
1094
- border-color: var(--ndk-color-gray-200);
1095
- }
1096
- .ndk\\:dark\\:focus-visible\\:ring-white\\/20: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:focus-visible {
1101
- --tw-ring-color:color-mix(in oklab,var(--ndk-color-white)20%,transparent);
1102
- }
1103
- }
1104
- .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30[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[aria-invalid=true] {
1109
- --tw-ring-color:color-mix(in oklab,var(--ndk-color-red-500)30%,transparent);
1110
- }
1111
- }
1112
- .ndk\\:dark\\:data-\\[placeholder\\]\\:text-gray-400[data-placeholder] {
1113
- color: var(--ndk-color-gray-400);
1114
- }
1115
- .ndk\\:dark\\:data-\\[state\\=checked\\]\\:border-gray-100[data-state=checked] {
1116
- border-color: var(--ndk-color-gray-100);
1117
- }
1118
- .ndk\\:dark\\:data-\\[state\\=checked\\]\\:bg-gray-100[data-state=checked] {
1119
- background-color: var(--ndk-color-gray-100);
1120
- }
1121
- .ndk\\:dark\\:data-\\[state\\=checked\\]\\:text-gray-900[data-state=checked] {
1122
- color: var(--ndk-color-gray-900);
1123
- }
1124
- .ndk\\:dark\\:data-\\[state\\=open\\]\\:bg-gray-900[data-state=open] {
1125
- background-color: var(--ndk-color-gray-900);
1079
+ .ndk\\:dark\\:hover\\:bg-red-500:where(.dark, .dark *):hover {
1080
+ background-color: var(--ndk-color-red-500);
1126
1081
  }
1127
- .ndk\\:dark\\:data-\\[state\\=open\\]\\:text-gray-100[data-state=open] {
1082
+ .ndk\\:dark\\:hover\\:text-gray-100:where(.dark, .dark *):hover {
1128
1083
  color: var(--ndk-color-gray-100);
1129
1084
  }
1130
- .ndk\\:dark\\:data-\\[state\\=selected\\]\\:bg-gray-900[data-state=selected] {
1131
- background-color: var(--ndk-color-gray-900);
1132
- }
1133
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:text-red-500[data-variant=destructive] {
1134
- color: var(--ndk-color-red-500);
1135
- }
1136
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15[data-variant=destructive]:focus {
1137
- background-color: var(--ndk-color-red-500);
1085
+ }
1086
+ .ndk\\:dark\\:focus\\:bg-gray-900:where(.dark, .dark *):focus {
1087
+ background-color: var(--ndk-color-gray-900);
1088
+ }
1089
+ .ndk\\:dark\\:focus\\:text-gray-100:where(.dark, .dark *):focus {
1090
+ color: var(--ndk-color-gray-100);
1091
+ }
1092
+ .ndk\\:dark\\:focus-visible\\:border-gray-200:where(.dark, .dark *):focus-visible {
1093
+ border-color: var(--ndk-color-gray-200);
1094
+ }
1095
+ .ndk\\:dark\\:focus-visible\\:ring-white\\/20:where(.dark, .dark *):focus-visible {
1096
+ --tw-ring-color:var(--ndk-color-white);
1097
+ }
1098
+ @supports (color:color-mix(in lab, red, red)) {
1099
+ .ndk\\:dark\\:focus-visible\\:ring-white\\/20:where(.dark, .dark *):focus-visible {
1100
+ --tw-ring-color:color-mix(in oklab,var(--ndk-color-white)20%,transparent);
1138
1101
  }
1139
- @supports (color:color-mix(in lab, red, red)) {
1140
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15[data-variant=destructive]:focus {
1141
- background-color: color-mix(in oklab, var(--ndk-color-red-500)15%, transparent);
1142
- }
1102
+ }
1103
+ .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30:where(.dark, .dark *)[aria-invalid=true] {
1104
+ --tw-ring-color:var(--ndk-color-red-500);
1105
+ }
1106
+ @supports (color:color-mix(in lab, red, red)) {
1107
+ .ndk\\:dark\\:aria-invalid\\:ring-red-500\\/30:where(.dark, .dark *)[aria-invalid=true] {
1108
+ --tw-ring-color:color-mix(in oklab,var(--ndk-color-red-500)30%,transparent);
1143
1109
  }
1144
- .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:text-red-400[data-variant=destructive]:focus {
1145
- color: var(--ndk-color-red-400);
1110
+ }
1111
+ .ndk\\:dark\\:data-\\[placeholder\\]\\:text-gray-400:where(.dark, .dark *)[data-placeholder] {
1112
+ color: var(--ndk-color-gray-400);
1113
+ }
1114
+ .ndk\\:dark\\:data-\\[state\\=checked\\]\\:border-gray-100:where(.dark, .dark *)[data-state=checked] {
1115
+ border-color: var(--ndk-color-gray-100);
1116
+ }
1117
+ .ndk\\:dark\\:data-\\[state\\=checked\\]\\:bg-gray-100:where(.dark, .dark *)[data-state=checked] {
1118
+ background-color: var(--ndk-color-gray-100);
1119
+ }
1120
+ .ndk\\:dark\\:data-\\[state\\=checked\\]\\:text-gray-900:where(.dark, .dark *)[data-state=checked] {
1121
+ color: var(--ndk-color-gray-900);
1122
+ }
1123
+ .ndk\\:dark\\:data-\\[state\\=open\\]\\:bg-gray-900:where(.dark, .dark *)[data-state=open] {
1124
+ background-color: var(--ndk-color-gray-900);
1125
+ }
1126
+ .ndk\\:dark\\:data-\\[state\\=open\\]\\:text-gray-100:where(.dark, .dark *)[data-state=open] {
1127
+ color: var(--ndk-color-gray-100);
1128
+ }
1129
+ .ndk\\:dark\\:data-\\[state\\=selected\\]\\:bg-gray-900:where(.dark, .dark *)[data-state=selected] {
1130
+ background-color: var(--ndk-color-gray-900);
1131
+ }
1132
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:text-red-500:where(.dark, .dark *)[data-variant=destructive] {
1133
+ color: var(--ndk-color-red-500);
1134
+ }
1135
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15:where(.dark, .dark *)[data-variant=destructive]:focus {
1136
+ background-color: var(--ndk-color-red-500);
1137
+ }
1138
+ @supports (color:color-mix(in lab, red, red)) {
1139
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-red-500\\/15:where(.dark, .dark *)[data-variant=destructive]:focus {
1140
+ background-color: color-mix(in oklab, var(--ndk-color-red-500)15%, transparent);
1146
1141
  }
1147
1142
  }
1143
+ .ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:text-red-400:where(.dark, .dark *)[data-variant=destructive]:focus {
1144
+ color: var(--ndk-color-red-400);
1145
+ }
1148
1146
  .ndk\\:\\[\\&_svg\\]\\:pointer-events-none svg {
1149
1147
  pointer-events: none;
1150
1148
  }
@@ -1158,10 +1156,8 @@ styleInject(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1158
1156
  .ndk\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-gray-500 svg:not([class*=text-]) {
1159
1157
  color: var(--ndk-color-gray-500);
1160
1158
  }
1161
- @media (prefers-color-scheme: dark) {
1162
- .ndk\\:dark\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-gray-400 svg:not([class*=text-]) {
1163
- color: var(--ndk-color-gray-400);
1164
- }
1159
+ .ndk\\:dark\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-gray-400:where(.dark, .dark *) svg:not([class*=text-]) {
1160
+ color: var(--ndk-color-gray-400);
1165
1161
  }
1166
1162
  .ndk\\:\\[\\&_tr\\]\\:border-b tr {
1167
1163
  border-bottom-style: var(--tw-border-style);
@@ -1186,10 +1182,8 @@ styleInject(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1186
1182
  :is(.ndk\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-red-600[data-variant=destructive] > *):is(svg) {
1187
1183
  color: var(--ndk-color-red-600) !important;
1188
1184
  }
1189
- @media (prefers-color-scheme: dark) {
1190
- :is(.ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-red-500[data-variant=destructive] > *):is(svg) {
1191
- color: var(--ndk-color-red-500) !important;
1192
- }
1185
+ :is(.ndk\\:dark\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-red-500:where(.dark, .dark *)[data-variant=destructive] > *):is(svg) {
1186
+ color: var(--ndk-color-red-500) !important;
1193
1187
  }
1194
1188
  .ndk\\:\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=checkbox] {
1195
1189
  --tw-translate-y:2px;